/* CTS 8.14.6.0B1 profile-history foundation */
:root {
  color-scheme: dark;
  --bg: #090c12;
  --panel: #121722;
  --panel-2: #181f2d;
  --line: #2b3445;
  --text: #f5f7fb;
  --muted: #aeb8c8;
  --accent: #ff5a36;
  --accent-2: #ff815f;
  --success: #3ddc97;
  --warning: #ffcc66;
  --danger: #ff6b7a;
  --info: #67b7ff;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at top right, #191321 0, var(--bg) 36%); color: var(--text); }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
.hidden { display: none !important; }

.site-header { display: flex; justify-content: space-between; gap: 1rem; align-items: center; padding: 1.2rem clamp(1rem, 4vw, 3rem); border-bottom: 1px solid var(--line); background: rgba(9, 12, 18, .88); backdrop-filter: blur(12px); position: sticky; top: 0; z-index: 5; }
.brand-wrap { display: flex; align-items: center; gap: .9rem; }
.brand-logo { width: 58px; height: 58px; object-fit: contain; border-radius: 14px; background: rgba(255,255,255,.03); box-shadow: 0 10px 30px rgba(0, 0, 0, .25); }
h1, h2, p { margin-top: 0; }
h1 { margin-bottom: .12rem; font-size: clamp(1.1rem, 3vw, 1.55rem); }
.site-header p { margin: 0; color: var(--muted); font-size: .9rem; }
.connection-badge { border: 1px solid var(--line); color: var(--warning); border-radius: 999px; padding: .48rem .75rem; font-size: .78rem; white-space: nowrap; }
.connection-badge.online { color: var(--success); }

.shell { width: min(1100px, calc(100% - 2rem)); margin: 2rem auto 4rem; }
.tabs { display: grid; grid-template-columns: repeat(6, 1fr); gap: .55rem; margin-bottom: 1rem; padding: .4rem; border: 1px solid var(--line); border-radius: 16px; background: #0e131c; }
.tab { border: 0; border-radius: 11px; padding: .85rem .6rem; background: transparent; color: var(--muted); font-weight: 750; }
.tab:hover, .tab.active { background: var(--panel-2); color: var(--text); }
.tab.active { box-shadow: inset 0 -2px 0 var(--accent); }
.view { display: none; }
.view.active { display: block; }

.panel { border: 1px solid var(--line); background: linear-gradient(180deg, rgba(24,31,45,.95), rgba(18,23,34,.95)); border-radius: 18px; padding: clamp(1rem, 3vw, 1.45rem); box-shadow: 0 18px 45px rgba(0,0,0,.16); margin-bottom: 1rem; }
.intro-panel { padding-block: 1.7rem; }
.intro-panel h2, .dashboard-header h2, .admin-login h2 { font-size: clamp(1.45rem, 4vw, 2rem); margin-bottom: .55rem; }
.intro-panel p:last-child { max-width: 720px; color: var(--muted); margin-bottom: 0; line-height: 1.65; }
.eyebrow { color: var(--accent-2); font-size: .76rem; font-weight: 900; letter-spacing: .14em; margin-bottom: .45rem; }
.muted, small, .optional { color: var(--muted); }

.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.compact-form { display: grid; grid-template-columns: 1fr 1fr auto; align-items: end; gap: 1rem; }
label { display: flex; flex-direction: column; gap: .48rem; color: #dfe5ee; font-size: .9rem; font-weight: 700; }
input, select, textarea { width: 100%; border: 1px solid var(--line); border-radius: 11px; background: #0c111a; color: var(--text); padding: .8rem .9rem; outline: none; }
input:focus, select:focus, textarea:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(255,90,54,.12); }
textarea { min-height: 112px; resize: vertical; }
.wide { grid-column: 1 / -1; }
.checkbox-label { flex-direction: row; align-items: flex-start; font-weight: 500; }
.checkbox-label input { width: auto; margin-top: .15rem; }
.action-row { display: flex; align-items: center; gap: .8rem; flex-wrap: wrap; }

.primary, .secondary, .danger-button { border-radius: 11px; border: 1px solid transparent; padding: .78rem 1rem; font-weight: 850; }
.primary { background: linear-gradient(135deg, var(--accent), #e12f43); color: white; }
.primary:hover { filter: brightness(1.08); }
.secondary { background: var(--panel-2); color: var(--text); border-color: var(--line); }
.danger-button { background: rgba(255,107,122,.1); color: var(--danger); border-color: rgba(255,107,122,.35); }
button:disabled { opacity: .55; cursor: not-allowed; }

.notice { border-radius: 13px; padding: .9rem 1rem; margin-bottom: 1rem; border: 1px solid; }
.notice.warning { color: var(--warning); border-color: rgba(255,204,102,.4); background: rgba(255,204,102,.08); }
.success-panel { border-color: rgba(61,220,151,.35); }
.code-box { display: flex; justify-content: space-between; align-items: center; gap: 1rem; background: #090d14; border: 1px dashed rgba(61,220,151,.55); border-radius: 13px; padding: 1rem; margin: 1rem 0; }
.code-box span { color: var(--muted); }
.code-box strong { color: var(--success); font-size: clamp(1.25rem, 5vw, 1.75rem); letter-spacing: .08em; }

.status-heading, .dashboard-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; }
.status-badge { border-radius: 999px; padding: .55rem .78rem; font-size: .8rem; font-weight: 900; background: var(--panel-2); border: 1px solid var(--line); }
.status-badge.pending { color: var(--warning); }
.status-badge.approved { color: var(--success); }
.status-badge.action { color: var(--info); }
.status-badge.rejected { color: var(--danger); }
.status-badge.waitlisted { color: #c89cff; }
.status-badge.withdrawn { color: var(--muted); }
.detail-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: .8rem; margin: 1.2rem 0 0; }
.detail-list div { border: 1px solid var(--line); border-radius: 12px; padding: .85rem; background: rgba(9,13,20,.45); }
.detail-list dt { color: var(--muted); font-size: .75rem; margin-bottom: .35rem; }
.detail-list dd { margin: 0; overflow-wrap: anywhere; }
.detail-list .wide-detail { grid-column: 1 / -1; }
.status-actions { display: flex; gap: .8rem; flex-wrap: wrap; margin-top: 1rem; }
.inline-note { margin-top: .8rem; margin-bottom: 0; }

.admin-login { max-width: 720px; margin-inline: auto; }
.filters { display: grid; grid-template-columns: 1fr 1.6fr auto auto; gap: 1rem; align-items: end; }
.summary-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: .75rem; margin-bottom: 1rem; }
.summary-card { border: 1px solid var(--line); background: var(--panel); border-radius: 14px; padding: 1rem; }
.summary-card span { display: block; color: var(--muted); font-size: .75rem; }
.summary-card strong { display: block; margin-top: .25rem; font-size: 1.5rem; }
.registration-list { display: grid; gap: .85rem; }
.registration-card { border: 1px solid var(--line); background: var(--panel); border-radius: 17px; overflow: hidden; }
.registration-card summary { list-style: none; cursor: pointer; padding: 1rem 1.1rem; display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) auto; gap: 1rem; align-items: center; }
.registration-card summary::-webkit-details-marker { display: none; }
.registration-card summary:hover { background: rgba(255,255,255,.025); }
.registration-card h3 { margin: 0 0 .25rem; font-size: 1rem; }
.registration-card summary p { margin: 0; color: var(--muted); font-size: .83rem; overflow-wrap: anywhere; }
.registration-code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; color: var(--muted); }
.admin-card-body { border-top: 1px solid var(--line); padding: 1.1rem; }
.admin-details { display: grid; grid-template-columns: repeat(3, 1fr); gap: .7rem; margin-bottom: 1rem; }
.admin-details div { border-radius: 10px; background: #0d121b; padding: .75rem; }
.admin-details span { display: block; color: var(--muted); font-size: .72rem; margin-bottom: .25rem; }
.review-form { display: grid; grid-template-columns: 1fr 2fr auto; gap: .8rem; align-items: end; }
.empty-state { text-align: center; color: var(--muted); }

.toast { position: fixed; right: 1rem; bottom: 1rem; max-width: min(390px, calc(100% - 2rem)); border: 1px solid var(--line); background: #151b27; color: var(--text); border-radius: 13px; padding: .9rem 1rem; box-shadow: 0 18px 50px rgba(0,0,0,.35); z-index: 20; }
.toast.error { border-color: rgba(255,107,122,.5); color: #ffd5da; }
.busy-text { color: var(--muted); }
footer { text-align: center; padding: 0 1rem 2rem; color: #7f899a; font-size: .8rem; }

@media (max-width: 780px) {
  .form-grid, .compact-form, .filters, .review-form { grid-template-columns: 1fr; }
  .summary-grid { grid-template-columns: repeat(2, 1fr); }
  .detail-list, .admin-details { grid-template-columns: 1fr; }
  .registration-card summary { grid-template-columns: 1fr; }
  .status-heading, .dashboard-header { flex-direction: column; }
  .compact-form button, .filters button, .review-form button { width: 100%; }
}

@media (max-width: 520px) {
  .site-header { align-items: flex-start; }
  .site-header p { display: none; }
  .brand-logo { width: 48px; height: 48px; }
  .shell { width: min(100% - 1rem, 1100px); margin-top: 1rem; }
  .tabs { gap: .25rem; }
  .tab { font-size: .82rem; padding-inline: .2rem; }
  .summary-grid { grid-template-columns: 1fr 1fr; }
  .code-box { flex-direction: column; align-items: flex-start; }
}

.section-heading { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-start; margin-bottom: 1rem; }
.section-heading h2 { margin-bottom: .45rem; }
.event-form { display: grid; grid-template-columns: 1.5fr 1fr 1fr .7fr; gap: .85rem; align-items: end; padding: 1rem; margin-bottom: 1rem; border: 1px solid var(--line); border-radius: 14px; background: rgba(9,13,20,.4); }
.event-closed-toggle { align-self: center; }
.event-form-actions { display: flex; gap: .65rem; flex-wrap: wrap; grid-column: 1 / -1; }
.event-list { display: grid; gap: .8rem; }
.event-card { border: 1px solid var(--line); border-radius: 15px; padding: 1rem; background: #0d121b; }
.event-card-main { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; }
.event-card h3 { margin: 0 0 .3rem; }
.event-card p { margin: 0; color: var(--muted); font-size: .84rem; }
.event-status { border: 1px solid var(--line); border-radius: 999px; padding: .42rem .68rem; font-size: .75rem; font-weight: 900; white-space: nowrap; }
.event-status.event-open { color: var(--success); }
.event-status.event-waitlist { color: #c89cff; }
.event-status.event-upcoming { color: var(--info); }
.event-status.event-closed { color: var(--muted); }
.event-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: .65rem; margin-top: .9rem; }
.event-stats div { border: 1px solid var(--line); border-radius: 10px; padding: .72rem; background: rgba(255,255,255,.018); }
.event-stats span { display: block; color: var(--muted); font-size: .7rem; margin-bottom: .22rem; }
.event-stats strong { font-size: 1.05rem; }
.event-card-actions { display: flex; gap: .65rem; flex-wrap: wrap; margin-top: .85rem; }

@media (max-width: 900px) {
  .event-form { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 620px) {
  .event-form, .event-stats { grid-template-columns: 1fr; }
  .event-card-main { flex-direction: column; }
  .event-card-actions button { width: 100%; }
}

.tos-box {
  border: 1px solid var(--line);
  border-radius: 13px;
  background: rgba(9, 13, 20, .5);
  overflow: hidden;
}
.tos-box summary {
  cursor: pointer;
  padding: .9rem 1rem;
  font-weight: 850;
  color: var(--text);
}
.tos-box summary:hover { background: rgba(255, 255, 255, .025); }
.tos-content {
  border-top: 1px solid var(--line);
  padding: .95rem 1rem 1rem;
  color: var(--muted);
  line-height: 1.55;
}
.tos-content p:last-child, .tos-content ul:last-child { margin-bottom: 0; }
.tos-content ul { padding-left: 1.2rem; }
.tos-content li + li { margin-top: .4rem; }


.account-notice {
  color: var(--info);
  border-color: rgba(103, 183, 255, .38);
  background: rgba(103, 183, 255, .07);
}
.auth-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.stack-form {
  display: grid;
  gap: .9rem;
}
.inset-form {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--line);
}
.text-button {
  border: 0;
  padding: .25rem 0;
  background: transparent;
  color: var(--info);
  text-align: left;
  font-weight: 750;
}
.text-button:hover { text-decoration: underline; }
.two-column-auth { grid-template-columns: 1fr 1fr auto; }
.account-section-heading { align-items: center; }
.account-registration-list { margin-top: 1rem; }
.account-registration-card {
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 1rem;
  background: #0d121b;
}
.account-registration-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}
.account-registration-head h3 { margin: 0 0 .3rem; }
.account-registration-head p { margin: 0; color: var(--muted); font-size: .84rem; }
.account-registration-meta {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: .65rem;
  margin-top: .85rem;
}
.account-registration-meta div {
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: .7rem;
  background: rgba(255,255,255,.018);
  overflow-wrap: anywhere;
}
.account-registration-meta span {
  display: block;
  color: var(--muted);
  font-size: .7rem;
  margin-bottom: .22rem;
}
.account-registration-message {
  margin: .85rem 0 0;
  padding: .75rem;
  border-left: 3px solid var(--line);
  color: var(--muted);
  background: rgba(255,255,255,.018);
}
.account-registration-actions {
  display: flex;
  gap: .65rem;
  flex-wrap: wrap;
  margin-top: .85rem;
}
.account-linked-badge {
  display: inline-flex;
  margin-top: .4rem;
  color: var(--success);
  font-size: .72rem;
  font-weight: 800;
}

@media (max-width: 900px) {
  .auth-grid { grid-template-columns: 1fr; }
  .account-registration-meta { grid-template-columns: repeat(2, 1fr); }
  .two-column-auth { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
  .tabs { grid-template-columns: repeat(2, 1fr); }
  .account-registration-head { flex-direction: column; }
  .account-registration-meta { grid-template-columns: 1fr; }
  .account-registration-actions button { width: 100%; }
  .account-section-heading { flex-direction: column; }
}


.notification-options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
  padding: .9rem;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: rgba(9, 13, 20, .4);
}
.notification-options .checkbox-label {
  padding: .25rem;
}
#discordWebhookStatus.configured { color: var(--success); }
#discordWebhookStatus.disabled { color: var(--warning); }
#discordWebhookStatus.error { color: var(--danger); }
@media (max-width: 780px) {
  .notification-options { grid-template-columns: 1fr; }
}


/* v5.7 multiple Discord webhook destinations */
.discord-global-settings { margin-bottom: 1rem; }
.discord-divider { height: 1px; background: var(--line); margin: 1.35rem 0; }
.compact-heading { margin-bottom: .9rem; }
.compact-heading h3 { margin: 0 0 .35rem; }
.discord-add-form { display: grid; grid-template-columns: minmax(180px, .8fr) minmax(280px, 1.6fr) auto auto; gap: .8rem; align-items: end; margin-bottom: .7rem; }
.discord-webhook-list { display: grid; gap: .9rem; margin-top: 1.2rem; }
.discord-webhook-card { border: 1px solid var(--line); border-radius: 14px; padding: 1rem; background: rgba(9,13,20,.42); }
.discord-webhook-card-header { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-start; margin-bottom: .9rem; }
.discord-webhook-card-header strong, .discord-webhook-card-header span { display: block; }
.discord-webhook-card-header .muted { margin-top: .25rem; font-size: .8rem; }
.discord-webhook-fields { display: grid; grid-template-columns: 1fr 1.6fr auto; gap: .8rem; align-items: end; margin-bottom: .85rem; }
.webhook-enabled-toggle { align-self: center; }

@media (max-width: 900px) {
  .discord-add-form, .discord-webhook-fields { grid-template-columns: 1fr; }
}

/* v6.0 — team rosters and event-specific registration fields */
.event-rules-panel,
.roster-panel,
.custom-question-list {
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 1rem;
  background: rgba(9, 13, 20, .48);
}

.event-rules-text {
  white-space: pre-wrap;
  line-height: 1.65;
  color: #dfe5ee;
  max-height: 320px;
  overflow: auto;
  padding: .85rem;
  border-radius: 10px;
  background: #0c111a;
  border: 1px solid var(--line);
}

.event-rules-acceptance { margin-top: .85rem; }
.event-question-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
.roster-member-list { display: grid; gap: .8rem; margin-top: .8rem; }
.roster-member-card { border: 1px solid var(--line); border-radius: 13px; padding: .9rem; background: #0c111a; }
.roster-member-heading { display: flex; justify-content: space-between; gap: .8rem; align-items: center; margin-bottom: .75rem; }
.roster-member-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .7rem; }
.roster-remove { padding: .5rem .7rem; }
.roster-display, .event-answer-display { display: grid; gap: .55rem; padding-top: .75rem; }
.roster-display-row, .answer-line { display: grid; grid-template-columns: minmax(100px, .35fr) 1fr; gap: .75rem; padding: .65rem .75rem; border-radius: 10px; background: #0d121b; }
.roster-display-row span, .answer-line span { color: var(--muted); overflow-wrap: anywhere; }
.account-detail-box, .admin-detail-box { margin: .8rem 0; border: 1px solid var(--line); border-radius: 12px; padding: .75rem; background: rgba(9,13,20,.35); }
.account-detail-box summary, .admin-detail-box summary { cursor: pointer; font-weight: 800; }
.event-form .wide { grid-column: 1 / -1; }
.event-form textarea[name="rules_text"] { min-height: 180px; }
.event-form textarea[name="custom_questions_text"] { min-height: 145px; }

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

@media (max-width: 780px) {
  .event-question-grid, .roster-member-grid { grid-template-columns: 1fr; }
  .roster-display-row, .answer-line { grid-template-columns: 1fr; gap: .25rem; }
}


/* v6.1 — match centre, standings, and audit history */
.match-public-controls,
.audit-filters {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto;
  gap: .85rem;
  align-items: end;
}

.match-form {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .85rem;
  align-items: end;
  padding: 1rem;
  margin-bottom: 1rem;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(9, 13, 20, .4);
}

.match-form .wide { grid-column: 1 / -1; }
.match-form textarea { min-height: 105px; }
.match-list { display: grid; gap: .85rem; }
.match-card {
  border: 1px solid var(--line);
  border-radius: 15px;
  padding: 1rem;
  background: rgba(9, 13, 20, .42);
}
.match-card-header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
}
.match-card h3 { margin: 0 0 .3rem; }
.match-card p { margin: 0; }
.match-versus {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: .8rem;
  align-items: center;
  margin: .95rem 0;
}
.match-side {
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: .85rem;
  background: #0c111a;
  text-align: center;
  overflow-wrap: anywhere;
}
.match-side strong { display: block; font-size: 1.05rem; }
.match-score { display: block; font-size: 1.65rem; font-weight: 950; margin-top: .25rem; }
.match-vs-label { color: var(--muted); font-weight: 900; }
.match-meta { display: flex; gap: .65rem 1rem; flex-wrap: wrap; color: var(--muted); font-size: .85rem; }
.match-notes { margin-top: .8rem !important; white-space: pre-wrap; color: #dfe5ee; }
.match-card-actions { display: flex; gap: .65rem; flex-wrap: wrap; margin-top: .9rem; }
.match-status-scheduled { color: var(--warning); }
.match-status-in-progress { color: var(--info); }
.match-status-completed { color: var(--success); }
.match-status-cancelled { color: var(--danger); }

.table-scroll { overflow-x: auto; }
.standings-table { width: 100%; border-collapse: collapse; min-width: 720px; }
.standings-table th,
.standings-table td { padding: .75rem .65rem; border-bottom: 1px solid var(--line); text-align: center; }
.standings-table th { color: var(--muted); font-size: .75rem; text-transform: uppercase; letter-spacing: .05em; }
.standings-table th:nth-child(2),
.standings-table td:nth-child(2) { text-align: left; }
.standings-table tbody tr:hover { background: rgba(255,255,255,.025); }
.standings-position { color: var(--accent-2); font-weight: 950; }
.standings-points { color: var(--success); font-weight: 950; }
.admin-match-summary { margin-bottom: 1rem; }

.audit-filters { grid-template-columns: minmax(180px, .7fr) minmax(260px, 1.4fr) auto; margin-bottom: 1rem; }
.audit-list { display: grid; gap: .7rem; }
.audit-card {
  border: 1px solid var(--line);
  border-radius: 13px;
  padding: .9rem 1rem;
  background: rgba(9,13,20,.42);
}
.audit-card summary { cursor: pointer; list-style: none; }
.audit-card summary::-webkit-details-marker { display: none; }
.audit-card-header { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: .8rem; align-items: center; }
.audit-action {
  border-radius: 999px;
  border: 1px solid var(--line);
  padding: .35rem .55rem;
  font-size: .72rem;
  font-weight: 900;
  color: var(--accent-2);
}
.audit-card h3 { margin: 0 0 .2rem; font-size: .95rem; }
.audit-card p { margin: 0; color: var(--muted); font-size: .8rem; }
.audit-time { color: var(--muted); font-size: .78rem; white-space: nowrap; }
.audit-details { margin-top: .8rem; padding-top: .8rem; border-top: 1px solid var(--line); }
.audit-change-list { display: grid; gap: .45rem; }
.audit-change-row { display: grid; grid-template-columns: minmax(130px, .45fr) 1fr; gap: .65rem; padding: .55rem .65rem; border-radius: 9px; background: #0c111a; }
.audit-change-row span:first-child { color: var(--muted); }
.audit-json { white-space: pre-wrap; overflow-wrap: anywhere; font-size: .75rem; color: var(--muted); max-height: 260px; overflow: auto; }

@media (max-width: 900px) {
  .match-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .audit-filters { grid-template-columns: 1fr 1fr; }
  .audit-filters button { width: 100%; }
}

@media (max-width: 680px) {
  .match-form,
  .match-public-controls,
  .audit-filters { grid-template-columns: 1fr; }
  .match-versus { grid-template-columns: 1fr; }
  .match-vs-label { text-align: center; }
  .audit-card-header { grid-template-columns: 1fr; }
  .audit-time { white-space: normal; }
  .audit-change-row { grid-template-columns: 1fr; gap: .2rem; }
}

/* v6.3 — player event check-in */
.filters { grid-template-columns: 1fr 1fr 1.5fr auto auto; }
.check-in-badge {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: .38rem .62rem;
  background: rgba(255,255,255,.025);
  font-size: .75rem;
  font-weight: 850;
  overflow-wrap: anywhere;
}
.check-in-badge.check-in-pending { color: var(--warning); }
.check-in-badge.check-in-complete { color: var(--success); }
.check-in-badge.check-in-late { color: var(--accent-2); }
.check-in-badge.check-in-replacement { color: var(--danger); }
.check-in-badge.check-in-not-required { color: var(--muted); }
.registration-summary-badges { display: grid; justify-items: end; gap: .45rem; }
.check-in-admin-form {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto;
  gap: .8rem;
  align-items: end;
  margin: .8rem 0;
  padding: .85rem;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(9,13,20,.35);
}

@media (max-width: 900px) {
  .filters { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 780px) {
  .filters, .check-in-admin-form { grid-template-columns: 1fr; }
  .check-in-admin-form button { width: 100%; }
  .registration-summary-badges { justify-items: start; }
}

/* v6.4 — drafted multi-player match sides and per-match attendee check-in */
.match-attendee-selector {
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(9,13,20,.42);
  padding: 1rem;
}
.match-attendee-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .65rem;
  max-height: 360px;
  overflow: auto;
  padding-right: .2rem;
}
.match-attendee-option {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: .7rem;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: #0c111a;
  padding: .75rem;
  font-weight: 650;
}
.match-attendee-option:hover { border-color: rgba(255,90,54,.62); }
.match-attendee-option input { width: auto; margin-top: .18rem; }
.match-attendee-option span { display: block; min-width: 0; }
.match-attendee-option small { display: block; margin-top: .18rem; font-weight: 500; overflow-wrap: anywhere; }
.match-attendee-option.unavailable { opacity: .48; }
.selection-count {
  align-self: center;
  color: var(--muted);
  font-size: .8rem;
  font-weight: 800;
  white-space: nowrap;
}
.match-lineups {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .75rem;
  margin-top: .9rem;
}
.match-lineup {
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: .8rem;
  background: rgba(9,13,20,.38);
}
.match-lineup h4 { margin: 0 0 .5rem; font-size: .86rem; }
.match-lineup ul { margin: 0; padding-left: 1.1rem; color: var(--muted); font-size: .82rem; line-height: 1.6; }
.match-checkin-list { display: grid; gap: .85rem; }
.match-checkin-card {
  border: 1px solid var(--line);
  border-radius: 15px;
  background: #0d121b;
  padding: 1rem;
}
.match-checkin-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: .8rem;
  margin-bottom: .75rem;
}
.match-checkin-head h3 { margin: 0 0 .25rem; font-size: 1rem; }
.match-checkin-head p { margin: 0; color: var(--muted); font-size: .82rem; }
.match-checkin-attendees { display: grid; gap: .55rem; }
.match-checkin-attendee {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: .7rem;
  border-top: 1px solid var(--line);
  padding-top: .65rem;
}
.match-checkin-attendee:first-child { border-top: 0; padding-top: 0; }
.match-checkin-attendee strong { display: block; }
.match-checkin-attendee small { color: var(--muted); display: block; margin-top: .18rem; }
.match-checkin-window { color: var(--muted); font-size: .8rem; margin-top: .7rem; }
.admin-attendee-checkin-list { display: grid; gap: .55rem; margin-top: .85rem; }
.admin-attendee-checkin-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(170px, .7fr) auto;
  gap: .65rem;
  align-items: end;
  border: 1px solid var(--line);
  border-radius: 11px;
  padding: .7rem;
  background: #0c111a;
}
.admin-attendee-checkin-row p { margin: .2rem 0 0; color: var(--muted); font-size: .78rem; }

@media (max-width: 780px) {
  .match-attendee-options, .match-lineups { grid-template-columns: 1fr; }
  .match-checkin-attendee, .admin-attendee-checkin-row { grid-template-columns: 1fr; }
  .match-checkin-attendee button, .admin-attendee-checkin-row button { width: 100%; }
}


/* v6.5 Discord match notification controls */
.input-with-suffix { display: flex; align-items: center; gap: .65rem; }
.input-with-suffix input { max-width: 130px; }
.input-with-suffix span { color: var(--muted); font-size: .82rem; white-space: nowrap; }
@media (max-width: 520px) { .input-with-suffix { align-items: stretch; flex-direction: column; } .input-with-suffix input { max-width: none; } }

/* v6.6 Player availability calendar */
.availability-list { display: grid; gap: .8rem; margin-top: 1rem; }
.availability-card {
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #0d121b;
  padding: 1rem;
}
.availability-card-head { display: flex; justify-content: space-between; gap: .8rem; align-items: flex-start; }
.availability-card h3 { margin: 0 0 .2rem; font-size: 1rem; }
.availability-card p { margin: 0; color: var(--muted); font-size: .82rem; }
.availability-time { margin: .8rem 0 .55rem; font-weight: 750; }
.availability-note { margin-bottom: .75rem !important; }
.availability-chip {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  border-radius: 999px;
  border: 1px solid var(--line);
  padding: .28rem .55rem;
  font-size: .72rem;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}
.availability-chip.availability-available { color: var(--success); border-color: rgba(61,220,151,.35); background: rgba(61,220,151,.08); }
.availability-chip.availability-unavailable { color: var(--danger); border-color: rgba(255,107,122,.35); background: rgba(255,107,122,.08); }
.availability-chip.availability-unknown { color: var(--warning); border-color: rgba(255,204,102,.35); background: rgba(255,204,102,.08); }
.match-attendee-option.availability-unavailable { border-color: rgba(255,107,122,.5); }
.match-attendee-option.availability-available { border-color: rgba(61,220,151,.38); }
.match-attendee-option.availability-unknown { border-color: rgba(255,204,102,.25); }
.match-attendee-option .availability-chip { margin-top: .45rem; }
.availability-picker-note { color: #ffd5da !important; }

@media (max-width: 600px) {
  .availability-card-head { flex-direction: column; }
}


/* v6.7 Public event pages */
.public-event-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 1rem;
}
.public-event-card {
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 1.15rem;
  background: linear-gradient(180deg, rgba(24,31,45,.95), rgba(18,23,34,.95));
  box-shadow: 0 18px 45px rgba(0,0,0,.14);
}
.public-event-card-heading,
.public-event-detail-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}
.public-event-card h3 { margin: 0; font-size: 1.25rem; }
.public-event-card-description,
.public-event-description { color: var(--muted); line-height: 1.6; white-space: pre-line; }
.public-event-card-stats {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin: 1rem 0;
}
.public-event-card-stats span {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: .4rem .65rem;
  color: var(--muted);
  font-size: .76rem;
}
.public-event-card-stats strong { color: var(--text); }
.public-event-hero { border-color: rgba(255,90,54,.32); }
.public-event-stat-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .7rem;
  margin: 1.15rem 0;
}
.public-event-stat-grid div {
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: .8rem;
  background: rgba(9,13,20,.42);
}
.public-event-stat-grid span { display: block; color: var(--muted); font-size: .72rem; margin-bottom: .3rem; }
.public-event-stat-grid strong { display: block; overflow-wrap: anywhere; }
.public-event-actions { display: flex; gap: .7rem; flex-wrap: wrap; }
.public-event-rules { line-height: 1.7; }
.public-participant-list { display: grid; gap: .6rem; }
.public-participant-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: #0d121b;
  padding: .75rem .85rem;
}
.public-participant-row strong { display: block; }
.public-participant-row span { color: var(--muted); font-size: .78rem; }
.event-public-toggle { align-self: end; padding-bottom: .75rem; }

@media (max-width: 900px) {
  .tabs { grid-template-columns: repeat(3, 1fr); }
  .public-event-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .public-event-grid { grid-template-columns: 1fr; }
  .public-event-card-heading, .public-event-detail-heading { flex-direction: column; }
  .public-event-actions button { width: 100%; }
}
@media (max-width: 520px) {
  .tabs { grid-template-columns: repeat(2, 1fr); }
  .public-event-stat-grid { grid-template-columns: 1fr; }
  .public-participant-row { align-items: flex-start; flex-direction: column; }
}


/* v6.8 admin accordion sections */
.admin-accordion {
  padding: 0;
  overflow: hidden;
}

.admin-accordion-summary {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: clamp(1rem, 3vw, 1.45rem);
  cursor: pointer;
  user-select: none;
}

.admin-accordion-summary::-webkit-details-marker { display: none; }
.admin-accordion-summary::marker { content: ""; }
.admin-accordion-summary:hover { background: rgba(255,255,255,.025); }
.admin-accordion[open] > .admin-accordion-summary { border-bottom: 1px solid var(--line); }

.admin-accordion-copy {
  min-width: 0;
  flex: 1;
}

.admin-accordion-copy .eyebrow {
  display: block;
  margin-bottom: .35rem;
}

.admin-accordion-copy h2 {
  margin: 0 0 .3rem;
  font-size: clamp(1.1rem, 3vw, 1.45rem);
}

.admin-accordion-copy p {
  margin: 0;
  line-height: 1.45;
}

.admin-accordion-chevron {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 2rem;
  height: 2rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--panel-2);
  font-size: 1.2rem;
  transition: transform .18s ease;
}

.admin-accordion[open] > .admin-accordion-summary .admin-accordion-chevron {
  transform: rotate(180deg);
}

.admin-accordion-body {
  padding: clamp(1rem, 3vw, 1.45rem);
}

.admin-accordion-body > :last-child { margin-bottom: 0; }
.admin-accordion-body > .filters { margin-bottom: 1rem; }

@media (max-width: 620px) {
  .admin-accordion-summary { align-items: flex-start; }
  .admin-accordion-summary .connection-badge { display: none; }
  .admin-accordion-copy p { font-size: .82rem; }
}


/* v7.0 roster account linking */
.roster-link-caption { margin: .75rem 0 1rem; color: var(--muted); line-height: 1.55; }
.roster-account-link-list { display: grid; gap: .75rem; }
.roster-account-link-form { display: grid; grid-template-columns: minmax(180px, 1fr) minmax(260px, 1.4fr) auto; gap: .8rem; align-items: end; padding: .85rem; border: 1px solid var(--line); border-radius: 12px; background: rgba(9,13,20,.45); }
.roster-link-player { display: flex; flex-direction: column; gap: .22rem; }
.roster-link-player small { color: var(--muted); }
.roster-link-status { width: fit-content; margin-top: .25rem; border: 1px solid var(--line); border-radius: 999px; padding: .24rem .5rem; color: var(--muted); font-size: .72rem; font-weight: 800; }
.roster-link-status.linked { color: var(--success); border-color: rgba(61,220,151,.35); background: rgba(61,220,151,.07); }
@media (max-width: 850px) { .roster-account-link-form { grid-template-columns: 1fr; } .roster-account-link-form button { width: 100%; } }


/* v7.5 system health and manual backups */
.health-version-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; margin-bottom: 1rem; }
.health-version-grid .summary-card { margin: 0; }
.health-time { font-size: 1rem !important; overflow-wrap: anywhere; }
.health-actions { margin-bottom: 1rem; }
.system-health-list { display: grid; gap: .7rem; margin-bottom: 1rem; }
.system-health-row { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .75rem; align-items: flex-start; padding: .85rem; border: 1px solid var(--line); border-radius: 12px; background: rgba(9,13,20,.45); }
.system-health-row.ok { border-color: rgba(61,220,151,.3); }
.system-health-row.issue { border-color: rgba(255,107,122,.42); }
.system-health-row strong { display: block; margin-bottom: .2rem; }
.system-health-row p { margin: 0; color: var(--muted); line-height: 1.45; overflow-wrap: anywhere; }
.health-icon { display: grid; place-items: center; width: 1.8rem; height: 1.8rem; border: 1px solid currentColor; border-radius: 999px; font-weight: 900; }
.system-health-row.ok .health-icon { color: var(--success); }
.system-health-row.issue .health-icon { color: var(--danger); }
.backup-security-note { margin-top: .8rem; margin-bottom: 0; }
.connection-badge.error { color: var(--danger); border-color: rgba(255,107,122,.4); }
@media (max-width: 720px) { .health-version-grid { grid-template-columns: 1fr; } .health-actions button { width: 100%; } }


/* v7.6 per-webhook notification routing */
.webhook-routing-options {
  grid-column: 1 / -1;
  min-width: 0;
  margin: .2rem 0 .1rem;
  padding: 0;
  border: 0;
}
.webhook-routing-options legend {
  margin-bottom: .55rem;
  color: var(--muted);
  font-size: .82rem;
  font-weight: 800;
}
.discord-webhook-fields .webhook-routing-options { align-self: stretch; }
.discord-add-form > .webhook-routing-options { grid-column: 1 / -1; }

/* v7.7 — player notifications and discipline / eligibility */
.tab-count {
  display: inline-grid;
  min-width: 1.35rem;
  height: 1.35rem;
  margin-left: .35rem;
  place-items: center;
  border-radius: 999px;
  background: var(--danger);
  color: #fff;
  font-size: .7rem;
  line-height: 1;
  padding: 0 .3rem;
}

.notification-centre-list,
.discipline-list {
  display: grid;
  gap: .75rem;
  margin-top: 1rem;
}

.player-notification-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .8rem;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 1rem;
  background: rgba(9, 13, 20, .5);
}

.player-notification-card.unread {
  border-color: rgba(103, 183, 255, .55);
  box-shadow: inset 4px 0 0 var(--info);
  background: rgba(103, 183, 255, .055);
}

.player-notification-card h3,
.discipline-card h3 {
  margin: 0 0 .3rem;
  font-size: 1rem;
}

.player-notification-card p,
.discipline-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

.notification-meta,
.discipline-meta {
  display: flex;
  gap: .55rem;
  flex-wrap: wrap;
  margin-top: .65rem;
  color: var(--muted);
  font-size: .76rem;
}

.notification-type,
.discipline-pill {
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: .3rem .55rem;
  background: var(--panel-2);
  font-size: .72rem;
  font-weight: 800;
}

.discipline-card {
  border: 1px solid var(--line);
  border-radius: 15px;
  background: #0d121b;
  padding: 1rem;
}

.discipline-card.active,
.registration-discipline-alert {
  border-color: rgba(255, 107, 122, .48);
  background: rgba(255, 107, 122, .06);
}

.discipline-card.scheduled { border-color: rgba(103, 183, 255, .45); }
.discipline-card.resolved,
.discipline-card.expired { opacity: .78; }

.discipline-card-head {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
}

.discipline-details {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .6rem;
  margin-top: .8rem;
}

.discipline-details > div {
  border-radius: 10px;
  padding: .7rem;
  background: rgba(9, 13, 20, .55);
  overflow-wrap: anywhere;
}

.discipline-details span {
  display: block;
  margin-bottom: .25rem;
  color: var(--muted);
  font-size: .7rem;
}

.registration-discipline-alert {
  border: 1px solid rgba(255, 107, 122, .48);
  border-radius: 12px;
  padding: .85rem;
  margin-bottom: 1rem;
}

.registration-discipline-alert strong {
  display: block;
  color: #ffd5da;
  margin-bottom: .35rem;
}

.registration-discipline-alert ul {
  margin: .4rem 0 0 1.1rem;
  padding: 0;
  color: #f1c7cd;
}

@media (max-width: 780px) {
  .player-notification-card { grid-template-columns: 1fr; }
  .discipline-details { grid-template-columns: 1fr; }
  .discipline-card-head { flex-direction: column; }
}

/* v7.8 — archives, directory, calendar, and player statistics */
.event-status.event-archived {
  color: #d7c7ff;
  border-color: rgba(200, 156, 255, .45);
  background: rgba(200, 156, 255, .1);
}

.public-archive-section {
  margin-top: 2rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--line);
}

.archive-note {
  margin: .8rem 0;
  padding: .75rem .9rem;
  border: 1px solid rgba(200, 156, 255, .25);
  border-radius: 11px;
  background: rgba(200, 156, 255, .07);
  color: #dfd3ff;
  line-height: 1.5;
}

.player-stat-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem;
  margin-top: 1rem;
}

.directory-search-bar {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(180px, .8fr) auto;
  gap: .8rem;
  align-items: end;
  margin-bottom: 1rem;
}

.directory-result-list {
  display: grid;
  gap: .85rem;
}

.directory-result-card {
  border: 1px solid var(--line);
  border-radius: 15px;
  padding: 1rem;
  background: #0d121b;
}

.directory-result-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: .85rem;
}

.directory-result-head h3,
.directory-result-head p {
  margin-bottom: .2rem;
}

.directory-stat-grid,
.directory-detail-grid {
  display: grid;
  gap: .65rem;
}

.directory-stat-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: .75rem;
}

.directory-stat-grid div,
.directory-detail-grid div {
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: .7rem;
  background: rgba(9, 13, 20, .55);
  overflow-wrap: anywhere;
}

.directory-stat-grid span,
.directory-detail-grid span {
  display: block;
  color: var(--muted);
  font-size: .72rem;
  margin-bottom: .25rem;
}

.directory-stat-grid strong {
  font-size: 1.15rem;
}

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

.compact-actions {
  justify-content: flex-end;
}

.calendar-button {
  white-space: nowrap;
}

@media (max-width: 780px) {
  .player-stat-grid,
  .directory-stat-grid,
  .directory-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .directory-search-bar {
    grid-template-columns: 1fr;
  }

  .directory-result-head {
    flex-direction: column;
  }
}

@media (max-width: 520px) {
  .player-stat-grid,
  .directory-stat-grid,
  .directory-detail-grid {
    grid-template-columns: 1fr;
  }
}

/* v7.8.1 player-facing accordion and email notification polish */
.content-accordion {
  padding: 0;
  overflow: hidden;
}
.content-accordion + .content-accordion { margin-top: 1rem; }
.content-accordion-body > .dashboard-header:first-child,
.content-accordion-body > .section-heading:first-child {
  justify-content: flex-end;
  margin-bottom: 1rem;
}
.content-accordion-body > .dashboard-header:first-child:empty,
.content-accordion-body > .section-heading:first-child:empty { display: none; }
.content-accordion-summary .admin-accordion-copy h3 {
  margin: 0 0 .3rem;
  font-size: clamp(1.05rem, 3vw, 1.35rem);
}
.email-preference-form { display: grid; gap: 1rem; }
.email-preference-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
.email-preference-options .checkbox-label { border: 1px solid var(--line); border-radius: 11px; padding: .75rem; background: rgba(9,13,20,.42); }
.email-log-heading { margin-top: 1.2rem; }
.email-delivery-log { display: grid; gap: .65rem; }
.email-delivery-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: .8rem; align-items: center; border: 1px solid var(--line); background: rgba(9,13,20,.42); border-radius: 12px; padding: .8rem; }
.email-delivery-row p { margin: .25rem 0 0; color: var(--muted); overflow-wrap: anywhere; }
.email-delivery-row > div:last-child { display: flex; flex-direction: column; align-items: flex-end; gap: .35rem; }
.email-delivery-row .wide { grid-column: 1 / -1; }

@media (max-width: 700px) {
  .email-preference-options { grid-template-columns: 1fr; }
  .email-delivery-row { grid-template-columns: 1fr; }
  .email-delivery-row > div:last-child { align-items: flex-start; }
}

/* v7.8.2 — compact wide dashboard refresh */
:root {
  --panel-radius: 14px;
  --compact-gap: .8rem;
}

body {
  background:
    radial-gradient(circle at 88% 10%, rgba(70, 36, 84, .18), transparent 34%),
    linear-gradient(135deg, #080b10 0%, #0a0d14 58%, #100d18 100%);
}

.site-header {
  padding: .85rem clamp(1rem, 3vw, 2.25rem);
  min-height: 72px;
}

.brand-logo {
  width: 48px;
  height: 48px;
  border-radius: 12px;
}

.site-header h1 { font-size: clamp(1.15rem, 2vw, 1.45rem); }
.site-header p { font-size: .82rem; }

.shell {
  width: min(1560px, calc(100% - 3rem));
  margin: 1.25rem auto 3rem;
}

.tabs {
  gap: .35rem;
  margin-bottom: .8rem;
  padding: .3rem;
  border-radius: 14px;
}

.tab {
  min-height: 52px;
  padding: .62rem .55rem;
  border-radius: 9px;
  font-size: .88rem;
}

.panel {
  border-radius: var(--panel-radius);
  padding: 1rem;
  margin-bottom: .8rem;
  box-shadow: 0 12px 32px rgba(0, 0, 0, .14);
}

.intro-panel { padding-block: 1.2rem; }
.intro-panel h2,
.dashboard-header h2,
.admin-login h2 { font-size: clamp(1.3rem, 2.4vw, 1.75rem); }

.eyebrow {
  font-size: .69rem;
  margin-bottom: .32rem;
}

.primary,
.secondary,
.danger-button {
  padding: .66rem .85rem;
  border-radius: 9px;
  font-size: .87rem;
}

input,
select,
textarea {
  padding: .7rem .78rem;
  border-radius: 9px;
}

textarea { min-height: 96px; }
.form-grid { gap: .78rem; }
.action-row { gap: .55rem; }

.summary-grid,
.player-stat-grid,
.health-version-grid {
  gap: .55rem;
}

.summary-card {
  border-radius: 11px;
  padding: .75rem .82rem;
}

.summary-card strong {
  margin-top: .12rem;
  font-size: 1.3rem;
}

/* My Account uses the available desktop width instead of one long centre stack. */
#accountDashboard {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--compact-gap);
  align-items: start;
}

#accountDashboard:not(.hidden) { display: grid; }

#accountDashboard > .dashboard-header,
#accountDashboard > #accountEditPanel {
  grid-column: 1 / -1;
}

#accountDashboard > .panel,
#accountDashboard > details {
  min-width: 0;
  margin-bottom: 0;
}

/* Collapsed cards sit in two columns; opened cards receive full working space. */
#accountDashboard > details[open] {
  grid-column: 1 / -1;
}

#accountDashboard > .dashboard-header {
  padding: 1rem 1.15rem;
  align-items: center;
}

#accountDashboard > .dashboard-header .action-row {
  justify-content: flex-end;
}

/* Admin sections follow the same compact dashboard behaviour. */
#adminDashboard {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--compact-gap);
  align-items: start;
}

#adminDashboard:not(.hidden) { display: grid; }

#adminDashboard > .dashboard-header {
  grid-column: 1 / -1;
  margin-bottom: 0;
  align-items: center;
}

#adminDashboard > details {
  min-width: 0;
  margin-bottom: 0;
}

#adminDashboard > details[open] {
  grid-column: 1 / -1;
}

/* Keep high-density working sections full width even while collapsed. */
#adminDashboard > details:has(#eventForm),
#adminDashboard > details:has(#matchForm),
#adminDashboard > details:has(#adminList) {
  grid-column: 1 / -1;
}

.admin-accordion-summary {
  gap: .75rem;
  min-height: 76px;
  padding: .82rem .95rem;
}

.admin-accordion-copy .eyebrow { margin-bottom: .22rem; }
.admin-accordion-copy h2 {
  margin-bottom: .18rem;
  font-size: clamp(1rem, 1.7vw, 1.22rem);
}
.admin-accordion-copy p {
  font-size: .82rem;
  line-height: 1.35;
}
.admin-accordion-chevron {
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1rem;
}
.admin-accordion-body { padding: .95rem; }

.content-accordion + .content-accordion { margin-top: 0; }

.registration-list,
.match-list,
.event-list,
.audit-list,
.notification-centre-list,
.discipline-list,
.directory-result-list {
  gap: .62rem;
}

.registration-card,
.player-notification-card,
.discipline-card,
.directory-result-card {
  border-radius: 12px;
}

.registration-card summary { padding: .78rem .9rem; }
.admin-card-body { padding: .9rem; }

.filters {
  gap: .65rem;
  padding: .8rem;
}

/* Public pages also use the wider canvas. */
#eventsView.active,
#matchesView.active {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--compact-gap);
  align-items: start;
}

#eventsView > .intro-panel,
#matchesView > .intro-panel,
#eventsView > section:not(details),
#matchesView > section:not(details),
#eventsView > details[open],
#matchesView > details[open] {
  grid-column: 1 / -1;
}

#eventsView > .panel,
#eventsView > details,
#matchesView > .panel,
#matchesView > details {
  min-width: 0;
  margin-bottom: 0;
}

/* Desktop readability: keep long forms and tables from becoming excessively stretched. */
.admin-accordion-body > .form-grid,
.admin-accordion-body > .event-form,
.admin-accordion-body > .match-form {
  max-width: 1320px;
}

@media (max-width: 1120px) {
  .shell { width: min(100% - 1.5rem, 1560px); }
  #accountDashboard,
  #adminDashboard,
  #eventsView.active,
  #matchesView.active {
    grid-template-columns: 1fr;
  }

  #accountDashboard > details,
  #adminDashboard > details,
  #eventsView > details,
  #matchesView > details {
    grid-column: 1;
  }
}

@media (max-width: 780px) {
  .site-header { min-height: auto; }
  .shell { width: min(100% - 1rem, 1560px); margin-top: .75rem; }
  .panel { padding: .85rem; }
  .admin-accordion-summary { min-height: 68px; padding: .75rem .8rem; }
  .admin-accordion-body { padding: .8rem; }
  #accountDashboard > .dashboard-header,
  #adminDashboard > .dashboard-header { align-items: flex-start; }
  #accountDashboard > .dashboard-header .action-row { justify-content: flex-start; }
}

@media (max-width: 520px) {
  .shell { width: calc(100% - .7rem); }
  .tabs { border-radius: 11px; }
  .tab { min-height: 46px; font-size: .78rem; }
  .panel { border-radius: 11px; }
  .admin-accordion-copy p { display: none; }
}

/* --------------------------------------------------------------------------
   v7.9 — captain controls, evidence and dispute review
   -------------------------------------------------------------------------- */
.captain-team-list,
.captain-lineup-list,
.dispute-list {
  display: grid;
  gap: .72rem;
}

.captain-control-card,
.dispute-card {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(9, 13, 20, .58);
  padding: .85rem;
}

.captain-control-head,
.dispute-card-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: .9rem;
}

.captain-control-head h3,
.dispute-card-head h3 {
  margin: 0 0 .2rem;
  font-size: 1rem;
}

.captain-control-head p,
.dispute-card-head p,
.lock-note {
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}

.lock-note {
  margin-top: .55rem;
  padding: .55rem .65rem;
  border-left: 3px solid var(--line);
  background: rgba(255,255,255,.025);
  border-radius: 0 8px 8px 0;
  font-size: .84rem;
}

.captain-roster-form,
.admin-dispute-review-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .7rem;
  margin-top: .75rem;
}

.captain-roster-form > .captain-player-row,
.captain-roster-form > .captain-roster-members,
.captain-roster-form > .action-row,
.admin-dispute-review-form > .wide,
.admin-dispute-review-form > .action-row {
  grid-column: 1 / -1;
}

.captain-player-row {
  display: flex;
  justify-content: space-between;
  gap: .8rem;
  padding: .65rem .72rem;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: rgba(24,31,45,.48);
}

.captain-player-row span {
  color: var(--muted);
  text-align: right;
}

.captain-lineup-form { margin-top: .75rem; }
.captain-lineup-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: .55rem;
}

.section-divider {
  border: 0;
  border-top: 1px solid var(--line);
  margin: 1rem 0;
}

.dispute-filters { margin-bottom: .75rem; }
.dispute-card-head .action-row { justify-content: flex-end; }
.dispute-copy {
  margin: .7rem 0 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  line-height: 1.5;
}

.dispute-detail-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .55rem;
  margin-top: .7rem;
}

.dispute-detail-grid > div {
  min-width: 0;
  padding: .58rem .65rem;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: rgba(24,31,45,.42);
  overflow-wrap: anywhere;
}

.dispute-detail-grid span {
  display: block;
  margin-bottom: .22rem;
  color: var(--muted);
  font-size: .72rem;
  font-weight: 850;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.evidence-file-list {
  display: grid;
  gap: .48rem;
  margin-top: .65rem;
}

.evidence-file-button,
.secondary-link {
  border: 1px solid var(--line);
  border-radius: 9px;
  background: var(--panel-2);
  color: var(--text);
  text-decoration: none;
}

.evidence-file-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  width: 100%;
  padding: .65rem .72rem;
  text-align: left;
}
.evidence-file-button:hover,
.secondary-link:hover { border-color: var(--accent); }
.evidence-file-button small { white-space: nowrap; }
.secondary-link { display: inline-flex; padding: .5rem .65rem; font-weight: 750; }

.match-card-status-stack {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: .35rem;
}

.notice.success {
  color: var(--success);
  border-color: rgba(61,220,151,.4);
  background: rgba(61,220,151,.08);
}

@media (max-width: 850px) {
  .captain-roster-form,
  .admin-dispute-review-form,
  .dispute-detail-grid { grid-template-columns: 1fr; }
  .captain-roster-form > *,
  .admin-dispute-review-form > * { grid-column: 1; }
  .captain-control-head,
  .dispute-card-head,
  .captain-player-row { flex-direction: column; }
  .captain-player-row span { text-align: left; }
  .dispute-card-head .action-row { justify-content: flex-start; }
  .match-card-status-stack { align-items: flex-start; }
}

/* --------------------------------------------------------------------------
   v8.0 — competition ratings and prize management
   -------------------------------------------------------------------------- */

.rating-filter-bar,
.prize-event-selector {
  display: grid;
  grid-template-columns: minmax(180px, .7fr) minmax(240px, 1.3fr) auto;
  gap: 12px;
  align-items: end;
  margin-bottom: 16px;
}

.prize-event-selector {
  grid-template-columns: minmax(260px, 1fr) auto;
}

.rating-table td:nth-child(2) strong {
  display: inline-block;
  margin-right: 8px;
}

.rating-value {
  font-size: 1.08rem;
  font-weight: 900;
}

.rating-provisional {
  display: inline-flex;
  align-items: center;
  margin-left: 8px;
  padding: 2px 7px;
  border: 1px solid rgba(255, 174, 66, .4);
  border-radius: 999px;
  color: #ffbf69;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.rating-change {
  display: inline-flex;
  min-width: 42px;
  justify-content: center;
  font-weight: 900;
}

.rating-up { color: #62dfa0; }
.rating-down { color: #ff7f86; }
.rating-even { color: var(--muted); }

.rating-hero {
  display: grid;
  grid-template-columns: minmax(180px, .7fr) minmax(300px, 1.3fr);
  gap: 16px;
  align-items: stretch;
}

.rating-score-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 150px;
  padding: 20px;
  border: 1px solid rgba(255, 92, 92, .28);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(255, 71, 71, .13), rgba(255, 255, 255, .025));
}

.rating-score-card span,
.rating-record-grid span,
.account-prize-meta,
.admin-prize-details span,
.prize-pool-total span {
  color: var(--muted);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.rating-score-card strong {
  margin: 4px 0;
  font-size: clamp(2.2rem, 5vw, 3.8rem);
  line-height: 1;
}

.rating-score-card small {
  color: #ffbd69;
  font-weight: 800;
}

.rating-record-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.rating-record-grid > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 70px;
  padding: 13px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: rgba(255, 255, 255, .025);
}

.rating-record-grid strong {
  margin-top: 3px;
  font-size: 1.25rem;
}

.rating-history-list,
.account-prize-list,
.admin-prize-list,
.public-prize-list {
  display: grid;
  gap: 10px;
}

.rating-history-card,
.account-prize-card,
.admin-prize-card,
.public-prize-card {
  border: 1px solid var(--border);
  border-radius: 13px;
  background: rgba(255, 255, 255, .022);
}

.rating-history-card {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  padding: 13px 15px;
}

.rating-history-card p,
.account-prize-head p,
.admin-prize-head p,
.public-prize-card p {
  margin: 3px 0 0;
  color: var(--muted);
}

.rating-history-result {
  display: flex;
  align-items: center;
  gap: 12px;
  white-space: nowrap;
  font-weight: 800;
}

.account-prize-card,
.admin-prize-card,
.public-prize-card {
  padding: 16px;
}

.account-prize-head,
.admin-prize-head,
.public-prize-card {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
}

.account-prize-head > strong,
.public-prize-card > strong {
  color: #ffd07b;
  font-size: 1.25rem;
  white-space: nowrap;
}

.account-prize-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 12px;
}

.prize-public-summary {
  display: grid;
  grid-template-columns: minmax(220px, .55fr) minmax(280px, 1.45fr);
  gap: 16px;
  align-items: center;
  margin-bottom: 14px;
}

.prize-pool-total {
  padding: 18px;
  border: 1px solid rgba(255, 174, 66, .32);
  border-radius: 13px;
  background: rgba(255, 174, 66, .07);
}

.prize-pool-total strong {
  display: block;
  margin-top: 4px;
  color: #ffd07b;
  font-size: 1.7rem;
}

.public-prize-card {
  display: grid;
  grid-template-columns: 1fr auto;
}

.public-prize-card > p {
  grid-column: 1 / -1;
}

.prize-admin-summary {
  margin: 16px 0;
}

.admin-prize-details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0;
}

.admin-prize-details > div {
  display: grid;
  gap: 4px;
  padding: 10px;
  border-radius: 10px;
  background: rgba(255, 255, 255, .025);
}

.admin-prize-details .wide {
  grid-column: 1 / -1;
}

@media (max-width: 760px) {
  .rating-filter-bar,
  .prize-event-selector,
  .rating-hero,
  .prize-public-summary,
  .admin-prize-details {
    grid-template-columns: 1fr;
  }

  .rating-history-card,
  .account-prize-head,
  .admin-prize-head,
  .public-prize-card {
    display: grid;
    grid-template-columns: 1fr;
  }

  .rating-history-result {
    justify-content: space-between;
  }

  .admin-prize-details .wide,
  .public-prize-card > p {
    grid-column: auto;
  }
}


/* --------------------------------------------------------------------------
   v8.0.3 — compact accordion navigation and notification mailbox
   -------------------------------------------------------------------------- */

.header-left {
  display: flex;
  align-items: center;
  gap: .75rem;
  min-width: 0;
}

.notification-mailbox {
  position: relative;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: rgba(24, 31, 45, .9);
  color: var(--muted);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .2);
}

.notification-mailbox:hover,
.notification-mailbox:focus-visible,
.notification-mailbox.has-unread {
  border-color: rgba(103, 183, 255, .62);
  color: var(--info);
  background: rgba(103, 183, 255, .09);
}

.notification-mailbox-icon {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.notification-mailbox-badge {
  position: absolute;
  top: -7px;
  right: -7px;
  display: grid;
  place-items: center;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  border: 2px solid #090c12;
  border-radius: 999px;
  background: var(--danger);
  color: #fff;
  font-size: .65rem;
  font-weight: 950;
  line-height: 1;
}

/* Keep the selected main page visible while scrolling long working sections. */
.tabs {
  position: sticky;
  top: 73px;
  z-index: 4;
  background: rgba(14, 19, 28, .96);
  backdrop-filter: blur(12px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, .2);
}

/* The section rows are now navigation rows rather than large content cards. */
.admin-accordion-summary {
  min-height: 50px;
  padding: .5rem .7rem;
  gap: .55rem;
}

.admin-accordion-copy {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  column-gap: .55rem;
  row-gap: .15rem;
}

.admin-accordion-copy .eyebrow {
  grid-column: 1;
  margin: 0;
  white-space: nowrap;
  font-size: .6rem;
}

.admin-accordion-copy h2,
.admin-accordion-copy h3 {
  grid-column: 2;
  margin: 0;
  min-width: 0;
  font-size: .98rem;
  line-height: 1.2;
}

.admin-accordion-copy > p:not(.eyebrow) {
  display: none;
}

.admin-accordion-summary > .connection-badge,
.admin-accordion-summary > .status-badge {
  margin-left: auto;
  padding: .35rem .55rem;
  font-size: .7rem;
}

.admin-accordion-chevron {
  width: 1.55rem;
  height: 1.55rem;
  font-size: .88rem;
}

.admin-accordion[open] {
  border-color: rgba(255, 90, 54, .48);
  box-shadow: 0 15px 38px rgba(0, 0, 0, .2), inset 3px 0 0 var(--accent);
}

.admin-accordion[open] > .admin-accordion-summary {
  position: sticky;
  top: 135px;
  z-index: 3;
  border-bottom-color: rgba(255, 90, 54, .35);
  background: linear-gradient(90deg, rgba(255, 90, 54, .13), rgba(24, 31, 45, .98) 34%);
  box-shadow: 0 8px 18px rgba(0, 0, 0, .22);
}

.admin-accordion[open] > .admin-accordion-summary .admin-accordion-copy h2,
.admin-accordion[open] > .admin-accordion-summary .admin-accordion-copy h3 {
  color: #fff;
}

.admin-accordion-body {
  padding: .78rem;
}

#accountDashboard,
#adminDashboard {
  gap: .55rem;
}

#accountDashboard > .dashboard-header,
#adminDashboard > .dashboard-header {
  margin-bottom: .15rem;
}

@media (max-width: 780px) {
  .header-left { gap: .5rem; }
  .notification-mailbox { width: 39px; height: 39px; border-radius: 10px; }
  .tabs { top: 65px; }
  .admin-accordion[open] > .admin-accordion-summary { position: static; }
  .admin-accordion-summary { min-height: 46px; padding: .48rem .62rem; }
  .admin-accordion-copy { grid-template-columns: minmax(0, 1fr); }
  .admin-accordion-copy .eyebrow { display: none; }
  .admin-accordion-copy h2,
  .admin-accordion-copy h3 { grid-column: 1; font-size: .92rem; }
}

@media (max-width: 520px) {
  .site-header { gap: .55rem; }
  .site-header .connection-badge { font-size: .65rem; padding: .35rem .45rem; }
  .brand-wrap { gap: .5rem; }
  .brand-logo { width: 42px; height: 42px; }
  .notification-mailbox { width: 38px; height: 38px; }
  .tabs { top: 59px; }
}


/* v8.0.4 — manual registration account linking */
.registration-account-link-box { border-color: rgba(245, 158, 11, .38); }
.registration-account-link-status { display: flex; justify-content: space-between; gap: .75rem; align-items: center; margin: .7rem 0; padding: .65rem .75rem; border: 1px solid var(--line); border-radius: 10px; background: rgba(9,13,20,.45); }
.registration-account-link-status strong { color: var(--muted); font-size: .78rem; letter-spacing: .04em; text-transform: uppercase; }
.registration-account-link-status span { text-align: right; font-weight: 700; }
.registration-account-link-status.linked { border-color: rgba(34,197,94,.42); background: rgba(34,197,94,.07); }
.registration-account-link-form { display: grid; grid-template-columns: minmax(180px,.9fr) minmax(280px,1.5fr) auto; gap: .8rem; align-items: end; margin-top: .75rem; }
.registration-account-link-form button { min-height: 42px; }
@media (max-width: 850px) {
  .registration-account-link-form { grid-template-columns: 1fr; }
  .registration-account-link-form button { width: 100%; }
  .registration-account-link-status { align-items: flex-start; flex-direction: column; }
  .registration-account-link-status span { text-align: left; }
}


/* --------------------------------------------------------------------------
   v8.0.5 — non-overlapping section headers and compact system health
   -------------------------------------------------------------------------- */

/* Open accordion headers remain in normal document flow. This prevents the
   active Event Management header from covering date, roster, and form fields. */
.admin-accordion[open] > .admin-accordion-summary {
  position: relative;
  top: auto;
  z-index: 1;
  box-shadow: none;
}

.admin-accordion[open] {
  scroll-margin-top: 142px;
}

.health-accordion[open] {
  grid-column: 1 / -1;
}

.health-dashboard {
  display: grid;
  gap: .8rem;
}

.health-overview {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .85rem;
  border: 1px solid rgba(61, 220, 151, .22);
  border-radius: 12px;
  background: linear-gradient(120deg, rgba(61, 220, 151, .07), rgba(9, 13, 20, .42) 45%);
}

.health-overview-copy {
  display: flex;
  align-items: center;
  gap: .8rem;
  min-width: 0;
}

.health-overview-copy h3,
.health-overview-copy p {
  margin-bottom: 0;
}

.health-overview-copy .eyebrow {
  margin-bottom: .15rem;
}

.health-overview-copy .muted {
  margin-top: .2rem;
  line-height: 1.4;
}

.health-overview-icon {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 2.25rem;
  height: 2.25rem;
  border: 1px solid rgba(61, 220, 151, .45);
  border-radius: 999px;
  background: rgba(61, 220, 151, .09);
  color: var(--success);
  font-size: 1.05rem;
  font-weight: 950;
}

.health-overview-icon.issue {
  border-color: rgba(255, 107, 122, .48);
  background: rgba(255, 107, 122, .09);
  color: var(--danger);
}

.health-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: .5rem;
  margin: 0;
}

.health-version-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 0;
}

.health-version-grid .summary-card {
  min-width: 0;
  padding: .68rem .75rem;
  background: rgba(9, 13, 20, .38);
}

.health-version-grid .summary-card strong {
  font-size: 1.05rem;
  overflow-wrap: anywhere;
}

.health-version-grid .summary-card small {
  display: block;
  margin-top: .2rem;
  font-size: .68rem;
}

.health-time {
  font-size: .9rem !important;
}

.health-check-heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: .75rem;
  padding-top: .15rem;
}

.health-check-heading h3,
.health-check-heading p {
  margin-bottom: 0;
}

.health-counts {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: .4rem;
  flex-wrap: wrap;
}

.health-count,
.health-total {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: .28rem .5rem;
  color: var(--muted);
  font-size: .7rem;
  white-space: nowrap;
}

.health-count.ok {
  color: var(--success);
  border-color: rgba(61, 220, 151, .3);
  background: rgba(61, 220, 151, .06);
}

.health-count.issue {
  color: var(--danger);
  border-color: rgba(255, 107, 122, .34);
  background: rgba(255, 107, 122, .06);
}

.system-health-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .5rem;
  margin-bottom: 0;
}

.system-health-row {
  display: block;
  padding: 0;
  overflow: hidden;
  border-radius: 10px;
}

.system-health-row.issue {
  grid-column: 1 / -1;
}

.system-health-row > summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  gap: .55rem;
  min-height: 44px;
  padding: .48rem .6rem;
  cursor: pointer;
  list-style: none;
}

.system-health-row > summary::-webkit-details-marker {
  display: none;
}

.system-health-row > summary:hover {
  background: rgba(255, 255, 255, .025);
}

.system-health-row .health-icon {
  width: 1.45rem;
  height: 1.45rem;
  font-size: .76rem;
}

.system-health-row strong {
  margin: 0;
  min-width: 0;
  font-size: .82rem;
  line-height: 1.25;
}

.health-result {
  border-radius: 999px;
  padding: .2rem .42rem;
  font-size: .64rem;
  font-weight: 900;
}

.system-health-row.ok .health-result {
  color: var(--success);
  background: rgba(61, 220, 151, .08);
}

.system-health-row.issue .health-result {
  color: var(--danger);
  background: rgba(255, 107, 122, .09);
}

.health-row-chevron {
  color: var(--muted);
  transition: transform .18s ease;
}

.system-health-row[open] .health-row-chevron {
  transform: rotate(180deg);
}

.system-health-row > p {
  margin: 0;
  padding: .05rem .65rem .65rem 2.65rem;
  font-size: .76rem;
  line-height: 1.4;
}

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

@media (max-width: 720px) {
  .health-overview,
  .health-check-heading {
    align-items: stretch;
    flex-direction: column;
  }

  .health-actions,
  .health-counts {
    justify-content: flex-start;
  }

  .health-actions button {
    width: auto;
  }

  .system-health-list {
    grid-template-columns: 1fr;
  }

  .system-health-row.issue {
    grid-column: auto;
  }
}

@media (max-width: 520px) {
  .health-version-grid {
    grid-template-columns: 1fr;
  }

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

  .health-actions button {
    width: 100%;
  }

  .health-total {
    display: none;
  }
}

/* v8.1 competition structure, brackets, map vetoes, and match rooms */
.competition-admin-grid,
.competition-public-overview,
.match-room-lineups {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .8rem;
}

.admin-subpanel,
.public-competition-card,
.season-structure-card,
.league-structure-card,
.admin-bracket-card,
.public-bracket-card,
.match-room-preview-card,
.match-room-list-card,
.match-room-action-panel {
  border: 1px solid var(--line);
  border-radius: 13px;
  background: linear-gradient(145deg, rgba(22, 30, 44, .86), rgba(10, 15, 24, .78));
}

.admin-subpanel {
  padding: .85rem;
}

.competition-structure-list,
.bracket-admin-list,
.bracket-public-list,
.match-room-list {
  display: grid;
  gap: .75rem;
  margin-top: .85rem;
}

.season-structure-card,
.admin-bracket-card,
.public-bracket-card,
.match-room-list-card,
.match-room-preview-card {
  padding: .9rem;
}

.competition-card-head,
.match-room-hero,
.public-room-dialog-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .8rem;
}

.competition-card-head h3,
.competition-card-head h4,
.match-room-hero h3,
.public-room-dialog-head h2 {
  margin: 0;
}

.competition-card-head p,
.match-room-hero p {
  margin: .22rem 0 0;
}

.competition-mini-meta,
.match-room-card-flags,
.selected-map-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .38rem;
  margin-top: .65rem;
}

.competition-mini-meta span,
.match-room-card-flags span,
.competition-event-chip,
.competition-empty-chip,
.selected-map-row strong {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: .25rem .48rem;
  background: rgba(255, 255, 255, .025);
  color: var(--muted);
  font-size: .7rem;
}

.competition-event-chips {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  margin-top: .6rem;
}

.competition-event-chip {
  color: var(--text);
  border-color: rgba(255, 84, 66, .22);
  background: rgba(255, 84, 66, .05);
}

.league-structure-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .6rem;
  margin-top: .7rem;
}

.league-structure-card {
  padding: .72rem;
  background: rgba(8, 13, 21, .48);
}

.league-structure-card h4 {
  font-size: .95rem;
}

.competition-empty-inline {
  color: var(--muted);
  font-size: .78rem;
  padding: .55rem;
}

.compact-action-row,
.bracket-status-form {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .42rem;
  margin-top: .65rem;
}

.compact-action-row button,
.bracket-status-form button,
.bracket-status-form select {
  min-height: 34px;
  padding: .42rem .65rem;
  font-size: .73rem;
}

.bracket-status-form .checkbox-label {
  min-height: 34px;
  padding: .3rem .55rem;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: rgba(255,255,255,.02);
}

.bracket-board {
  display: grid;
  gap: .85rem;
  margin-top: .8rem;
}

.bracket-side-section {
  min-width: 0;
}

.bracket-side-label {
  margin-bottom: .45rem;
  color: var(--accent);
  font-size: .68rem;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.bracket-round-track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(210px, 1fr);
  gap: .55rem;
  overflow-x: auto;
  padding: .1rem .05rem .55rem;
  scrollbar-width: thin;
}

.bracket-round-column {
  display: grid;
  align-content: start;
  gap: .48rem;
  min-width: 0;
}

.bracket-round-column > h4 {
  margin: 0;
  padding: .38rem .45rem;
  border-bottom: 1px solid rgba(255, 84, 66, .28);
  color: var(--muted);
  font-size: .72rem;
  text-align: center;
  text-transform: uppercase;
}

.bracket-slot-card {
  position: relative;
  padding: .58rem;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: rgba(5, 10, 17, .66);
}

.bracket-slot-card.complete {
  border-color: rgba(61, 220, 151, .25);
}

.bracket-slot-top,
.bracket-participant {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
}

.bracket-slot-top {
  margin-bottom: .42rem;
  color: var(--muted);
  font-size: .65rem;
}

.bracket-slot-top .status-badge {
  padding: .16rem .35rem;
  font-size: .58rem;
}

.bracket-participant {
  min-height: 28px;
  padding: .3rem .4rem;
  border-radius: 7px;
  background: rgba(255, 255, 255, .028);
  font-size: .76rem;
}

.bracket-participant + .bracket-participant {
  margin-top: .28rem;
}

.bracket-participant strong {
  color: var(--accent-soft);
}

.bracket-winner,
.bracket-time {
  margin: .4rem 0 0;
  color: var(--muted);
  font-size: .66rem;
}

.bracket-winner {
  color: var(--success);
}

.bracket-score {
  display: block;
  margin-top: .35rem;
  color: var(--text);
  font-size: .78rem;
}

.bracket-schedule-form {
  display: grid;
  gap: .32rem;
  margin-top: .48rem;
}

.bracket-schedule-form input,
.bracket-schedule-form button {
  min-height: 34px;
  padding: .38rem .5rem;
  font-size: .7rem;
}

.match-operations-selector {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr) auto;
  align-items: end;
  gap: .6rem;
  margin-bottom: .8rem;
}

.veto-summary,
.match-room-data-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .48rem;
  margin-top: .65rem;
}

.veto-summary > div,
.match-room-data-grid > div {
  min-width: 0;
  padding: .55rem;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: rgba(4, 9, 16, .5);
}

.veto-summary span,
.match-room-data-grid span {
  display: block;
  margin-bottom: .18rem;
  color: var(--muted);
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.veto-summary strong,
.match-room-data-grid strong,
.match-room-data-grid a {
  display: block;
  overflow-wrap: anywhere;
  color: var(--text);
  font-size: .78rem;
}

.server-code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  letter-spacing: .04em;
}

.selected-map-row > span {
  color: var(--muted);
  font-size: .7rem;
  font-weight: 850;
}

.selected-map-row strong {
  color: var(--success);
  border-color: rgba(61, 220, 151, .28);
  background: rgba(61, 220, 151, .06);
}

.veto-action-history {
  display: grid;
  gap: .32rem;
  margin-top: .55rem;
}

.veto-action-history > div {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto minmax(90px, .7fr);
  align-items: center;
  gap: .45rem;
  padding: .42rem .5rem;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255,255,255,.02);
  font-size: .7rem;
}

.veto-order {
  display: grid;
  place-items: center;
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 999px;
  background: rgba(255, 84, 66, .12);
  color: var(--accent-soft);
  font-weight: 900;
}

.match-room-list-card {
  display: grid;
  gap: .65rem;
}

.match-room-list-card > button {
  justify-self: start;
}

.match-room-detail {
  margin-top: .75rem;
  padding: .85rem;
  border: 1px solid rgba(255, 84, 66, .25);
  border-radius: 13px;
  background: rgba(5, 10, 17, .68);
}

.match-room-status-stack {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  gap: .35rem;
}

.match-room-note {
  margin: .65rem 0 0;
  padding: .65rem;
  border-left: 3px solid var(--accent);
  background: rgba(255, 84, 66, .055);
  color: var(--text);
  line-height: 1.55;
}

.match-room-lineups {
  margin-top: .7rem;
}

.match-room-lineup {
  padding: .65rem;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: rgba(5, 10, 17, .48);
}

.match-room-lineup h4 {
  margin: 0 0 .4rem;
  color: var(--accent-soft);
}

.match-room-lineup > div {
  display: grid;
  gap: .12rem;
  padding: .35rem 0;
  border-top: 1px solid rgba(255,255,255,.045);
}

.match-room-lineup small {
  color: var(--muted);
}

.match-room-action-panel {
  margin-top: .7rem;
  padding: .7rem;
}

.account-veto-form {
  display: flex;
  align-items: end;
  gap: .55rem;
  margin-top: .6rem;
}

.account-veto-form label {
  flex: 1;
}

.public-match-room-dialog {
  width: min(900px, calc(100vw - 2rem));
  max-height: calc(100vh - 2rem);
  padding: 0;
  overflow: auto;
  border: 1px solid rgba(255, 84, 66, .3);
  border-radius: 16px;
  background: #0b111b;
  color: var(--text);
  box-shadow: 0 28px 80px rgba(0,0,0,.55);
}

.public-match-room-dialog::backdrop {
  background: rgba(0, 0, 0, .72);
  backdrop-filter: blur(4px);
}

.public-room-dialog-head {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: .85rem;
  border-bottom: 1px solid var(--line);
  background: rgba(11, 17, 27, .96);
}

#publicMatchRoomDialogContent {
  padding: .9rem;
}

@media (max-width: 980px) {
  .competition-admin-grid,
  .competition-public-overview,
  .league-structure-grid,
  .match-room-lineups {
    grid-template-columns: 1fr;
  }

  .match-operations-selector {
    grid-template-columns: 1fr 1fr;
  }

  .match-operations-selector button {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .veto-summary,
  .match-room-data-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .competition-card-head,
  .match-room-hero,
  .public-room-dialog-head {
    align-items: stretch;
    flex-direction: column;
  }

  .match-room-status-stack {
    align-items: flex-start;
    flex-direction: row;
  }

  .match-operations-selector,
  .veto-summary,
  .match-room-data-grid {
    grid-template-columns: 1fr;
  }

  .account-veto-form {
    align-items: stretch;
    flex-direction: column;
  }

  .account-veto-form button,
  .match-room-list-card > button {
    width: 100%;
  }

  .veto-action-history > div {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .veto-action-history > div span:nth-child(3),
  .veto-action-history > div b {
    grid-column: 2;
  }
}


/* v8.1.1 — balanced team drafting */
.team-draft-overview { display: grid; gap: 14px; margin-top: 16px; }
.team-draft-summary-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
.team-draft-summary-grid > div { min-width: 0; padding: 12px 14px; border: 1px solid var(--border); border-radius: 12px; background: linear-gradient(145deg, rgba(25,34,49,.92), rgba(14,20,31,.92)); }
.team-draft-summary-grid span { display: block; color: var(--muted); font-size: .75rem; text-transform: uppercase; letter-spacing: .06em; }
.team-draft-summary-grid strong { display: block; margin-top: 4px; font-size: 1.15rem; }
.rank-weight-box { margin-top: 0; }
.rank-weight-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; padding: 12px 0; }
.rank-weight-grid span { display: flex; justify-content: space-between; gap: 8px; padding: 8px 10px; border: 1px solid var(--border); border-radius: 9px; background: rgba(255,255,255,.025); font-size: .82rem; }
.team-draft-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.team-draft-card { min-width: 0; border: 1px solid rgba(255,166,76,.28); border-radius: 14px; padding: 14px; background: radial-gradient(circle at top right, rgba(255,129,63,.09), transparent 42%), rgba(14,20,31,.82); }
.team-draft-card.premade { border-color: rgba(87,190,255,.24); background: radial-gradient(circle at top right, rgba(87,190,255,.08), transparent 42%), rgba(14,20,31,.82); }
.team-draft-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.team-draft-card-head h3 { margin: 2px 0 0; }
.draft-score-badge { flex: 0 0 auto; padding: 6px 9px; border-radius: 999px; border: 1px solid rgba(255,166,76,.35); background: rgba(255,128,59,.12); font-size: .78rem; font-weight: 800; }
.team-draft-metrics { display: flex; flex-wrap: wrap; gap: 6px 12px; color: var(--muted); font-size: .78rem; margin: 9px 0 11px; }
.team-draft-members { display: grid; gap: 7px; }
.team-draft-member { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 10px; border: 1px solid var(--border); border-radius: 10px; background: rgba(255,255,255,.025); }
.team-draft-member.captain { border-color: rgba(255,166,76,.38); box-shadow: inset 3px 0 0 rgba(255,128,59,.7); }
.team-draft-member div { min-width: 0; }
.team-draft-member strong, .team-draft-member small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.team-draft-member small { margin-top: 2px; color: var(--muted); font-size: .73rem; }
.draft-rank-chip { flex: 0 0 auto; color: #ffd3bd; font-size: .75rem; font-weight: 700; }
.team-draft-unassigned-list { display: flex; flex-wrap: wrap; gap: 6px; margin: 9px 0; }
.team-draft-unassigned-list span { padding: 5px 8px; border: 1px solid rgba(255,199,92,.26); border-radius: 999px; background: rgba(255,199,92,.08); font-size: .77rem; }
@media (max-width: 1100px) { .team-draft-summary-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) { .team-draft-grid { grid-template-columns: 1fr; } .rank-weight-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .team-draft-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .team-draft-member { align-items: flex-start; flex-direction: column; } }


/* --------------------------------------------------------------------------
   v8.1.2 — Siege community navigation and visual system
   -------------------------------------------------------------------------- */
:root {
  --siege-orange: #ff6a2a;
  --siege-orange-soft: #ffad7a;
  --siege-blue: #55b9ff;
  --siege-teal: #42d4c8;
  --siege-purple: #aa83ff;
  --siege-gold: #ffc862;
  --siege-green: #55db91;
  --siege-red: #ff6878;
  --sidebar-width: 248px;
}

html { scroll-behavior: smooth; }
body {
  background:
    linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px),
    radial-gradient(circle at 90% 5%, rgba(255, 77, 35, .12), transparent 28%),
    radial-gradient(circle at 8% 45%, rgba(73, 132, 190, .08), transparent 28%),
    #070a0f;
  background-size: 38px 38px, 38px 38px, auto, auto, auto;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(112deg, transparent 0 64%, rgba(255,106,42,.025) 64% 66%, transparent 66% 100%);
}

.site-header {
  min-height: 66px;
  padding: .62rem clamp(.8rem, 2vw, 1.7rem);
  border-bottom-color: rgba(255,255,255,.08);
  background: rgba(6, 9, 14, .94);
}
.site-header::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  background: linear-gradient(90deg, var(--siege-orange), transparent 36%);
  opacity: .72;
}
.brand-logo { width: 43px; height: 43px; border-radius: 9px; }
.site-header h1 { margin: 0; font-size: 1.1rem; letter-spacing: .015em; }
.site-header p { color: #7f8b9c; font-size: .72rem; letter-spacing: .06em; text-transform: uppercase; }
.connection-badge { background: rgba(255,255,255,.025); }

.shell {
  width: min(1780px, calc(100% - 2rem));
  display: grid;
  grid-template-columns: var(--sidebar-width) minmax(0, 1fr);
  align-items: start;
  gap: .85rem;
  margin: .9rem auto 3rem;
}
.workspace-content { min-width: 0; }

.tabs {
  position: sticky;
  top: 78px;
  z-index: 4;
  display: flex;
  flex-direction: column;
  gap: .28rem;
  margin: 0;
  padding: .55rem;
  border-color: rgba(255,255,255,.08);
  border-radius: 13px;
  background: linear-gradient(180deg, rgba(14,20,29,.96), rgba(8,12,18,.97));
  box-shadow: 0 18px 46px rgba(0,0,0,.25);
  backdrop-filter: blur(14px);
}
.nav-brand-label {
  display: flex;
  align-items: baseline;
  gap: .45rem;
  min-height: 38px;
  padding: .45rem .52rem .55rem;
  border-bottom: 1px solid rgba(255,255,255,.07);
  margin-bottom: .1rem;
  text-transform: uppercase;
}
.nav-brand-label span { color: var(--siege-orange); font-size: .62rem; font-weight: 950; letter-spacing: .15em; }
.nav-brand-label strong { color: #d7dce5; font-size: .74rem; letter-spacing: .08em; }
.tab {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: center;
  gap: .62rem;
  min-height: 55px;
  padding: .48rem .58rem;
  border: 1px solid transparent;
  border-radius: 9px;
  text-align: left;
  color: #8d98a9;
  transition: border-color .15s ease, background .15s ease, transform .15s ease, color .15s ease;
}
.tab:hover { transform: translateX(2px); border-color: rgba(255,255,255,.08); background: rgba(255,255,255,.035); }
.tab.active,
.tab[aria-current="page"] {
  color: #fff;
  border-color: rgba(255,106,42,.36);
  background: linear-gradient(90deg, rgba(255,106,42,.18), rgba(255,255,255,.028));
  box-shadow: inset 3px 0 0 var(--siege-orange), 0 8px 22px rgba(0,0,0,.18);
}
.tab-icon {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  background: rgba(255,255,255,.025);
}
.tab.active .tab-icon { border-color: rgba(255,106,42,.34); color: var(--siege-orange-soft); background: rgba(255,106,42,.09); }
.tab-icon svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.tab-copy { min-width: 0; }
.tab-copy strong, .tab-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tab-copy strong { color: inherit; font-size: .84rem; }
.tab-copy small { margin-top: .14rem; color: #6f7a8b; font-size: .64rem; font-weight: 650; }
.tab.active .tab-copy small { color: #aab3c1; }
.nav-footer-note { display: flex; align-items: center; gap: .48rem; margin-top: .2rem; padding: .55rem .6rem .25rem; color: #677283; font-size: .64rem; text-transform: uppercase; letter-spacing: .07em; }
.nav-status-dot { width: 7px; height: 7px; border-radius: 999px; background: var(--success); box-shadow: 0 0 10px rgba(61,220,151,.7); }

.page-context {
  position: relative;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) 5px;
  align-items: center;
  gap: .75rem;
  min-height: 72px;
  margin-bottom: .65rem;
  padding: .66rem .8rem;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px;
  background: linear-gradient(100deg, rgba(20,28,40,.94), rgba(10,15,23,.92));
  box-shadow: 0 12px 30px rgba(0,0,0,.16);
}
.page-context::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(120deg, rgba(255,106,42,.075), transparent 34%); }
.page-context-mark { position: relative; display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(255,106,42,.35); border-radius: 9px; background: rgba(255,106,42,.09); color: var(--siege-orange-soft); font-family: ui-monospace, monospace; font-size: .76rem; font-weight: 950; }
.page-context-copy { position: relative; min-width: 0; }
.page-context-copy .eyebrow { margin: 0 0 .08rem; font-size: .55rem; }
.page-context-copy h2 { margin: 0; font-size: 1.08rem; }
.page-context-copy > p:last-child { margin: .12rem 0 0; color: #8792a2; font-size: .72rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.page-context-stripe { align-self: stretch; border-radius: 999px; background: linear-gradient(var(--siege-orange), #c53131); }

.panel {
  border-color: rgba(255,255,255,.075);
  background: linear-gradient(145deg, rgba(20,27,39,.91), rgba(10,15,23,.9));
  box-shadow: 0 13px 34px rgba(0,0,0,.14);
}
.intro-panel { position: relative; overflow: hidden; }
.intro-panel::after { content: "CTS"; position: absolute; right: 1rem; bottom: -.52rem; color: rgba(255,255,255,.025); font-size: clamp(3rem, 7vw, 7rem); font-weight: 1000; letter-spacing: -.08em; pointer-events: none; }
.primary { background: linear-gradient(135deg, #ff6a2a, #d93643); box-shadow: 0 7px 18px rgba(255,72,42,.15); }
.secondary { background: rgba(255,255,255,.035); }
input, select, textarea { border-color: rgba(255,255,255,.09); background: rgba(4,8,13,.72); }

.section-jumpbar {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(230px, 390px);
  align-items: center;
  gap: .8rem;
  min-height: 58px;
  padding: .55rem .65rem;
  border: 1px solid rgba(85,185,255,.16);
  border-radius: 11px;
  background: linear-gradient(90deg, rgba(85,185,255,.065), rgba(9,14,22,.88));
}
.section-jump-copy { display: grid; grid-template-columns: auto auto minmax(0,1fr); align-items: baseline; gap: .45rem; min-width: 0; }
.section-jump-kicker { color: var(--siege-blue); font-size: .55rem; font-weight: 950; letter-spacing: .12em; }
.section-jump-copy strong { font-size: .76rem; }
.section-jump-copy small { color: #778394; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.section-jumpbar.has-active-section { border-color: rgba(255,106,42,.26); background: linear-gradient(90deg, rgba(255,106,42,.07), rgba(9,14,22,.88)); }
.section-jumpbar select { min-height: 38px; padding: .48rem .65rem; font-size: .78rem; }
.sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.admin-accordion {
  --section-tone: var(--siege-orange);
  --section-tone-rgb: 255,106,42;
  overflow: hidden;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
.admin-accordion.tone-blue { --section-tone: var(--siege-blue); --section-tone-rgb: 85,185,255; }
.admin-accordion.tone-teal { --section-tone: var(--siege-teal); --section-tone-rgb: 66,212,200; }
.admin-accordion.tone-purple { --section-tone: var(--siege-purple); --section-tone-rgb: 170,131,255; }
.admin-accordion.tone-gold { --section-tone: var(--siege-gold); --section-tone-rgb: 255,200,98; }
.admin-accordion.tone-green { --section-tone: var(--siege-green); --section-tone-rgb: 85,219,145; }
.admin-accordion.tone-red { --section-tone: var(--siege-red); --section-tone-rgb: 255,104,120; }
.admin-accordion:not([open]):hover { transform: translateY(-1px); border-color: rgba(var(--section-tone-rgb), .28); }
.admin-accordion-summary {
  position: relative;
  min-height: 43px;
  padding: .38rem .52rem .38rem .72rem;
  border-left: 3px solid rgba(var(--section-tone-rgb), .48);
  background: rgba(255,255,255,.008);
}
.admin-accordion-summary::after { content: attr(data-section-index); position: absolute; right: 3.3rem; color: rgba(255,255,255,.055); font-family: ui-monospace, monospace; font-size: 1.2rem; font-weight: 950; pointer-events: none; }
.admin-accordion-copy { column-gap: .45rem; }
.admin-accordion-copy .eyebrow { padding: .16rem .34rem; border: 1px solid rgba(var(--section-tone-rgb), .18); border-radius: 999px; color: var(--section-tone); background: rgba(var(--section-tone-rgb), .055); font-size: .51rem; letter-spacing: .08em; }
.admin-accordion-copy h2, .admin-accordion-copy h3 { font-size: .88rem; font-weight: 780; }
.admin-accordion-chevron { width: 1.38rem; height: 1.38rem; border-color: rgba(var(--section-tone-rgb), .22); color: var(--section-tone); }
.admin-accordion[open] { border-color: rgba(var(--section-tone-rgb), .38); box-shadow: 0 16px 38px rgba(0,0,0,.22), inset 3px 0 0 var(--section-tone); }
.admin-accordion[open] > .admin-accordion-summary { position: static; min-height: 48px; border-left-color: var(--section-tone); background: linear-gradient(90deg, rgba(var(--section-tone-rgb), .14), rgba(16,22,32,.98) 38%); box-shadow: none; }
.admin-accordion[open] > .admin-accordion-summary::after { opacity: .5; }
.admin-accordion-body { padding: .72rem; background: rgba(4,8,13,.22); }

#accountDashboard, #adminDashboard { gap: .48rem; }
#accountDashboard > .section-jumpbar, #adminDashboard > .section-jumpbar { margin-bottom: .05rem; }
#eventsView.active, #matchesView.active { gap: .48rem; }
#eventsView > .section-jumpbar, #matchesView > .section-jumpbar { grid-column: 1 / -1; }

.notification-mailbox { border-color: rgba(85,185,255,.2); background: rgba(85,185,255,.055); }
.notification-link { display: inline-flex; margin-top: .55rem; color: var(--siege-blue); font-size: .78rem; font-weight: 800; text-decoration: none; }
.notification-link:hover { text-decoration: underline; }

.patch-notes-layout { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); gap: .75rem; align-items: start; }
.patch-notes-form { margin: 0; }
.patch-delivery-options { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .5rem; }
.patch-delivery-options .checkbox-label { padding: .58rem; border: 1px solid rgba(255,255,255,.08); border-radius: 9px; background: rgba(255,255,255,.02); }
.patch-publish-warning { display: flex; align-items: center; gap: .55rem; padding: .55rem .65rem; border-left: 3px solid var(--warning); background: rgba(255,204,102,.055); color: var(--muted); font-size: .76rem; }
.patch-publish-warning strong { color: var(--warning); white-space: nowrap; }
.patch-history-panel { padding: .72rem; border: 1px solid rgba(255,255,255,.07); border-radius: 11px; background: rgba(5,9,15,.45); }
.patch-history-list { display: grid; gap: .5rem; }
.patch-history-card { padding: .65rem; border: 1px solid rgba(255,255,255,.07); border-radius: 9px; background: rgba(255,255,255,.018); }
.patch-history-head { display: flex; justify-content: space-between; align-items: flex-start; gap: .5rem; }
.patch-history-head h4 { margin: .18rem 0 0; font-size: .82rem; }
.patch-version { color: var(--siege-orange-soft); font-size: .62rem; font-weight: 950; }
.patch-recipient-count { flex: 0 0 auto; color: var(--siege-blue); font-size: .65rem; }
.patch-history-card > p { margin: .45rem 0; color: var(--muted); font-size: .72rem; line-height: 1.45; }
.patch-history-meta { display: flex; flex-wrap: wrap; gap: .3rem .55rem; color: #687485; font-size: .61rem; }

@media (max-width: 1180px) {
  :root { --sidebar-width: 220px; }
  .tab-copy small { display: none; }
  .tab { min-height: 48px; }
  .patch-notes-layout { grid-template-columns: 1fr; }
}

@media (max-width: 940px) {
  .shell { display: block; width: min(100% - 1rem, 1560px); margin-top: .65rem; }
  .tabs {
    top: 65px;
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    gap: .3rem;
    margin-bottom: .55rem;
    padding: .35rem;
    border-radius: 11px;
    scrollbar-width: thin;
  }
  .nav-brand-label, .nav-footer-note { display: none; }
  .tab { flex: 0 0 auto; grid-template-columns: 28px auto; min-height: 43px; min-width: auto; padding: .36rem .52rem; }
  .tab:hover { transform: none; }
  .tab-icon { width: 27px; height: 27px; border: 0; background: transparent; }
  .tab-icon svg { width: 16px; height: 16px; }
  .tab-copy strong { font-size: .75rem; }
  .tab-copy small { display: none; }
  .tab.active, .tab[aria-current="page"] { box-shadow: inset 0 -2px 0 var(--siege-orange); }
  .page-context { min-height: 61px; grid-template-columns: 38px minmax(0,1fr) 4px; }
  .page-context-mark { width: 34px; height: 34px; }
}

@media (max-width: 700px) {
  .page-context-copy > p:last-child { display: none; }
  .page-context { min-height: 54px; padding: .5rem .58rem; }
  .section-jumpbar { grid-template-columns: 1fr; gap: .4rem; }
  .section-jump-copy { grid-template-columns: auto minmax(0,1fr); }
  .section-jump-copy small { grid-column: 1 / -1; }
  .patch-delivery-options { grid-template-columns: 1fr; }
  .patch-publish-warning { align-items: flex-start; flex-direction: column; }
  .admin-accordion-summary::after { display: none; }
}

@media (max-width: 520px) {
  .site-header h1 { font-size: .92rem; }
  .site-header p { display: none; }
  .tabs { top: 57px; }
  .tab { grid-template-columns: 25px auto; padding-inline: .38rem; }
  .tab-icon { width: 24px; height: 24px; }
  .page-context-mark { display: none; }
  .page-context { grid-template-columns: minmax(0,1fr) 4px; }
  .admin-accordion-copy { grid-template-columns: minmax(0,1fr); }
  .admin-accordion-copy .eyebrow { display: none; }
  .admin-accordion-copy h2, .admin-accordion-copy h3 { font-size: .84rem; }
  .admin-accordion-summary { padding-left: .56rem; }
}


/* v8.1.3 tournament cleanup */
.compact-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.team-draft-adjustments{margin:1rem 0 1.25rem;padding:1rem;border:1px solid rgba(245,131,31,.25);border-radius:14px;background:linear-gradient(145deg,rgba(245,131,31,.06),rgba(26,34,47,.5))}.team-draft-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.compact-tool{display:flex;flex-direction:column;gap:.6rem;padding:.85rem}.compact-tool h4{margin:0;color:#f8fafc}.compact-tool label{font-size:.78rem}.compact-tool select,.compact-tool input{min-height:38px}.draft-team-badges{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.drafted-team-label,.drafted-inline-tag{display:inline-flex;align-items:center;border:1px solid rgba(245,131,31,.45);background:rgba(245,131,31,.12);color:#ffb067;border-radius:999px;padding:.16rem .45rem;font-size:.62rem;font-style:normal;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.bracket-status-form{flex-wrap:wrap}.bracket-participant span{display:flex;align-items:center;gap:.35rem;min-width:0}.webhook-routing-options .notification-options{grid-template-columns:repeat(3,minmax(0,1fr));max-height:360px;overflow:auto;padding-right:.3rem}.audit-filters{flex-wrap:wrap}.email-log-heading .compact-actions{justify-content:flex-end}
@media(max-width:1100px){.team-draft-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.webhook-routing-options .notification-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.team-draft-adjustments{padding:.75rem}.team-draft-tool-grid{grid-template-columns:1fr}.webhook-routing-options .notification-options{grid-template-columns:1fr;max-height:none}.bracket-board{padding-bottom:.5rem}.bracket-round-track{gap:.65rem}.bracket-round-column{min-width:240px}.bracket-slot-card{padding:.65rem}.match-room-data-grid{grid-template-columns:1fr}.match-room-hero,.competition-card-head{align-items:flex-start}.draft-team-badges{justify-content:flex-start}.email-log-heading{align-items:flex-start}.email-log-heading .compact-actions{width:100%;justify-content:flex-start}}


/* v8.1.4 public patch notes */
.patch-notes-public-hero {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.25rem;
  margin-bottom: 1rem;
  padding: clamp(1.15rem, 2.4vw, 1.8rem);
  border: 1px solid rgba(255, 132, 38, 0.28);
  border-radius: 16px;
  background:
    linear-gradient(120deg, rgba(255, 112, 22, 0.14), transparent 44%),
    linear-gradient(160deg, rgba(19, 27, 38, 0.97), rgba(10, 14, 21, 0.97));
  box-shadow: inset 4px 0 0 rgba(255, 124, 27, 0.82), 0 18px 42px rgba(0, 0, 0, 0.2);
}
.patch-notes-public-hero::after {
  content: "PATCH // INTEL";
  position: absolute;
  top: .8rem;
  right: 1rem;
  color: rgba(255,255,255,.035);
  font-size: clamp(2rem, 6vw, 5rem);
  font-weight: 900;
  letter-spacing: .12em;
  pointer-events: none;
}
.patch-notes-hero-copy { position: relative; z-index: 1; max-width: 760px; }
.patch-notes-hero-copy h2 { margin: .15rem 0 .4rem; font-size: clamp(1.65rem, 3vw, 2.35rem); }
.patch-notes-hero-copy p:last-child { margin: 0; color: var(--muted); max-width: 680px; }
.patch-notes-public-actions { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: .55rem; }
.public-latest-patch-panel { padding: 0; overflow: hidden; border-color: rgba(255, 126, 28, .24); }
.public-patch-loading { padding: 2rem; color: var(--muted); text-align: center; }
#publicLatestPatch { position: relative; }
#publicLatestPatch::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(#ff9b3e, #e94f1c);
}
.public-patch-feature-topline {
  display: flex;
  align-items: center;
  gap: .65rem;
  padding: .75rem 1.25rem;
  border-bottom: 1px solid rgba(255,255,255,.07);
  background: rgba(255,255,255,.025);
}
.public-patch-feature-topline time { margin-left: auto; color: var(--muted); font-size: .78rem; }
.public-patch-version {
  display: inline-flex;
  align-items: center;
  min-height: 1.75rem;
  padding: .2rem .6rem;
  border: 1px solid rgba(255, 138, 47, .42);
  border-radius: 999px;
  background: rgba(255, 113, 24, .12);
  color: #ffad68;
  font-weight: 850;
  letter-spacing: .04em;
  white-space: nowrap;
}
.public-patch-latest-label {
  padding: .17rem .5rem;
  border-radius: 4px;
  background: #ff7a24;
  color: #10141b;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.public-patch-feature-copy { padding: clamp(1.25rem, 3vw, 2.1rem); max-width: 960px; }
.public-patch-feature-copy h2 { margin: .15rem 0 .45rem; font-size: clamp(1.55rem, 3vw, 2.2rem); }
.public-patch-summary { margin: 0 0 1rem; color: #eef3f8; font-size: 1.04rem; line-height: 1.6; }
.public-patch-details {
  color: var(--muted);
  line-height: 1.75;
  overflow-wrap: anywhere;
}
.public-patch-link {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  margin-top: 1rem;
  color: #ffae6b;
  font-weight: 750;
  text-decoration: none;
}
.public-patch-link:hover { color: #ffd0aa; text-decoration: underline; }
.public-patch-archive-panel { margin-top: 1rem; }
.public-patch-list { display: grid; gap: .55rem; }
.public-patch-card {
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 10px;
  background: rgba(255,255,255,.018);
}
.public-patch-card[open] { border-color: rgba(255, 128, 34, .28); background: rgba(255, 105, 18, .035); }
.public-patch-card > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 62px;
  padding: .7rem .85rem;
  cursor: pointer;
  list-style: none;
}
.public-patch-card > summary::-webkit-details-marker { display: none; }
.public-patch-card-heading { display: flex; align-items: center; gap: .8rem; min-width: 0; }
.public-patch-card-heading h3 { margin: 0 0 .13rem; font-size: .96rem; }
.public-patch-card-heading p { margin: 0; color: var(--muted); font-size: .78rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: min(54vw, 690px); }
.public-patch-card-meta { display: flex; align-items: center; gap: .7rem; color: var(--muted); font-size: .73rem; white-space: nowrap; }
.public-patch-card-meta span { font-size: 1.1rem; transition: transform .18s ease; }
.public-patch-card[open] .public-patch-card-meta span { transform: rotate(180deg); }
.public-patch-card-body { padding: .95rem 1rem 1.1rem; border-top: 1px solid rgba(255,255,255,.06); }
.compact-empty { padding: 1.2rem; }

@media (max-width: 760px) {
  .patch-notes-public-hero { align-items: stretch; flex-direction: column; }
  .patch-notes-public-actions { width: 100%; }
  .patch-notes-public-actions .secondary { flex: 1 1 140px; }
  .public-patch-feature-topline { align-items: flex-start; flex-wrap: wrap; padding: .7rem .9rem; }
  .public-patch-feature-topline time { width: 100%; margin-left: 0; }
  .public-patch-feature-copy { padding: 1.05rem; }
  .public-patch-card > summary { align-items: flex-start; }
  .public-patch-card-heading { align-items: flex-start; }
  .public-patch-card-heading p { max-width: 52vw; }
  .public-patch-card-meta time { display: none; }
}


/* v8.1.5 — Guided Admin Console */
#adminDashboard .admin-guided-tool { display: none; }
#adminDashboard .admin-guided-tool.guided-visible { display: block; }

.admin-title-row,
.admin-header-actions,
.admin-home-hero,
.admin-onboarding-head,
.admin-area-toolbar,
.admin-staff-card,
.admin-staff-actions {
  display: flex;
  align-items: center;
  gap: .75rem;
}

.admin-title-row { flex-wrap: wrap; }
.admin-header-actions { margin-left: auto; flex-wrap: wrap; justify-content: flex-end; }
.admin-location {
  margin: .55rem 0 0;
  color: var(--accent, #ff7a1a);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.admin-role-badge {
  display: inline-flex;
  align-items: center;
  width: max-content;
  min-height: 1.65rem;
  padding: .22rem .58rem;
  border: 1px solid rgba(255, 139, 45, .42);
  border-radius: 999px;
  background: rgba(255, 122, 26, .10);
  color: #ffb06c;
  font-size: .68rem;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.admin-command-home,
.admin-onboarding,
.admin-area-toolbar { margin-top: .8rem; }
.admin-home-hero,
.admin-onboarding-head { justify-content: space-between; align-items: flex-start; }
.admin-home-hero > div,
.admin-onboarding-head > div { max-width: 760px; }

.admin-home-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .65rem;
  margin: 1rem 0;
}
.admin-home-summary article {
  min-height: 92px;
  padding: .78rem .9rem;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  background: linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,.012));
}
.admin-home-summary span,
.admin-home-summary small { display: block; color: var(--muted, #9ba5b4); }
.admin-home-summary span { font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.admin-home-summary strong { display: block; margin: .15rem 0 .05rem; font-size: 1.65rem; line-height: 1; }
.admin-home-summary small { font-size: .74rem; }

.admin-area-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .7rem;
}
.admin-area-card {
  position: relative;
  display: grid;
  grid-template-columns: 2.25rem 1fr;
  gap: .7rem;
  min-height: 112px;
  padding: .85rem;
  overflow: hidden;
  text-align: left;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 11px;
  background: rgba(12, 16, 22, .86);
  color: var(--text, #eef2f7);
}
.admin-area-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: var(--area-accent, #ff7a1a);
}
.admin-area-card:hover,
.admin-area-card:focus-visible {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--area-accent, #ff7a1a) 60%, transparent);
  background: color-mix(in srgb, var(--area-accent, #ff7a1a) 8%, rgba(12,16,22,.94));
}
.admin-area-card > span:nth-child(2) { display: flex; flex-direction: column; min-width: 0; }
.admin-area-card strong { font-size: .98rem; }
.admin-area-card small { margin-top: .18rem; color: var(--muted, #9ba5b4); font-size: .75rem; line-height: 1.35; }
.admin-area-card em { grid-column: 2; align-self: end; color: var(--area-accent, #ff9a4b); font-size: .68rem; font-style: normal; font-weight: 800; text-transform: uppercase; }
.admin-area-icon { color: var(--area-accent, #ff7a1a); font-size: .72rem; font-weight: 900; letter-spacing: .08em; }
.area-registrations, .area-community { --area-accent: #4ea1ff; }
.area-events { --area-accent: #a778ff; }
.area-teams { --area-accent: #20cbb7; }
.area-competition { --area-accent: #f2c14e; }
.area-safety { --area-accent: #ff626d; }
.area-communications { --area-accent: #ff8a3d; }
.area-system { --area-accent: #65cc78; }

.admin-workspace-launcher {
  display: grid;
  grid-template-columns: minmax(220px, 1.15fr) minmax(220px, .85fr);
  gap: .8rem 1rem;
  align-items: end;
  margin-top: .9rem;
  padding: .9rem;
  border: 1px solid rgba(167,120,255,.2);
  border-radius: 11px;
  background: linear-gradient(125deg, rgba(167,120,255,.08), rgba(78,161,255,.035));
}
.admin-workspace-launcher p,
.admin-workspace-launcher h3 { margin-top: 0; }
.admin-workspace-launcher > label { align-self: center; }
.admin-workspace-actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
}
.admin-quick-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .45rem;
  margin-top: .75rem;
  padding-top: .75rem;
  border-top: 1px solid rgba(255,255,255,.07);
}
.admin-quick-actions .eyebrow { margin: 0 .35rem 0 0; }

.admin-onboarding-steps {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: .65rem;
  padding: 0;
  margin: 1rem 0;
  list-style: none;
  counter-reset: admin-guide;
}
.admin-onboarding-steps li {
  position: relative;
  min-height: 88px;
  padding: .75rem .75rem .75rem 3rem;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  background: rgba(255,255,255,.025);
  counter-increment: admin-guide;
}
.admin-onboarding-steps li::before {
  content: counter(admin-guide, decimal-leading-zero);
  position: absolute;
  left: .75rem;
  top: .72rem;
  color: #ff9144;
  font-size: .72rem;
  font-weight: 900;
}
.admin-onboarding-steps strong,
.admin-onboarding-steps span { display: block; }
.admin-onboarding-steps span { margin-top: .2rem; color: var(--muted, #9ba5b4); font-size: .78rem; line-height: 1.4; }

.admin-area-toolbar {
  position: sticky;
  top: 74px;
  z-index: 18;
  display: grid;
  grid-template-columns: auto 1fr minmax(190px, 260px);
  align-items: center;
  gap: .9rem;
  padding: .65rem .8rem;
  border-color: rgba(255,122,26,.3);
  background: rgba(11, 14, 19, .96);
  backdrop-filter: blur(12px);
}
.admin-area-toolbar h2,
.admin-area-toolbar p { margin: 0; }
.admin-area-toolbar .muted { margin-top: .12rem; font-size: .76rem; }
.admin-tool-jump { margin: 0; }
.admin-tool-jump span { font-size: .65rem; }
.admin-back-button { white-space: nowrap; }

.admin-staff-list { display: grid; gap: .55rem; margin-top: .8rem; }
.admin-staff-card {
  justify-content: space-between;
  padding: .7rem .8rem;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 9px;
  background: rgba(255,255,255,.025);
}
.admin-staff-card > div:first-child { display: grid; gap: .15rem; }
.admin-staff-card small { color: var(--muted, #9ba5b4); }

.admin-read-only #adminAreaToolbar::after {
  content: "READ ONLY";
  justify-self: end;
  padding: .22rem .5rem;
  border: 1px solid rgba(242,193,78,.45);
  border-radius: 999px;
  color: #f2c14e;
  font-size: .64rem;
  font-weight: 900;
  letter-spacing: .08em;
}
.admin-read-only .admin-tool-jump { display: none; }

@media (max-width: 1050px) {
  .admin-area-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-home-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
  .admin-header-actions { width: 100%; justify-content: flex-start; margin-left: 0; }
  .admin-home-hero,
  .admin-onboarding-head { flex-direction: column; }
  .admin-area-grid,
  .admin-home-summary,
  .admin-onboarding-steps { grid-template-columns: 1fr; }
  .admin-area-card { min-height: 96px; }
  .admin-workspace-launcher { grid-template-columns: 1fr; }
  .admin-workspace-actions { grid-column: auto; }
  .admin-area-toolbar {
    position: static;
    grid-template-columns: 1fr;
  }
  .admin-tool-jump { width: 100%; }
  .admin-back-button { width: max-content; }
  .admin-staff-card { align-items: flex-start; flex-direction: column; }
}


/* --------------------------------------------------------------------------
   v8.1.6 — Unified guided navigation and Discord webhook channel groups
   -------------------------------------------------------------------------- */

.site-task-hub {
  display: grid;
  grid-template-columns: minmax(210px, .72fr) minmax(0, 1.8fr);
  gap: .8rem;
  align-items: stretch;
  margin: 0 0 .75rem;
  padding: .72rem;
  border: 1px solid rgba(255,255,255,.075);
  border-left: 3px solid rgba(255,145,48,.9);
  border-radius: 12px;
  background:
    linear-gradient(120deg, rgba(255,145,48,.08), transparent 32%),
    rgba(11,16,24,.86);
  box-shadow: 0 12px 34px rgba(0,0,0,.16);
}

.site-task-hub-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: .1rem .35rem;
}

.site-task-hub-copy h3 {
  margin: .08rem 0 .15rem;
  font-size: 1rem;
}

.site-task-hub-copy p:last-child {
  margin: 0;
  font-size: .78rem;
  line-height: 1.35;
}

.site-task-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .45rem;
}

.site-task-card {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas:
    "number title"
    "number note";
  column-gap: .48rem;
  align-items: center;
  min-height: 58px;
  padding: .55rem .62rem;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 9px;
  background: rgba(21,28,39,.82);
  color: var(--text);
  text-align: left;
  cursor: pointer;
  transition: transform .15s ease, border-color .15s ease, background .15s ease;
}

.site-task-card:hover,
.site-task-card:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(255,145,48,.55);
  background: rgba(28,37,51,.96);
}

.site-task-card > span {
  grid-area: number;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 7px;
  color: rgba(255,255,255,.72);
  background: rgba(255,255,255,.06);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .66rem;
  font-weight: 900;
}

.site-task-card > strong {
  grid-area: title;
  font-size: .78rem;
  line-height: 1.1;
}

.site-task-card > small {
  grid-area: note;
  margin-top: .12rem;
  color: var(--muted);
  font-size: .65rem;
  line-height: 1.2;
}

.site-task-card.tone-blue { border-left: 2px solid #4ba3ff; }
.site-task-card.tone-purple { border-left: 2px solid #9c7cff; }
.site-task-card.tone-teal { border-left: 2px solid #37c9bd; }
.site-task-card.tone-orange { border-left: 2px solid #ff9130; }
.site-task-card.tone-gold { border-left: 2px solid #e9bf54; }

#accountDashboard .player-guided-tool {
  display: none;
}

#accountDashboard .player-guided-tool.guided-visible {
  display: block;
}

.player-command-home {
  padding: .8rem;
}

.player-home-hero {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
  margin-bottom: .65rem;
  padding: .15rem .15rem .65rem;
  border-bottom: 1px solid rgba(255,255,255,.07);
}

.player-home-hero h2 {
  margin: .08rem 0 .12rem;
}

.player-home-hero p:last-child {
  margin: 0;
}

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

.player-area-card {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  grid-template-areas:
    "icon copy"
    "icon note";
  gap: .12rem .55rem;
  align-items: center;
  min-height: 76px;
  padding: .65rem;
  border: 1px solid rgba(255,255,255,.075);
  border-left: 3px solid var(--player-area-tone, #ff9130);
  border-radius: 10px;
  background: linear-gradient(120deg, rgba(255,255,255,.025), rgba(10,15,23,.82));
  color: var(--text);
  text-align: left;
  cursor: pointer;
  transition: border-color .15s ease, transform .15s ease, background .15s ease;
}

.player-area-card:hover,
.player-area-card:focus-visible {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--player-area-tone) 70%, rgba(255,255,255,.1));
  background: rgba(24,32,45,.96);
}

.player-area-card.area-communications { --player-area-tone: #ff9130; }
.player-area-card.area-profile { --player-area-tone: #e9bf54; }
.player-area-card.area-registrations { --player-area-tone: #4ba3ff; }
.player-area-card.area-competition { --player-area-tone: #37c9bd; }
.player-area-card.area-support { --player-area-tone: #e36565; }

.player-area-icon {
  grid-area: icon;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 8px;
  color: var(--player-area-tone);
  background: color-mix(in srgb, var(--player-area-tone) 12%, transparent);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .68rem;
  font-weight: 950;
}

.player-area-card > span:nth-child(2) {
  grid-area: copy;
  min-width: 0;
}

.player-area-card strong {
  display: block;
  font-size: .82rem;
}

.player-area-card small {
  display: block;
  margin-top: .12rem;
  color: var(--muted);
  font-size: .67rem;
  line-height: 1.22;
}

.player-area-card em {
  grid-area: note;
  color: color-mix(in srgb, var(--player-area-tone) 72%, white);
  font-size: .61rem;
  font-style: normal;
  font-weight: 800;
  letter-spacing: .02em;
}

.player-area-toolbar {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) minmax(170px, 240px);
  gap: .7rem;
  align-items: center;
  padding: .62rem .7rem;
  border-left: 3px solid #ff9130;
}

.player-area-toolbar-copy h2 {
  margin: .04rem 0 .08rem;
  font-size: 1.05rem;
}

.player-area-toolbar-copy p {
  margin: 0;
  font-size: .73rem;
}

.player-back-button {
  white-space: nowrap;
}

.webhook-channel-blueprint {
  padding: .7rem;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 11px;
  background: rgba(10,15,23,.58);
}

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

.webhook-blueprint-card {
  display: grid;
  grid-template-columns: 32px minmax(0,1fr);
  gap: .55rem;
  align-items: start;
  padding: .58rem;
  border: 1px solid rgba(255,255,255,.07);
  border-left: 3px solid var(--webhook-tone, #ff9130);
  border-radius: 9px;
  background: rgba(19,26,37,.72);
}

.webhook-blueprint-card > span {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 7px;
  color: var(--webhook-tone);
  background: color-mix(in srgb, var(--webhook-tone) 12%, transparent);
  font: 900 .66rem ui-monospace, monospace;
}

.webhook-blueprint-card strong {
  display: block;
  font-size: .78rem;
}

.webhook-blueprint-card small {
  display: block;
  margin-top: .12rem;
  color: var(--muted);
  font-size: .67rem;
  line-height: 1.25;
}

.webhook-blueprint-card.preset-staff { --webhook-tone: #e36565; }
.webhook-blueprint-card.preset-match { --webhook-tone: #37c9bd; }
.webhook-blueprint-card.preset-standings { --webhook-tone: #e9bf54; }
.webhook-blueprint-card.preset-player { --webhook-tone: #4ba3ff; }

.webhook-preset-control {
  display: grid;
  grid-template-columns: minmax(180px, 280px) minmax(0,1fr);
  gap: .65rem;
  align-items: end;
  padding: .58rem;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 9px;
  background: rgba(255,255,255,.025);
}

.webhook-preset-control label {
  margin: 0;
}

.webhook-preset-description {
  margin: 0 0 .35rem;
  color: var(--muted);
  font-size: .72rem;
  line-height: 1.35;
}

.webhook-advanced-routing {
  padding: 0;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 9px;
  background: rgba(8,13,20,.45);
}

.webhook-advanced-routing > summary {
  display: flex;
  justify-content: space-between;
  gap: .75rem;
  padding: .55rem .65rem;
  cursor: pointer;
  font-size: .75rem;
  font-weight: 850;
  list-style: none;
}

.webhook-advanced-routing > summary::-webkit-details-marker {
  display: none;
}

.webhook-advanced-routing > summary::after {
  content: "⌄";
  color: var(--muted);
}

.webhook-advanced-routing[open] > summary::after {
  transform: rotate(180deg);
}

.webhook-advanced-routing > summary span {
  color: var(--muted);
  font-size: .65rem;
  font-weight: 500;
}

.webhook-advanced-routing .webhook-routing-options {
  margin: 0;
  padding: .6rem;
  border: 0;
  border-top: 1px solid rgba(255,255,255,.07);
}

.webhook-option-group {
  padding: .48rem;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 8px;
  background: rgba(255,255,255,.018);
}

.webhook-option-group > strong {
  display: block;
  margin-bottom: .38rem;
  color: rgba(255,255,255,.78);
  font-size: .65rem;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.webhook-option-group > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: .22rem .45rem;
}

.webhook-option-group .checkbox-label {
  min-height: 30px;
  padding: .3rem .38rem;
  font-size: .69rem;
}

.webhook-purpose-badge {
  display: inline-flex;
  margin-right: .35rem;
  padding: .16rem .38rem;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 999px;
  color: #fff;
  background: rgba(255,255,255,.055);
  font-size: .58rem;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.webhook-purpose-badge.preset-staff { color: #ff9b9b; }
.webhook-purpose-badge.preset-match { color: #64ded4; }
.webhook-purpose-badge.preset-standings { color: #f3d477; }
.webhook-purpose-badge.preset-player { color: #75baff; }
.webhook-purpose-badge.preset-custom { color: #c0c7d2; }

.discord-webhook-card-header > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .2rem;
}

.discord-webhook-card-header > div > strong {
  margin-right: auto;
}

.discord-webhook-card-header .webhook-route-summary {
  flex-basis: 100%;
  margin-top: .12rem;
}

@media (max-width: 1050px) {
  .site-task-hub {
    grid-template-columns: 1fr;
  }
  .site-task-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
  .player-area-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

@media (max-width: 720px) {
  .site-task-hub {
    padding: .58rem;
  }
  .site-task-grid,
  .player-area-grid,
  .webhook-blueprint-grid {
    grid-template-columns: 1fr;
  }
  .site-task-card {
    min-height: 52px;
  }
  .player-home-hero {
    align-items: stretch;
    flex-direction: column;
  }
  .player-area-toolbar {
    grid-template-columns: 1fr;
  }
  .player-back-button {
    width: 100%;
  }
  .webhook-preset-control {
    grid-template-columns: 1fr;
    align-items: start;
  }
  .webhook-preset-description {
    margin: 0;
  }
  .webhook-option-group > div {
    grid-template-columns: 1fr;
  }
  .webhook-advanced-routing > summary span {
    display: none;
  }
}

.guided-form-block {
  display: grid;
  grid-template-columns: minmax(150px, .34fr) minmax(0, 1.66fr);
  gap: .7rem;
  padding: .68rem;
  border: 1px solid rgba(255,255,255,.07);
  border-left: 3px solid var(--guided-form-tone, #ff9130);
  border-radius: 10px;
  background: rgba(12,18,27,.58);
}

.guided-form-event { --guided-form-tone: #9c7cff; }
.guided-form-identity { --guided-form-tone: #4ba3ff; }
.guided-form-contact { --guided-form-tone: #37c9bd; }
.guided-form-agreement { --guided-form-tone: #ff9130; }

.guided-form-heading {
  display: flex;
  gap: .5rem;
  align-items: flex-start;
  padding: .12rem .15rem;
}

.guided-form-heading > span {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  border-radius: 7px;
  color: var(--guided-form-tone);
  background: color-mix(in srgb, var(--guided-form-tone) 12%, transparent);
  font: 900 .66rem ui-monospace, monospace;
}

.guided-form-heading strong {
  display: block;
  font-size: .8rem;
}

.guided-form-heading small {
  display: block;
  margin-top: .14rem;
  color: var(--muted);
  font-size: .65rem;
  line-height: 1.28;
}

.guided-form-content {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .58rem;
  min-width: 0;
}

.guided-form-content > .wide,
.guided-form-content > .tos-box,
.guided-form-content > .event-rules-panel,
.guided-form-content > .custom-question-list,
.guided-form-content > .roster-panel,
.guided-form-content > .action-row {
  grid-column: 1 / -1;
}

@media (max-width: 820px) {
  .guided-form-block {
    grid-template-columns: 1fr;
  }
  .guided-form-content {
    grid-template-columns: 1fr;
  }
  .guided-form-content > * {
    grid-column: 1 / -1;
  }
}


/* v8.1.7 — Player accounts, public profiles and anonymous suggestions */
.account-recommendation{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;align-items:center;border-color:rgba(255,145,36,.42);background:linear-gradient(120deg,rgba(255,145,36,.13),rgba(18,23,31,.94) 48%,rgba(69,117,255,.08))}
.account-recommendation-icon{width:3.25rem;height:3.25rem;display:grid;place-items:center;border:1px solid rgba(255,145,36,.55);background:#ff9124;color:#111;font-weight:900;letter-spacing:-.08em;clip-path:polygon(0 0,100% 0,86% 100%,0 100%)}
.account-recommendation-copy h2{margin:.1rem 0 .25rem;font-size:1.05rem}.account-recommendation-copy p{margin:0;color:var(--text)}.account-recommendation-copy small{display:block;margin-top:.35rem}.account-recommendation-actions{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}
.player-directory-hero,.suggestion-hero{display:flex;justify-content:space-between;align-items:center;gap:1rem;overflow:hidden;position:relative;background:linear-gradient(125deg,rgba(69,117,255,.13),rgba(15,19,26,.96) 52%,rgba(255,145,36,.12))}.player-directory-hero h2,.suggestion-hero h2{margin:.15rem 0 .35rem}.player-directory-hero p,.suggestion-hero p{max-width:780px;margin:0}.player-directory-hero-mark{font-size:4.8rem;font-weight:1000;font-style:italic;line-height:.8;color:rgba(255,255,255,.06);letter-spacing:-.12em;padding-right:1rem}.suggestion-anonymous-badge{padding:.5rem .75rem;border:1px solid rgba(72,222,171,.5);color:#7ff0c7;background:rgba(72,222,171,.08);font-weight:800;letter-spacing:.12em;font-size:.72rem}
.player-directory-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.65rem;align-items:end}.public-player-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.public-player-card{--profile-accent:#ff9124;position:relative;padding:1rem;border:1px solid color-mix(in srgb,var(--profile-accent) 38%,var(--border));background:linear-gradient(155deg,color-mix(in srgb,var(--profile-accent) 8%,var(--panel)),var(--panel) 44%);box-shadow:inset 3px 0 0 var(--profile-accent);overflow:hidden}.profile-theme-blue{--profile-accent:#4f8cff}.profile-theme-purple{--profile-accent:#a879ff}.profile-theme-teal{--profile-accent:#39d2c0}.profile-theme-red{--profile-accent:#ff5d68}.profile-theme-gold{--profile-accent:#e7bf55}.profile-theme-orange{--profile-accent:#ff9124}.public-player-card-head{display:flex;align-items:center;gap:.75rem}.public-player-card-head>div{min-width:0}.public-player-card-head h3{margin:.05rem 0;font-size:1.05rem}.public-player-card-head p{margin:0;font-size:.78rem;color:var(--muted)}.public-player-avatar,.own-profile-avatar{flex:0 0 auto;width:3.35rem;height:3.35rem;border:2px solid var(--profile-accent);background:color-mix(in srgb,var(--profile-accent) 18%,#111);display:grid;place-items:center;overflow:hidden;clip-path:polygon(10% 0,100% 0,100% 90%,90% 100%,0 100%,0 10%)}.public-player-avatar img,.own-profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-initials{font-weight:900;color:#fff;letter-spacing:.05em}.looking-team-badge{margin-left:auto;align-self:flex-start;padding:.28rem .45rem;font-size:.64rem;font-weight:800;color:#7ff0c7;border:1px solid rgba(72,222,171,.45);background:rgba(72,222,171,.09);white-space:nowrap}.public-player-tags,.operator-chip-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.75rem}.public-player-tags span,.operator-chip-row span{padding:.25rem .4rem;border:1px solid var(--border);background:rgba(255,255,255,.025);font-size:.68rem;color:var(--muted)}.operator-chip-row span{border-color:color-mix(in srgb,var(--profile-accent) 35%,var(--border));color:var(--text)}.public-player-bio{min-height:2.8rem;margin:.7rem 0 0;font-size:.83rem;line-height:1.45}.public-player-stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem;margin-top:.8rem}.public-player-stat-row div{padding:.45rem;background:rgba(0,0,0,.2);border:1px solid var(--border)}.public-player-stat-row span,.public-player-team span{display:block;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.public-player-stat-row strong{font-size:.92rem}.public-player-team{margin:.65rem 0 0;font-size:.75rem}.button-link{display:inline-flex;align-items:center;text-decoration:none}
.own-profile-preview{--profile-accent:#ff9124;display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center;padding:.8rem;border:1px solid color-mix(in srgb,var(--profile-accent) 45%,var(--border));background:color-mix(in srgb,var(--profile-accent) 7%,var(--panel))}.own-profile-preview span:not(.own-profile-avatar){display:block;color:var(--muted);font-size:.62rem;letter-spacing:.1em}.own-profile-preview strong{display:block}.own-profile-preview small{display:block}.own-profile-preview em{font-style:normal;font-size:.7rem;color:var(--profile-accent);font-weight:800}.account-management-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.account-management-card{padding:.8rem;border:1px solid var(--border);background:rgba(255,255,255,.025)}.account-management-card span,.account-management-card small{display:block;color:var(--muted);font-size:.72rem}.account-management-card strong{display:block;margin:.18rem 0}.account-password-form{margin-top:.8rem}
.suggestion-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.suggestion-form .wide{grid-column:1/-1}.suggestion-privacy-note{display:flex;gap:.7rem;align-items:flex-start;padding:.8rem;border-left:3px solid #48deab;background:rgba(72,222,171,.07)}.suggestion-privacy-note strong{white-space:nowrap;color:#7ff0c7}.suggestion-privacy-note span{color:var(--muted);font-size:.78rem}.suggestion-thanks{text-align:center}.suggestion-admin-filters{grid-template-columns:1fr 1fr auto}.admin-suggestion-list{display:grid;gap:.65rem}.admin-suggestion-card{padding:.85rem;border:1px solid var(--border);background:rgba(255,255,255,.018)}.admin-suggestion-head{display:flex;justify-content:space-between;gap:.7rem;align-items:flex-start}.admin-suggestion-head>div{display:flex;align-items:center;gap:.55rem}.suggestion-category{padding:.25rem .4rem;border:1px solid rgba(255,145,36,.38);color:#ffb25e;background:rgba(255,145,36,.07);font-size:.68rem;font-weight:800}.admin-suggestion-head strong{font-size:.72rem;color:var(--muted)}.admin-suggestion-card>p{white-space:pre-wrap;line-height:1.5}.admin-suggestion-review{display:grid;grid-template-columns:minmax(160px,.35fr) minmax(0,1fr) auto;gap:.55rem;align-items:end}.admin-suggestion-review .wide{grid-column:auto}
@media(max-width:1100px){.public-player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.account-recommendation{grid-template-columns:auto 1fr}.account-recommendation-actions{grid-column:1/-1;justify-content:stretch}.account-recommendation-actions button{flex:1}.player-directory-toolbar{grid-template-columns:1fr 1fr}.player-directory-toolbar .wide{grid-column:1/-1}.public-player-grid{grid-template-columns:1fr}.player-directory-hero-mark{display:none}.suggestion-hero{align-items:flex-start;flex-direction:column}.suggestion-form{grid-template-columns:1fr}.account-management-grid{grid-template-columns:1fr}.admin-suggestion-review{grid-template-columns:1fr}.admin-suggestion-review .wide{grid-column:1}.public-player-stat-row{grid-template-columns:repeat(2,1fr)}}

/* v8.1.8 Events & Competition Clarity, Profile Uploads, Account Directory */
.clarity-map-v818 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 1rem;
  align-items: stretch;
}
.clarity-map-v818 article,
.competition-guide-v818 {
  display: flex;
  gap: .85rem;
  align-items: flex-start;
}
.clarity-map-v818 article > span {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 2.6rem;
  height: 2.6rem;
  border: 1px solid rgba(255,145,36,.5);
  background: rgba(255,145,36,.08);
  color: var(--accent);
  font-weight: 950;
}
.clarity-map-v818 h3,
.competition-guide-v818 h3 { margin: .1rem 0 .35rem; }
.clarity-map-v818 p:last-child,
.competition-guide-v818 p:last-child { margin: 0; color: var(--muted); line-height: 1.55; }
.clarity-arrow-v818 { align-self: center; color: var(--accent); font-size: 1.7rem; font-weight: 900; }

.public-event-groups-v818 {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 1.25rem;
}
.event-stage-group-v818 {
  min-width: 0;
  border-left: 3px solid var(--line);
  padding-left: .9rem;
}
.event-stage-group-v818.open { border-left-color: var(--success); }
.event-stage-group-v818.upcoming { border-left-color: var(--info); }
.event-stage-group-v818.closed { border-left-color: var(--muted); }
.event-stage-heading-v818 {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 1rem;
  margin-bottom: .75rem;
}
.event-stage-heading-v818 h3 { margin: .08rem 0 0; }
.event-stage-heading-v818 > p { max-width: 520px; margin: 0; color: var(--muted); font-size: .82rem; text-align: right; }
.clarity-event-card-v818 { display: flex; flex-direction: column; gap: .75rem; }
.event-card-badge-row-v818 { display: flex; justify-content: space-between; gap: .55rem; align-items: center; }
.event-type-badge-v818 {
  display: inline-flex;
  align-items: center;
  min-height: 1.8rem;
  padding: .32rem .55rem;
  border: 1px solid rgba(168,121,255,.42);
  background: rgba(168,121,255,.08);
  color: #c9aaff;
  font-size: .67rem;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.event-relationship-v818 {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .18rem .55rem;
  padding: .65rem .72rem;
  border: 1px solid rgba(79,140,255,.28);
  background: rgba(79,140,255,.055);
}
.event-relationship-v818 > span { color: var(--muted); font-size: .7rem; text-transform: uppercase; letter-spacing: .08em; }
.event-relationship-v818 > strong { min-width: 0; overflow-wrap: anywhere; }
.event-relationship-v818 > small { grid-column: 2; color: var(--muted); }
.event-relationship-v818.standalone { border-color: var(--line); background: rgba(255,255,255,.025); }
.event-format-grid-v818 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .45rem;
}
.event-format-grid-v818 > div {
  min-width: 0;
  padding: .55rem;
  border: 1px solid var(--line);
  background: rgba(0,0,0,.18);
}
.event-format-grid-v818 span,
.event-registration-window-v818 > span {
  display: block;
  color: var(--muted);
  font-size: .63rem;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.event-format-grid-v818 strong { display: block; margin-top: .14rem; font-size: .78rem; overflow-wrap: anywhere; }
.event-registration-window-v818 {
  display: grid;
  grid-template-columns: 1fr auto auto auto;
  gap: .55rem;
  align-items: center;
  padding: .6rem .7rem;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.event-registration-window-v818 strong { font-size: .75rem; }
.event-registration-window-v818 i { color: var(--accent); font-style: normal; }
.clarity-event-card-v818 .public-event-actions { margin-top: auto; }

.competition-guide-v818 { border-color: rgba(168,121,255,.35); background: linear-gradient(145deg, rgba(168,121,255,.08), var(--panel)); }
.competition-selection-summary-v818 { border-color: rgba(79,140,255,.35); }
.competition-summary-head-v818 { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-start; }
.competition-summary-head-v818 h2 { margin: .15rem 0 .35rem; font-size: clamp(1.2rem, 2.5vw, 1.75rem); }
.competition-summary-head-v818 p:last-child { margin: 0; color: var(--muted); }
.competition-summary-grid-v818 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .65rem;
  margin-top: .9rem;
}
.competition-summary-grid-v818 article {
  min-width: 0;
  padding: .72rem;
  border: 1px solid var(--line);
  background: rgba(0,0,0,.18);
}
.competition-summary-grid-v818 span,
.competition-summary-grid-v818 small,
.competition-next-match-v818 span,
.competition-next-match-v818 small { display: block; color: var(--muted); font-size: .7rem; }
.competition-summary-grid-v818 strong { display: block; margin: .16rem 0; overflow-wrap: anywhere; }
.competition-next-match-v818 {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: .7rem;
  align-items: center;
  margin-top: .65rem;
  padding: .72rem;
  border-left: 3px solid var(--accent);
  background: rgba(255,145,36,.055);
}
.competition-next-match-v818 > span { text-transform: uppercase; letter-spacing: .08em; }
.competition-next-match-v818 > small { text-align: right; }
.match-public-controls label { min-width: min(100%, 460px); }
.match-public-controls label small { display: block; margin-top: .25rem; color: var(--muted); }

.profile-image-control-v818 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .7rem;
  padding: .85rem;
  border: 1px solid rgba(79,140,255,.32);
  background: rgba(79,140,255,.045);
}
.profile-image-control-v818 > .section-heading,
.profile-image-actions-v818 { grid-column: 1 / -1; }
.profile-image-control-v818 input[type="file"] {
  width: 100%;
  padding: .55rem;
  border: 1px dashed rgba(79,140,255,.5);
  background: rgba(0,0,0,.16);
}
.profile-image-actions-v818 { display: flex; align-items: center; gap: .7rem; flex-wrap: wrap; }
.profile-image-actions-v818 .muted { font-size: .75rem; }
.player-account-badges-v818 { margin-left: auto; display: grid; justify-items: end; gap: .35rem; }
.account-stage-badge-v818 {
  padding: .26rem .42rem;
  border: 1px solid var(--line);
  font-size: .62rem;
  font-weight: 850;
  white-space: nowrap;
}
.account-stage-badge-v818.active { color: #7ff0c7; border-color: rgba(72,222,171,.42); background: rgba(72,222,171,.08); }
.account-stage-badge-v818.member { color: #9fc0ff; border-color: rgba(79,140,255,.42); background: rgba(79,140,255,.08); }

@media (max-width: 900px) {
  .clarity-map-v818 { grid-template-columns: 1fr; }
  .clarity-arrow-v818 { transform: rotate(90deg); justify-self: center; }
  .event-format-grid-v818,
  .competition-summary-grid-v818 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .competition-next-match-v818 { grid-template-columns: 1fr; }
  .competition-next-match-v818 > small { text-align: left; }
}
@media (max-width: 640px) {
  .event-stage-heading-v818,
  .competition-summary-head-v818 { align-items: flex-start; flex-direction: column; }
  .event-stage-heading-v818 > p { text-align: left; }
  .event-format-grid-v818,
  .competition-summary-grid-v818,
  .profile-image-control-v818 { grid-template-columns: 1fr; }
  .event-registration-window-v818 { grid-template-columns: 1fr; }
  .event-registration-window-v818 i { transform: rotate(90deg); width: max-content; }
  .player-account-badges-v818 { margin-left: 0; justify-items: start; }
  .public-player-card-head { align-items: flex-start; flex-wrap: wrap; }
}


/* v8.1.9 — player status and profile moderation */
.player-status-badge-v819 {
  display: inline-flex; align-items: center; justify-content: center; min-height: 1.65rem;
  padding: .28rem .58rem; border: 1px solid rgba(120,160,220,.4); border-radius: 999px;
  background: rgba(79,140,255,.08); color: #b8d0ff; font-size: .68rem; font-weight: 900;
  letter-spacing: .05em; text-transform: uppercase; white-space: nowrap;
}
.player-status-active .player-status-badge-v819, .player-status-badge-v819.player-status-active { color: #7ff0c7; border-color: rgba(72,222,171,.45); background: rgba(72,222,171,.09); }
.player-status-on-break .player-status-badge-v819, .player-status-badge-v819.player-status-on-break { color: #9fc0ff; border-color: rgba(79,140,255,.45); background: rgba(79,140,255,.09); }
.player-status-inactive .player-status-badge-v819, .player-status-badge-v819.player-status-inactive { color: #c0c7d2; border-color: rgba(170,180,195,.35); background: rgba(170,180,195,.07); }
.player-status-retired .player-status-badge-v819, .player-status-badge-v819.player-status-retired { color: #d7b8ff; border-color: rgba(168,121,255,.45); background: rgba(168,121,255,.09); }
.player-status-suspended .player-status-badge-v819, .player-status-badge-v819.player-status-suspended { color: #ffd38b; border-color: rgba(255,173,64,.5); background: rgba(255,173,64,.1); }
.player-status-banned .player-status-badge-v819, .player-status-badge-v819.player-status-banned { color: #ff9f9f; border-color: rgba(255,89,89,.5); background: rgba(255,89,89,.1); }
.player-status-note-v819 { margin: 0; padding: .65rem .75rem; border-left: 3px solid var(--accent); background: rgba(255,255,255,.035); color: var(--muted); font-size: .78rem; }
.profile-status-note-v819 { margin-top: .18rem; color: var(--muted); }
.own-profile-state-v819 { margin-left: auto; display: grid; justify-items: end; gap: .38rem; }
.own-profile-state-v819 em { color: var(--muted); font-size: .7rem; font-style: normal; }
.admin-directory-identity-v819 { display: flex; align-items: center; gap: .75rem; min-width: 0; }
.admin-directory-avatar-v819, .admin-player-avatar-v819 { width: 3rem; height: 3rem; border-radius: 14px; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; border: 1px solid var(--line); background: rgba(255,255,255,.05); font-weight: 900; }
.admin-directory-avatar-v819 img, .admin-player-avatar-v819 img { width: 100%; height: 100%; object-fit: cover; }
.admin-directory-badges-v819 { display: flex; align-items: center; justify-content: flex-end; gap: .45rem; flex-wrap: wrap; }
.admin-player-moderation-v819 { margin-top: .8rem; border: 1px solid var(--line); border-radius: 14px; background: rgba(0,0,0,.14); }
.admin-player-moderation-v819 > summary { cursor: pointer; padding: .8rem .9rem; font-weight: 850; }
.admin-player-moderation-v819[open] > summary { border-bottom: 1px solid var(--line); }
.admin-player-moderation-head-v819 { display: flex; align-items: center; gap: .75rem; padding: .9rem .9rem 0; }
.admin-player-moderation-head-v819 > div { display: grid; gap: .2rem; }
.admin-player-moderation-head-v819 small { color: var(--muted); }
.admin-player-status-form-v819 { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .75rem; padding: .9rem; }
.admin-player-status-form-v819 .wide { grid-column: 1 / -1; }
.public-player-card.player-status-suspended, .public-player-card.player-status-banned { border-color: rgba(255,120,80,.28); }
@media (max-width: 720px) {
  .own-profile-state-v819 { margin-left: 0; justify-items: start; }
  .admin-player-status-form-v819 { grid-template-columns: 1fr; }
  .admin-directory-badges-v819 { justify-content: flex-start; }
}


/* v8.1.10 — profile pages, direct upload emphasis and dedicated admin moderation */
.public-player-card { cursor: default; }
.public-player-card [data-open-player-profile] { min-width: 9.5rem; }
.public-player-profile-dialog-v8110 { width: min(1040px, calc(100vw - 28px)); max-height: calc(100vh - 28px); padding: 0; border: 1px solid rgba(255,255,255,.14); border-radius: 22px; background: #0b111a; color: inherit; box-shadow: 0 28px 90px rgba(0,0,0,.62); overflow: hidden; }
.public-player-profile-dialog-v8110::backdrop { background: rgba(2,6,12,.82); backdrop-filter: blur(5px); }
.public-player-profile-dialog-shell-v8110 { max-height: calc(100vh - 30px); overflow: auto; }
.public-player-profile-dialog-bar-v8110 { position: sticky; top: 0; z-index: 4; display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: 15px 18px; border-bottom: 1px solid rgba(255,255,255,.1); background: rgba(11,17,26,.96); backdrop-filter: blur(10px); }
.public-player-profile-dialog-bar-v8110 p { margin: 0 0 2px; }
.dialog-close-v8110 { width: 42px; height: 42px; border-radius: 50%; border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.05); color: #fff; font-size: 1.65rem; line-height: 1; cursor: pointer; }
.public-player-profile-page-v8110 { padding: 22px; }
.public-player-profile-hero-v8110 { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 20px; align-items: center; padding: 24px; border: 1px solid rgba(255,255,255,.1); border-radius: 20px; background: linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.02)); }
.public-player-profile-avatar-v8110 { width: 132px; height: 132px; border-radius: 24px; overflow: hidden; display: grid; place-items: center; font-size: 2.4rem; font-weight: 900; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); }
.public-player-profile-avatar-v8110 img { width: 100%; height: 100%; object-fit: cover; }
.public-player-profile-title-v8110 h2 { margin: 2px 0 8px; font-size: clamp(1.7rem, 4vw, 2.7rem); }
.public-player-profile-title-v8110 > p:not(.eyebrow) { margin: 0 0 12px; color: var(--muted); }
.public-player-profile-notice-v8110 { display: flex; gap: 12px; align-items: flex-start; margin-top: 14px; padding: 13px 15px; border: 1px solid rgba(255,184,77,.25); border-radius: 14px; background: rgba(255,184,77,.07); }
.public-player-profile-grid-v8110 { display: grid; grid-template-columns: minmax(0,1.55fr) minmax(260px,.75fr); gap: 18px; margin-top: 18px; }
.public-player-profile-main-v8110, .public-player-profile-side-v8110 { display: grid; gap: 14px; align-content: start; }
.public-player-profile-section-v8110 { padding: 18px; border: 1px solid rgba(255,255,255,.1); border-radius: 16px; background: rgba(255,255,255,.025); }
.public-player-profile-section-v8110 > p:last-child { margin-bottom: 0; }
.public-player-profile-facts-v8110, .public-player-profile-stat-grid-v8110 { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.public-player-profile-facts-v8110 > div, .public-player-profile-stat-grid-v8110 > div { padding: 12px; border-radius: 12px; background: rgba(255,255,255,.045); }
.public-player-profile-facts-v8110 span, .public-player-profile-stat-grid-v8110 span, .public-player-profile-history-v8110 span { display: block; color: var(--muted); font-size: .76rem; text-transform: uppercase; letter-spacing: .08em; }
.public-player-profile-facts-v8110 strong, .public-player-profile-stat-grid-v8110 strong { display: block; margin-top: 4px; }
.public-player-profile-history-v8110 { display: grid; gap: 12px; }
.public-player-profile-history-v8110 > div { padding: 12px; border-radius: 12px; background: rgba(255,255,255,.035); }
.public-player-profile-history-v8110 p { margin: 5px 0 0; }
.public-player-profile-meta-v8110 { display: grid; gap: 9px; }
.public-player-profile-meta-v8110 span { display: flex; justify-content: space-between; gap: 12px; color: var(--muted); }
.public-player-profile-meta-v8110 strong { color: var(--text); text-align: right; }
.public-player-profile-actions-v8110 { display: grid; }
.profile-image-control-v8110 { border: 1px solid rgba(80,190,255,.28); background: linear-gradient(135deg, rgba(52,145,220,.08), rgba(255,255,255,.025)); }
.profile-file-upload-grid-v8110 { display: grid; grid-template-columns: minmax(0,1fr) 150px; gap: 16px; align-items: stretch; }
.profile-file-picker-v8110 { display: grid; align-content: center; gap: 10px; min-height: 138px; padding: 18px; border: 1px dashed rgba(102,198,255,.48); border-radius: 16px; background: rgba(31,123,190,.08); }
.profile-file-picker-v8110 input[type="file"] { width: 100%; padding: 11px; border-radius: 10px; background: rgba(0,0,0,.2); }
.profile-file-preview-v8110 { position: relative; min-height: 138px; border-radius: 16px; overflow: hidden; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.035); }
.profile-file-preview-v8110 img { width: 100%; height: 100%; min-height: 138px; object-fit: cover; }
.profile-file-preview-v8110 > span:not(.profile-file-preview-empty-v8110) { position: absolute; right: 8px; bottom: 8px; padding: 4px 8px; border-radius: 999px; background: rgba(0,0,0,.72); font-size: .72rem; }
.profile-file-preview-empty-v8110 { color: var(--muted); text-align: center; padding: 12px; }
.profile-url-fallback-v8110 { margin-top: 12px; padding: 12px 14px; border: 1px solid rgba(255,255,255,.09); border-radius: 12px; }
.profile-url-fallback-v8110 summary { cursor: pointer; font-weight: 700; }
.profile-url-fallback-v8110 label { margin-top: 12px; }
.admin-player-moderation-panel-v8110 { border-color: rgba(255,156,82,.26); }
.admin-moderation-select-v8110 { margin-bottom: 14px; }
.admin-moderation-preview-v8110 { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 16px; align-items: center; margin-bottom: 16px; padding: 16px; border: 1px solid rgba(255,255,255,.1); border-radius: 16px; background: rgba(255,255,255,.03); }
.admin-moderation-avatar-v8110 { width: 88px; height: 88px; border-radius: 18px; overflow: hidden; display: grid; place-items: center; background: rgba(255,255,255,.07); font-size: 1.5rem; font-weight: 900; }
.admin-moderation-avatar-v8110 img { width: 100%; height: 100%; object-fit: cover; }
.admin-moderation-preview-v8110 h3 { margin: 2px 0 8px; }
@media (max-width: 760px) {
  .public-player-profile-grid-v8110 { grid-template-columns: 1fr; }
  .public-player-profile-hero-v8110 { grid-template-columns: 1fr; text-align: center; }
  .public-player-profile-avatar-v8110 { margin: 0 auto; width: 112px; height: 112px; }
  .public-player-profile-title-v8110 .player-account-badges-v818 { justify-content: center; }
  .profile-file-upload-grid-v8110 { grid-template-columns: 1fr; }
  .profile-file-preview-v8110 { min-height: 190px; }
  .admin-moderation-preview-v8110 { grid-template-columns: 1fr; text-align: center; }
  .admin-moderation-avatar-v8110 { margin: 0 auto; }
}

.header-build-status-v8110{display:flex;align-items:center;gap:.55rem}.build-badge-v8110{display:inline-flex;align-items:center;padding:.34rem .58rem;border:1px solid rgba(255,145,36,.5);background:rgba(255,145,36,.12);color:#ffb05e;font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}@media(max-width:700px){.header-build-status-v8110{flex-direction:column;align-items:flex-end;gap:.3rem}}

/* --------------------------------------------------------------------------
   v8.2.0 — Tournament cleanup assistant and mobile competition pass
   -------------------------------------------------------------------------- */

.draft-balance-assistant-v820,
.tournament-cleanup-summary-v820 {
  margin: 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(245, 131, 31, .28);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(245, 131, 31, .075), rgba(15, 23, 35, .72));
}

.draft-balance-assistant-head-v820 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: .85rem;
}

.draft-balance-assistant-head-v820 h4,
.tournament-cleanup-summary-v820 h3 {
  margin: .15rem 0 .35rem;
}

.balance-suggestion-card-v820 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) minmax(170px, .8fr);
  align-items: stretch;
  gap: .75rem;
}

.balance-suggestion-card-v820 > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: .2rem;
  padding: .8rem;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 12px;
  background: rgba(8, 13, 22, .55);
}

.balance-suggestion-card-v820 span,
.tournament-cleanup-grid-v820 span {
  color: var(--muted);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.balance-suggestion-card-v820 small,
.tournament-cleanup-grid-v820 small {
  color: var(--muted);
}

.balance-swap-arrow-v820 {
  align-self: center;
  color: #ffb067;
  font-size: 1.4rem;
  font-weight: 900;
}

.balance-improvement-v820 {
  border-color: rgba(84, 214, 153, .28) !important;
  background: rgba(84, 214, 153, .07) !important;
}

.tournament-cleanup-grid-v820 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem;
}

.tournament-cleanup-grid-v820 > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: .22rem;
  padding: .85rem;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 12px;
  background: rgba(8, 13, 22, .48);
}

.tournament-cleanup-grid-v820 strong {
  font-size: 1.05rem;
}

.cleanup-warning-list-v820 {
  margin-top: .8rem;
  padding: .85rem 1rem;
  border: 1px solid rgba(255, 196, 87, .28);
  border-radius: 12px;
  background: rgba(255, 196, 87, .07);
}

.cleanup-warning-list-v820 p {
  margin: .35rem 0 0;
  color: var(--muted);
}

.cleanup-order-v820 {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin-top: .8rem;
}

.cleanup-order-v820 strong {
  width: 100%;
}

.cleanup-order-v820 span {
  padding: .4rem .58rem;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 999px;
  background: rgba(255, 255, 255, .035);
  color: var(--muted);
  font-size: .74rem;
  font-weight: 750;
}

@media (max-width: 980px) {
  .tournament-cleanup-grid-v820 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .balance-suggestion-card-v820 {
    grid-template-columns: 1fr auto 1fr;
  }

  .balance-improvement-v820 {
    grid-column: 1 / -1;
  }
}

@media (max-width: 720px) {
  .draft-balance-assistant-v820,
  .tournament-cleanup-summary-v820 {
    padding: .78rem;
    border-radius: 13px;
  }

  .draft-balance-assistant-head-v820 {
    flex-direction: column;
  }

  .draft-balance-assistant-head-v820 .compact-actions,
  .draft-balance-assistant-head-v820 .compact-actions button {
    width: 100%;
  }

  .balance-suggestion-card-v820,
  .tournament-cleanup-grid-v820 {
    grid-template-columns: 1fr;
  }

  .balance-swap-arrow-v820 {
    transform: rotate(90deg);
  }

  .balance-improvement-v820 {
    grid-column: auto;
  }

  .cleanup-order-v820 {
    flex-direction: column;
  }

  .cleanup-order-v820 span {
    border-radius: 10px;
  }

  .bracket-board,
  .bracket-board.public {
    max-width: 100%;
    overflow: hidden;
  }

  .bracket-round-track {
    display: flex;
    max-width: 100%;
    gap: .7rem;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    padding: 0 0 .8rem;
    scroll-padding-inline: .2rem;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  .bracket-round-column {
    flex: 0 0 min(86vw, 300px);
    min-width: 0;
    scroll-snap-align: start;
  }

  .bracket-round-column > h4 {
    position: sticky;
    top: 0;
    z-index: 2;
    padding: .45rem .2rem;
    background: rgba(12, 18, 29, .94);
    backdrop-filter: blur(8px);
  }

  .bracket-status-form,
  .bracket-schedule-form {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .bracket-status-form > *,
  .bracket-schedule-form > *,
  .match-room-action-panel button,
  .match-room-list-card > button {
    width: 100%;
  }

  .match-room-detail,
  .match-room-preview-card,
  .match-room-list-card,
  .match-room-action-panel {
    padding: .78rem;
  }

  .match-room-lineup > div,
  .bracket-participant {
    align-items: flex-start;
    gap: .25rem;
  }

  .match-room-lineup > div {
    flex-direction: column;
  }

  .public-match-room-dialog {
    width: calc(100vw - 1rem);
    max-height: calc(100dvh - 1rem);
    margin: .5rem;
  }
}

/* -------------------------------------------------------------------------
   v8.2.0 — Live tournament dashboard
   ------------------------------------------------------------------------- */
.live-tab-v82 { position: relative; }
.live-nav-pulse-v82 { width: .55rem; height: .55rem; border-radius: 50%; background: var(--danger); box-shadow: 0 0 0 0 rgba(255,107,122,.55); animation: livePulseV82 1.8s infinite; position: absolute; top: .55rem; right: .55rem; }
@keyframes livePulseV82 { 0% { box-shadow: 0 0 0 0 rgba(255,107,122,.5); } 70% { box-shadow: 0 0 0 .5rem rgba(255,107,122,0); } 100% { box-shadow: 0 0 0 0 rgba(255,107,122,0); } }

.live-broadcast-shell-v82 { position: relative; }
.live-dashboard-hero-v82 { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(280px, .6fr); gap: 1.25rem; align-items: end; overflow: hidden; background: radial-gradient(circle at 88% 12%, rgba(255,90,54,.18), transparent 34%), linear-gradient(145deg, rgba(28,35,51,.98), rgba(12,17,26,.98)); }
.live-dashboard-hero-v82::after { content: "LIVE"; position: absolute; right: clamp(1rem, 4vw, 2.5rem); top: -.35rem; font-size: clamp(4rem, 14vw, 9rem); font-weight: 950; letter-spacing: -.08em; color: rgba(255,255,255,.025); pointer-events: none; }
.live-dashboard-hero-copy-v82, .live-dashboard-controls-v82 { position: relative; z-index: 1; }
.live-dashboard-hero-copy-v82 h2 { margin-bottom: .45rem; font-size: clamp(1.8rem, 5vw, 3.2rem); }
.live-dashboard-hero-copy-v82 > p:not(.eyebrow) { max-width: 760px; color: var(--muted); line-height: 1.6; }
.live-dashboard-title-row-v82 { display: flex; gap: .65rem; align-items: center; flex-wrap: wrap; margin-bottom: .85rem; }
.live-status-badge-v82 { display: inline-flex; align-items: center; gap: .45rem; border: 1px solid rgba(255,107,122,.45); background: rgba(255,107,122,.1); color: var(--danger); border-radius: 999px; padding: .42rem .72rem; font-weight: 950; text-transform: uppercase; letter-spacing: .09em; font-size: .72rem; }
.live-status-badge-v82::before { content: ""; width: .5rem; height: .5rem; border-radius: 50%; background: currentColor; }
.live-status-badge-v82.live { color: var(--success); border-color: rgba(61,220,151,.45); background: rgba(61,220,151,.09); }
.live-updated-v82 { color: var(--muted); font-size: .78rem; }
.live-competition-path-v82 { display: inline-flex; flex-wrap: wrap; padding: .65rem .85rem; border: 1px solid var(--line); background: rgba(7,10,16,.55); border-radius: 12px; font-size: .85rem; font-weight: 800; }
.live-dashboard-controls-v82 { display: grid; gap: .8rem; }
.live-control-actions-v82 { justify-content: flex-end; }

.live-summary-grid-v82 { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: .8rem; margin-bottom: 1rem; }
.live-summary-card-v82 { min-width: 0; border: 1px solid var(--line); background: linear-gradient(180deg, rgba(24,31,45,.96), rgba(15,20,30,.96)); border-radius: 16px; padding: 1rem; box-shadow: 0 12px 28px rgba(0,0,0,.12); }
.live-summary-card-v82 > span { display: block; color: var(--muted); font-size: .72rem; font-weight: 900; text-transform: uppercase; letter-spacing: .11em; margin-bottom: .35rem; }
.live-summary-card-v82 > strong { display: block; font-size: clamp(1.1rem, 2.5vw, 1.55rem); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.live-summary-card-v82 > small { display: block; margin-top: .35rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.live-progress-v82 { height: .35rem; margin-top: .8rem; border-radius: 999px; overflow: hidden; background: #080c13; }
.live-progress-v82 i { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--accent), var(--success)); transition: width .35s ease; }

.live-primary-grid-v82, .live-secondary-grid-v82 { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1rem; }
.live-primary-grid-v82 > .panel, .live-secondary-grid-v82 > .panel { min-width: 0; }
.live-featured-match-v82 { min-height: 320px; }
.live-featured-match-body-v82 { display: grid; align-content: center; min-height: 220px; }
.live-featured-versus-v82 { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); gap: 1rem; align-items: center; text-align: center; }
.live-featured-side-v82 { display: grid; gap: .55rem; justify-items: center; }
.live-featured-side-v82 strong { font-size: clamp(1.25rem, 4vw, 2rem); line-height: 1.05; }
.live-featured-score-v82 { font-size: clamp(2.5rem, 8vw, 4.5rem); font-weight: 950; line-height: 1; }
.live-featured-vs-v82 { color: var(--muted); font-weight: 950; letter-spacing: .12em; }
.live-featured-meta-v82 { display: flex; flex-wrap: wrap; justify-content: center; gap: .55rem; margin-top: 1.25rem; color: var(--muted); font-size: .82rem; }
.live-featured-meta-v82 span { border: 1px solid var(--line); border-radius: 999px; padding: .42rem .65rem; background: rgba(9,13,20,.48); }

.live-stream-frame-v82 { position: relative; min-height: 280px; border-radius: 14px; overflow: hidden; border: 1px solid var(--line); background: #070a10; }
.live-stream-frame-v82 iframe { display: block; width: 100%; min-height: 315px; border: 0; }
.live-stream-placeholder-v82 { min-height: 280px; display: grid; place-items: center; text-align: center; padding: 1.5rem; color: var(--muted); }
.button-link { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }

.live-match-list-v82, .live-result-list-v82 { display: grid; gap: .65rem; }
.live-match-row-v82, .live-result-row-v82 { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: .8rem; align-items: center; border: 1px solid var(--line); background: rgba(9,13,20,.48); border-radius: 13px; padding: .78rem .85rem; }
.live-match-row-v82 strong, .live-result-row-v82 strong { display: block; margin-bottom: .2rem; }
.live-match-row-v82 small, .live-result-row-v82 small { display: block; }
.live-match-time-v82, .live-result-score-v82 { text-align: right; font-weight: 950; white-space: nowrap; }
.live-result-score-v82 { font-size: 1.2rem; }
.live-winner-v82 { color: var(--success); }
.live-standings-table-v82 th, .live-standings-table-v82 td { white-space: nowrap; }
.live-bracket-snapshot-v82 { display: grid; gap: .65rem; }
.live-bracket-round-v82 { border: 1px solid var(--line); border-radius: 13px; padding: .8rem; background: rgba(9,13,20,.45); }
.live-bracket-round-v82 h3 { margin: 0 0 .55rem; font-size: .9rem; color: var(--accent-2); }
.live-bracket-game-v82 { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); gap: .45rem; align-items: center; font-size: .78rem; padding: .28rem 0; }
.live-bracket-game-v82 span:last-child { text-align: right; }
.live-bracket-game-v82 em { color: var(--muted); font-style: normal; }
.live-admin-toggle-grid-v82 { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .7rem; padding: .85rem; border: 1px solid var(--line); border-radius: 13px; background: rgba(9,13,20,.4); }

body.live-fullscreen-v82 { overflow: hidden; background: #070a10; }
body.live-fullscreen-v82 .site-header, body.live-fullscreen-v82 .tabs, body.live-fullscreen-v82 .page-context, body.live-fullscreen-v82 footer { display: none !important; }
body.live-fullscreen-v82 .shell { width: 100%; max-width: none; margin: 0; }
body.live-fullscreen-v82 .workspace-content { width: 100%; }
body.live-fullscreen-v82 #liveView { display: block; min-height: 100vh; padding: 1rem; }
body.live-fullscreen-v82 .live-broadcast-shell-v82 { max-width: 1800px; margin: 0 auto; }
body.live-fullscreen-v82 .live-dashboard-hero-v82 { position: sticky; top: 0; z-index: 3; }

@media (max-width: 900px) {
  .live-dashboard-hero-v82 { grid-template-columns: 1fr; align-items: stretch; }
  .live-control-actions-v82 { justify-content: flex-start; }
  .live-summary-grid-v82 { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .live-primary-grid-v82, .live-secondary-grid-v82 { grid-template-columns: 1fr; }
  .live-admin-toggle-grid-v82 { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 560px) {
  .live-summary-grid-v82 { grid-template-columns: 1fr; }
  .live-dashboard-controls-v82 button { flex: 1 1 calc(50% - .5rem); }
  .live-featured-versus-v82 { grid-template-columns: 1fr; gap: .65rem; }
  .live-featured-vs-v82 { order: 2; }
  .live-featured-side-v82:last-child { order: 3; }
  .live-match-row-v82, .live-result-row-v82 { grid-template-columns: 1fr; }
  .live-match-time-v82, .live-result-score-v82 { text-align: left; }
  .live-admin-toggle-grid-v82 { grid-template-columns: 1fr; }
}
#liveBroadcastShellV82:fullscreen { background: #070a10; padding: 1rem; overflow: auto; }
#liveBroadcastShellV82:-webkit-full-screen { background: #070a10; padding: 1rem; overflow: auto; }

/* --------------------------------------------------------------------------
   CTS v8.3.1 — Discord linking clarity and bot integration
   -------------------------------------------------------------------------- */

.discord-account-state-v83 {
  margin-bottom: 1rem;
}

.discord-linked-card-v83 {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: center;
  padding: 1rem;
  border: 1px solid rgba(88, 101, 242, 0.38);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(88, 101, 242, 0.12), rgba(16, 23, 34, 0.72));
}

.discord-linked-card-v83 img,
.discord-avatar-fallback-v83 {
  width: 64px;
  height: 64px;
  border-radius: 18px;
  object-fit: cover;
  display: grid;
  place-items: center;
  font-size: 1.45rem;
  font-weight: 900;
  background: rgba(88, 101, 242, 0.24);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.discord-linked-card-v83 div {
  display: grid;
  gap: 0.2rem;
  min-width: 0;
}

.discord-linked-card-v83 div > span,
.discord-linked-card-v83 div > small,
.discord-linked-card-v83 div > em {
  color: var(--muted);
  font-size: 0.8rem;
  font-style: normal;
}

.discord-linked-card-v83 strong {
  font-size: 1.15rem;
  overflow-wrap: anywhere;
}

.discord-link-code-panel-v83 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem;
  margin: 1rem 0;
  border: 1px solid rgba(255, 155, 51, 0.42);
  border-radius: 16px;
  background: rgba(255, 155, 51, 0.09);
}

.discord-link-code-panel-v83 > div:first-child {
  display: grid;
  gap: 0.35rem;
}

.discord-link-code-panel-v83 code {
  width: fit-content;
  padding: 0.55rem 0.75rem;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.28);
  font-size: 1.3rem;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.discord-link-code-panel-v83 small,
.discord-link-steps-v83 {
  color: var(--muted);
}

.discord-link-steps-v83 {
  margin: 1rem 0;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.025);
}

.discord-link-steps-v83 ol {
  margin: 0.65rem 0 0 1.2rem;
  display: grid;
  gap: 0.45rem;
}

.discord-bot-health-grid-v83 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.8rem;
  margin-bottom: 1rem;
}

.discord-bot-feature-grid-v83 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.7rem;
  padding: 0.8rem;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.025);
}

.discord-result-list-v83 {
  display: grid;
  gap: 0.85rem;
}

.discord-result-card-v83 {
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.025);
}

.discord-result-head-v83 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 0.75rem;
}

.discord-result-head-v83 > div {
  display: grid;
  gap: 0.25rem;
}

.discord-result-head-v83 span,
.discord-result-head-v83 small {
  color: var(--muted);
}

.discord-result-head-v83 strong {
  font-size: 1.05rem;
}

.discord-result-review-v83 {
  display: grid;
  gap: 0.75rem;
  margin-top: 0.75rem;
}

.discord-result-review-v83 textarea {
  min-height: 84px;
}

@media (max-width: 920px) {
  .discord-bot-health-grid-v83 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .discord-linked-card-v83 {
    grid-template-columns: 52px minmax(0, 1fr);
  }

  .discord-linked-card-v83 img,
  .discord-avatar-fallback-v83 {
    width: 52px;
    height: 52px;
  }

  .discord-linked-card-v83 > .status-badge {
    grid-column: 1 / -1;
    width: fit-content;
  }

  .discord-link-code-panel-v83,
  .discord-result-head-v83 {
    align-items: stretch;
    flex-direction: column;
  }

  .discord-link-code-panel-v83 .action-row,
  .discord-result-head-v83 .status-badge {
    width: 100%;
  }

  .discord-bot-health-grid-v83,
  .discord-bot-feature-grid-v83 {
    grid-template-columns: 1fr;
  }
}


/* CTS v8.3.1 — prominent Discord link/sync code card */
.discord-link-quick-card-v831 {
  display: grid;
  gap: 1rem;
  margin: 1rem 0;
  border-color: rgba(88, 101, 242, 0.48);
  background:
    radial-gradient(circle at 88% 12%, rgba(88, 101, 242, 0.24), transparent 32%),
    linear-gradient(135deg, rgba(88, 101, 242, 0.12), rgba(11, 16, 25, 0.94));
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.22);
}

.discord-link-quick-main-v831 {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: center;
}

.discord-link-quick-icon-v831 {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(88, 101, 242, 0.95), rgba(78, 91, 220, 0.72));
  color: #fff;
  font-size: 1.55rem;
  font-weight: 950;
  box-shadow: 0 10px 24px rgba(88, 101, 242, 0.28);
}

.discord-link-quick-copy-v831 {
  min-width: 0;
}

.discord-link-quick-copy-v831 h2 {
  margin: 0.1rem 0 0.35rem;
}

.discord-link-quick-copy-v831 p:last-child {
  margin: 0;
}

.discord-link-quick-code-v831 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  border: 1px solid rgba(255, 155, 51, 0.56);
  border-radius: 16px;
  background: rgba(255, 155, 51, 0.11);
}

.discord-link-quick-code-v831 > div:first-child {
  display: grid;
  gap: 0.35rem;
}

.discord-link-quick-code-v831 span,
.discord-link-quick-code-v831 small {
  color: var(--muted);
}

.discord-link-quick-code-v831 code {
  width: fit-content;
  padding: 0.68rem 0.9rem;
  border-radius: 11px;
  background: rgba(0, 0, 0, 0.34);
  color: var(--text);
  font-size: clamp(1.15rem, 3vw, 1.55rem);
  font-weight: 950;
  letter-spacing: 0.08em;
  overflow-wrap: anywhere;
  user-select: all;
}

.discord-link-quick-actions-v831 {
  margin: 0;
}

.discord-link-quick-help-v831 {
  margin: 0;
  padding: 0.75rem 0.9rem;
  border-left: 3px solid rgba(88, 101, 242, 0.75);
  background: rgba(88, 101, 242, 0.07);
  color: var(--muted);
}

.discord-link-quick-help-v831 strong {
  color: var(--text);
}

@media (max-width: 700px) {
  .discord-link-quick-main-v831 {
    grid-template-columns: 48px minmax(0, 1fr);
  }

  .discord-link-quick-icon-v831 {
    width: 48px;
    height: 48px;
    border-radius: 15px;
  }

  .discord-link-quick-main-v831 > .connection-badge {
    grid-column: 1 / -1;
    width: fit-content;
  }

  .discord-link-quick-code-v831 {
    align-items: stretch;
    flex-direction: column;
  }

  .discord-link-quick-code-v831 .action-row,
  .discord-link-quick-actions-v831 {
    width: 100%;
  }

  .discord-link-quick-code-v831 button,
  .discord-link-quick-actions-v831 button {
    flex: 1 1 100%;
  }
}

/* v8.3.2 — notification dropdowns, readable patch notes, and inbox cleanup */
.notification-dropdown-v832 {
  display: block;
  padding: 0;
  overflow: hidden;
  background: rgba(9, 13, 20, .58);
}

.notification-dropdown-v832 > summary {
  list-style: none;
}

.notification-dropdown-v832 > summary::-webkit-details-marker {
  display: none;
}

.notification-summary-v832 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .85rem;
  padding: .88rem 1rem;
  cursor: pointer;
  user-select: none;
}

.notification-summary-v832:hover {
  background: rgba(255, 255, 255, .025);
}

.notification-summary-copy-v832 {
  display: grid;
  min-width: 0;
  gap: .28rem;
}

.notification-summary-copy-v832 > strong {
  color: var(--text);
  font-size: .96rem;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.notification-summary-copy-v832 > small {
  color: var(--muted);
  font-size: .72rem;
}

.notification-summary-topline-v832 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .42rem;
}

.notification-chevron-v832 {
  flex: 0 0 auto;
  color: var(--muted);
  font-size: 1.15rem;
  transition: transform .18s ease, color .18s ease;
}

.notification-dropdown-v832[open] .notification-chevron-v832 {
  color: var(--siege-orange-soft);
  transform: rotate(180deg);
}

.notification-body-v832 {
  display: grid;
  gap: .72rem;
  padding: .95rem 1rem 1rem;
  border-top: 1px solid rgba(255, 255, 255, .07);
  background: rgba(2, 7, 13, .32);
}

.notification-message-v832 {
  margin: 0;
  color: var(--muted);
  line-height: 1.62;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.notification-actions-v832 {
  margin-top: .1rem;
}

.notification-dropdown-v832.unread .notification-summary-v832 {
  background: rgba(103, 183, 255, .045);
}

.notification-dropdown-v832[open] {
  border-color: rgba(255, 126, 28, .28);
}

@media (max-width: 620px) {
  .notification-summary-v832,
  .notification-body-v832 {
    padding-left: .78rem;
    padding-right: .78rem;
  }

  .notification-actions-v832 > button,
  .notification-actions-v832 > a {
    flex: 1 1 100%;
  }
}


/* v8.3.3 — compact linked Discord state */
.discord-link-quick-card-v831.discord-link-is-linked-v833 {
  padding: 14px 18px;
  min-height: 0;
}
.discord-linked-badge-only-v833 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.discord-linked-badge-only-v833 .connection-badge {
  font-size: 0.9rem;
  padding: 8px 12px;
}
.discord-linked-badge-only-v833.hidden { display: none; }

/* v8.4.0 — Core Staff Roles & Permissions */
.admin-permission-summary-v84 {
  margin: .35rem 0 0;
  max-width: 760px;
  color: var(--muted, #aeb7c7);
  font-size: .92rem;
  line-height: 1.45;
}

.permission-hidden-v84 {
  display: none !important;
}

.permission-read-only-v84 > summary::after {
  content: "VIEW ONLY";
  margin-left: auto;
  padding: .28rem .52rem;
  border: 1px solid rgba(148, 163, 184, .35);
  border-radius: 999px;
  color: var(--muted, #aeb7c7);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .08em;
}

.staff-management-layout-v84 {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
  gap: 1rem;
  align-items: start;
  margin-top: 1rem;
}

.staff-access-form-v84,
.staff-role-matrix-v84 {
  border: 1px solid var(--border, rgba(148, 163, 184, .2));
  border-radius: 14px;
  background: rgba(9, 14, 23, .42);
  padding: 1rem;
}

.staff-form-heading-v84 h3,
.staff-role-matrix-v84 h3 {
  margin: .15rem 0 .3rem;
}

.staff-role-grid-v84 {
  display: grid;
  gap: .65rem;
  margin-top: .8rem;
}

.staff-role-grid-v84 article {
  display: grid;
  grid-template-columns: minmax(120px, .8fr) minmax(100px, .65fr) minmax(0, 1.55fr);
  gap: .65rem;
  align-items: center;
  padding: .72rem .78rem;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 10px;
  background: rgba(15, 23, 42, .45);
}

.staff-role-grid-v84 article strong {
  font-size: .9rem;
}

.staff-role-grid-v84 article span {
  color: var(--accent, #7dd3fc);
  font-size: .76rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.staff-role-grid-v84 article small {
  color: var(--muted, #aeb7c7);
  line-height: 1.35;
}

.admin-staff-list-v84 {
  display: grid;
  gap: .8rem;
  margin-top: 1rem;
}

.admin-staff-card-v84 {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
  padding: 1rem;
  border: 1px solid var(--border, rgba(148, 163, 184, .2));
  border-radius: 12px;
  background: rgba(9, 14, 23, .48);
}

.admin-staff-card-v84.inactive {
  opacity: .72;
  border-style: dashed;
}

.admin-staff-identity-v84 {
  display: grid;
  gap: .28rem;
  min-width: 0;
}

.admin-staff-identity-v84 > strong {
  font-size: 1rem;
}

.admin-staff-identity-v84 > small,
.admin-staff-identity-v84 > p {
  margin: 0;
  color: var(--muted, #aeb7c7);
}

.admin-staff-badge-row-v84 {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  align-items: center;
}

.staff-access-state-v84 {
  display: inline-flex;
  padding: .24rem .48rem;
  border-radius: 999px;
  font-size: .7rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.staff-access-state-v84.active {
  color: #86efac;
  background: rgba(34, 197, 94, .12);
  border: 1px solid rgba(34, 197, 94, .3);
}

.staff-access-state-v84.disabled {
  color: #fca5a5;
  background: rgba(239, 68, 68, .1);
  border: 1px solid rgba(239, 68, 68, .28);
}

.staff-private-note-v84 {
  padding: .5rem .6rem;
  border-left: 3px solid rgba(251, 191, 36, .65);
  background: rgba(251, 191, 36, .07);
  border-radius: 0 8px 8px 0;
}

.staff-permission-preview-v84 {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  margin: .25rem 0;
}

.staff-permission-preview-v84 span {
  padding: .2rem .42rem;
  border-radius: 999px;
  background: rgba(56, 189, 248, .08);
  border: 1px solid rgba(56, 189, 248, .2);
  color: #bae6fd;
  font-size: .7rem;
}

@media (max-width: 900px) {
  .staff-management-layout-v84 {
    grid-template-columns: 1fr;
  }

  .staff-role-grid-v84 article {
    grid-template-columns: 1fr;
    gap: .25rem;
  }

  .admin-staff-card-v84 {
    flex-direction: column;
  }

  .admin-staff-card-v84 .admin-staff-actions {
    width: 100%;
  }

  .admin-staff-card-v84 .admin-staff-actions button {
    flex: 1;
  }
}

/* v8.4.1 — Backend security health */
.security-health-panel-v841 .admin-accordion-body { gap: 1rem; }
.security-health-dashboard-v841 { display: grid; gap: 1rem; }
.security-health-intro-v841 { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem; border: 1px solid rgba(255,255,255,.1); border-radius: 16px; background: rgba(255,255,255,.025); }
.security-health-intro-v841 h3 { margin: .2rem 0 .35rem; }
.security-health-summary-v841 { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: .75rem; }
.security-health-summary-v841 article { display: grid; gap: .25rem; min-height: 112px; padding: 1rem; border: 1px solid rgba(255,255,255,.1); border-radius: 14px; background: rgba(0,0,0,.16); }
.security-health-summary-v841 span { color: var(--muted); font-size: .78rem; text-transform: uppercase; letter-spacing: .08em; }
.security-health-summary-v841 strong { font-size: 1.65rem; }
.security-health-summary-v841 small { color: var(--muted); }
.security-health-list-v841 { display: grid; gap: .65rem; }
.security-health-row-v841 { overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 13px; background: rgba(0,0,0,.14); }
.security-health-row-v841.ok { border-color: rgba(81,205,130,.3); }
.security-health-row-v841.issue { border-color: rgba(255,111,91,.46); }
.security-health-row-v841 summary { display: grid; grid-template-columns: 30px minmax(0,1fr) auto 20px; align-items: center; gap: .65rem; padding: .9rem 1rem; cursor: pointer; list-style: none; }
.security-health-row-v841 summary::-webkit-details-marker { display: none; }
.security-health-row-v841 summary > span:first-child { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: rgba(81,205,130,.14); font-weight: 900; }
.security-health-row-v841.issue summary > span:first-child { background: rgba(255,111,91,.17); }
.security-health-row-v841 summary em { color: var(--muted); font-style: normal; font-size: .8rem; text-transform: uppercase; letter-spacing: .07em; }
.security-health-row-v841 p { margin: 0; padding: 0 1rem 1rem 3.55rem; color: var(--muted); line-height: 1.55; }
.security-health-footnote-v841 { margin: 0; padding: .8rem 1rem; border-left: 3px solid rgba(255,255,255,.15); color: var(--muted); font-size: .88rem; }
@media (max-width: 900px) { .security-health-summary-v841 { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 620px) { .security-health-intro-v841 { align-items: stretch; flex-direction: column; } .security-health-intro-v841 button { width: 100%; } .security-health-summary-v841 { grid-template-columns: 1fr; } .security-health-row-v841 summary { grid-template-columns: 30px minmax(0,1fr) 18px; } .security-health-row-v841 summary em { display: none; } .security-health-row-v841 p { padding-left: 1rem; } }

/* v8.4.2 — multi-device conflict notices */
.sync-conflict-v842 {
  margin: 0 0 0.25rem;
  border-left-width: 4px;
}

.sync-conflict-v842 strong {
  display: block;
  margin-bottom: 0.2rem;
}

/* v8.4.3 Queue & Integration Reliability */
.integration-summary-grid-v843 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}
.integration-summary-grid-v843 article {
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--panel-soft, rgba(255,255,255,.035));
}
.integration-summary-grid-v843 span,
.integration-summary-grid-v843 small { display: block; }
.integration-summary-grid-v843 span { color: var(--muted); font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.integration-summary-grid-v843 strong { display: block; margin: 6px 0 4px; font-size: 1.7rem; }
.integration-summary-grid-v843 small { color: var(--muted); line-height: 1.35; }
.integration-toolbar-v843 {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  margin: 14px 0;
}
.integration-toolbar-v843 h3,
.integration-toolbar-v843 p { margin: 0; }
.integration-toolbar-v843 label { min-width: 190px; }
.integration-channel-health-v843 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.integration-channel-card-v843 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 13px;
  background: var(--panel-soft, rgba(255,255,255,.025));
}
.integration-channel-card-v843 strong { display: block; margin-bottom: 4px; }
.integration-channel-card-v843 p { margin: 0; color: var(--muted); line-height: 1.45; font-size: .9rem; }
.integration-channel-card-v843 .connection-badge { flex: 0 0 auto; }
.integration-job-list-v843 { display: grid; gap: 10px; }
.integration-job-card-v843 {
  padding: 15px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--panel-soft, rgba(255,255,255,.025));
}
.integration-job-head-v843 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}
.integration-job-head-v843 > div:first-child span,
.integration-job-head-v843 > div:first-child strong,
.integration-job-head-v843 > div:first-child small { display: block; }
.integration-job-head-v843 > div:first-child span { color: var(--muted); font-size: .72rem; font-weight: 800; letter-spacing: .08em; }
.integration-job-head-v843 > div:first-child strong { margin: 3px 0; font-size: 1rem; }
.integration-job-head-v843 > div:first-child small { color: var(--muted); }
.integration-job-badges-v843 { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.integration-dead-letter-v843 {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  border: 1px solid rgba(255,95,95,.45);
  border-radius: 999px;
  background: rgba(255,95,95,.08);
  color: #ffb0b0;
  font-size: .72rem;
  font-weight: 800;
}
.integration-job-meta-v843 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin-top: 11px;
  color: var(--muted);
  font-size: .83rem;
}
.integration-job-meta-v843 strong { color: var(--text); }
.integration-job-error-v843 {
  margin: 12px 0;
  padding: 11px 12px;
  max-height: 180px;
  overflow: auto;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  border: 1px solid rgba(255,95,95,.28);
  border-radius: 10px;
  background: rgba(120,20,20,.14);
  color: #ffd1d1;
  font: inherit;
  font-size: .85rem;
  line-height: 1.45;
}
@media (max-width: 900px) {
  .integration-summary-grid-v843 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .integration-channel-health-v843 { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .integration-summary-grid-v843 { grid-template-columns: 1fr; }
  .integration-toolbar-v843,
  .integration-job-head-v843,
  .integration-channel-card-v843 { align-items: stretch; flex-direction: column; }
  .integration-toolbar-v843 label { min-width: 0; width: 100%; }
  .integration-job-badges-v843 { justify-content: flex-start; }
}

/* v8.4.4 — Performance & Database Optimisation */
.performance-health-panel-v844 .admin-accordion-body {
  display: grid;
  gap: 1rem;
}
.performance-summary-v844 article strong {
  overflow-wrap: anywhere;
}
.performance-runtime-note-v844 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: .25rem 1rem;
  padding: .9rem 1rem;
  border: 1px solid var(--border, rgba(255,255,255,.12));
  border-radius: 12px;
  background: rgba(255,255,255,.025);
}
.performance-runtime-note-v844 span,
.performance-runtime-note-v844 small {
  color: var(--muted, #a9b2c3);
}
.performance-runtime-note-v844 strong {
  font-size: 1.05rem;
}
.performance-runtime-note-v844 small {
  grid-column: 1 / -1;
  line-height: 1.45;
}
@media (max-width: 720px) {
  .performance-health-panel-v844 .security-health-intro-v841 {
    align-items: stretch;
  }
  .performance-health-panel-v844 .security-health-intro-v841 .action-row {
    width: 100%;
  }
  .performance-health-panel-v844 .security-health-intro-v841 button {
    flex: 1 1 100%;
  }
  .performance-runtime-note-v844 {
    grid-template-columns: 1fr;
  }
  .performance-runtime-note-v844 small {
    grid-column: auto;
  }
}

/* --------------------------------------------------------------------------
   v8.4.5 — Monitoring, backup, recovery, and navigation clarity
   -------------------------------------------------------------------------- */
.register-status-link-v845 {
  align-items: center;
  margin-top: 16px;
}
.register-status-link-v845 small {
  color: var(--muted);
  max-width: 620px;
}
.monitoring-recovery-panel-v845 .admin-accordion-body {
  display: grid;
  gap: 18px;
}
.monitoring-summary-v845 article strong {
  overflow-wrap: anywhere;
}
.monitoring-check-list-v845 {
  display: grid;
  gap: 10px;
}
.monitoring-check-row-v845 {
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 14px;
  background: rgba(255,255,255,.025);
  overflow: hidden;
}
.monitoring-check-row-v845.ok {
  border-color: rgba(73, 214, 148, .25);
}
.monitoring-check-row-v845.issue {
  border-color: rgba(255, 137, 76, .4);
}
.monitoring-check-row-v845 summary {
  display: grid;
  grid-template-columns: 34px minmax(0,1fr) auto 20px;
  gap: 12px;
  align-items: center;
  padding: 14px 16px;
  cursor: pointer;
  list-style: none;
}
.monitoring-check-row-v845 summary::-webkit-details-marker { display: none; }
.monitoring-check-row-v845 summary > span:first-child {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 10px;
  background: rgba(255,255,255,.08);
  font-weight: 900;
}
.monitoring-check-row-v845.ok summary > span:first-child {
  color: #74e9ae;
  background: rgba(56, 193, 124, .14);
}
.monitoring-check-row-v845.issue summary > span:first-child {
  color: #ff9a65;
  background: rgba(255, 124, 57, .14);
}
.monitoring-check-row-v845 summary div {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.monitoring-check-row-v845 summary strong,
.monitoring-check-row-v845 summary small {
  overflow-wrap: anywhere;
}
.monitoring-check-row-v845 summary small {
  color: var(--muted);
}
.monitoring-check-row-v845 summary em {
  font-style: normal;
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--muted);
}
.monitoring-check-row-v845 p {
  margin: 0;
  padding: 0 16px 16px 62px;
  color: var(--muted);
  line-height: 1.55;
}
.monitoring-columns-v845 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.monitoring-columns-v845 > section {
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  background: rgba(0,0,0,.12);
}
.monitoring-incident-list-v845,
.monitoring-backup-list-v845 {
  display: grid;
  gap: 10px;
}
.monitoring-incident-card-v845,
.monitoring-backup-card-v845 {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 14px;
  background: rgba(255,255,255,.025);
}
.monitoring-incident-card-v845 > div,
.monitoring-backup-card-v845 > div {
  min-width: 0;
  display: grid;
  gap: 5px;
}
.monitoring-incident-card-v845 span,
.monitoring-backup-card-v845 span {
  color: var(--muted);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.monitoring-incident-card-v845 p {
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}
.monitoring-incident-card-v845 small,
.monitoring-backup-card-v845 small {
  color: var(--muted);
}
.monitoring-backup-card-v845 code {
  width: fit-content;
  max-width: 100%;
  overflow-wrap: anywhere;
  color: #9ad8ff;
}
.monitoring-backup-card-v845 em {
  font-style: normal;
  color: #72e1a9;
  font-size: .76rem;
  font-weight: 800;
}
.monitoring-incident-card-v845.severity-critical { border-color: rgba(255, 84, 84, .45); }
.monitoring-incident-card-v845.severity-warning { border-color: rgba(255, 153, 74, .35); }
.monitoring-incident-card-v845.severity-info { border-color: rgba(91, 173, 255, .3); }
@media (max-width: 900px) {
  .monitoring-columns-v845 { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .monitoring-check-row-v845 summary {
    grid-template-columns: 30px minmax(0,1fr) 18px;
  }
  .monitoring-check-row-v845 summary em { display: none; }
  .monitoring-check-row-v845 p { padding-left: 16px; }
  .monitoring-incident-card-v845,
  .monitoring-backup-card-v845 { flex-direction: column; }
  .monitoring-incident-card-v845 button { width: 100%; }
}

/* v8.4.6 — Application efficiency, pagination, and modular runtime */
.pagination-toolbar-v846 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.85rem;
  margin: 1rem 0 0;
  padding: 0.85rem 1rem;
  border: 1px solid rgba(255,255,255,0.09);
  border-radius: 14px;
  background: rgba(6,11,19,0.78);
}
.pagination-toolbar-v846 span {
  min-width: 10rem;
  text-align: center;
  color: var(--muted, #a9b2c2);
  font-size: 0.86rem;
  font-weight: 700;
  letter-spacing: 0.025em;
}
.pagination-toolbar-v846 button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.compact-pagination-v846 {
  margin-top: 0.75rem;
  padding: 0.65rem 0.8rem;
}
.application-efficiency-panel-v846 .efficiency-summary-v846 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.application-efficiency-panel-v846 .security-health-footnote-v841 {
  border-left-color: rgba(70, 207, 255, 0.65);
}
body[data-active-view="accountView"] .view:not(.active),
body[data-active-view="adminView"] .view:not(.active) {
  content-visibility: auto;
  contain-intrinsic-size: 900px;
}
.public-player-card img,
.own-profile-preview img,
.player-notification-card img {
  content-visibility: auto;
}
@media (max-width: 720px) {
  .pagination-toolbar-v846 {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .pagination-toolbar-v846 span {
    grid-column: 1 / -1;
    grid-row: 1;
    min-width: 0;
  }
  .application-efficiency-panel-v846 .efficiency-summary-v846 {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 460px) {
  .application-efficiency-panel-v846 .efficiency-summary-v846 {
    grid-template-columns: 1fr;
  }
}

/* CTS v8.5.1.1 — Performance Audit Hotfix */
.schedule-builder-v850 .admin-accordion-body{display:grid;gap:18px}
.schedule-explainer-v850{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.schedule-explainer-v850 article{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--line,rgba(255,255,255,.12));border-radius:14px;background:rgba(255,255,255,.025)}
.schedule-explainer-v850 article>strong{display:grid;place-items:center;min-width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.1);font-size:.9rem}
.schedule-explainer-v850 span{display:grid;gap:4px}.schedule-explainer-v850 small{color:var(--muted,#9ca3af);line-height:1.45}
.schedule-days-v850{display:flex;gap:8px;flex-wrap:wrap;border:1px solid var(--line,rgba(255,255,255,.12));border-radius:14px;padding:12px 14px}
.schedule-days-v850 legend{padding:0 6px;color:var(--muted,#9ca3af);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}
.schedule-days-v850 label{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:10px;background:rgba(255,255,255,.04);cursor:pointer}
.schedule-workspace-summary-v850{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.schedule-metric-v850{padding:14px;border:1px solid var(--line,rgba(255,255,255,.12));border-radius:14px;background:rgba(255,255,255,.025)}
.schedule-metric-v850 span{display:block;color:var(--muted,#9ca3af);font-size:.78rem;text-transform:uppercase;letter-spacing:.07em}.schedule-metric-v850 strong{display:block;margin-top:5px;font-size:1.25rem}
.schedule-plan-list-v850{display:grid;gap:14px}.schedule-plan-card-v850{border:1px solid var(--line,rgba(255,255,255,.12));border-radius:16px;overflow:hidden;background:rgba(255,255,255,.02)}
.schedule-plan-head-v850{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:16px}.schedule-plan-head-v850 h3{margin:3px 0 5px}.schedule-plan-badges-v850{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}
.schedule-status-v850,.schedule-conflict-v850{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:.75rem;font-weight:700;background:rgba(255,255,255,.08)}
.schedule-status-v850.published{background:rgba(52,211,153,.15)}.schedule-status-v850.cancelled{opacity:.65}.schedule-conflict-v850.has-conflicts{background:rgba(251,146,60,.18)}
.schedule-plan-meta-v850{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:0 16px 14px}.schedule-plan-meta-v850 div{padding:10px;border-radius:11px;background:rgba(255,255,255,.035)}.schedule-plan-meta-v850 span{display:block;color:var(--muted,#9ca3af);font-size:.72rem}.schedule-plan-meta-v850 strong{display:block;margin-top:3px;font-size:.9rem}
.schedule-plan-actions-v850{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 16px}.schedule-plan-actions-v850 button{min-height:40px}
.schedule-rounds-v850{border-top:1px solid var(--line,rgba(255,255,255,.1));padding:14px 16px 16px;display:grid;gap:10px}.schedule-round-v850{border-radius:13px;background:rgba(255,255,255,.025);overflow:hidden}.schedule-round-v850 summary{cursor:pointer;padding:12px 13px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:700}.schedule-round-v850 summary small{color:var(--muted,#9ca3af);font-weight:500}.schedule-fixture-list-v850{display:grid;gap:1px;border-top:1px solid var(--line,rgba(255,255,255,.08))}.schedule-fixture-v850{display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(145px,.9fr) minmax(120px,.7fr);gap:10px;align-items:center;padding:11px 13px;background:rgba(0,0,0,.08)}.schedule-fixture-v850+.schedule-fixture-v850{border-top:1px solid rgba(255,255,255,.06)}
.schedule-fixture-v850 strong{font-size:.9rem}.schedule-fixture-v850 span,.schedule-fixture-v850 small{color:var(--muted,#9ca3af);font-size:.8rem}.schedule-fixture-v850.has-conflicts{border-left:3px solid currentColor}.schedule-conflict-detail-v850{font-weight:700}
@media(max-width:900px){.schedule-explainer-v850,.schedule-workspace-summary-v850{grid-template-columns:1fr 1fr}.schedule-plan-meta-v850{grid-template-columns:1fr 1fr 1fr}.schedule-fixture-v850{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.schedule-explainer-v850,.schedule-workspace-summary-v850,.schedule-plan-meta-v850{grid-template-columns:1fr}.schedule-plan-head-v850{display:grid}.schedule-plan-badges-v850{justify-content:flex-start}.schedule-fixture-v850{grid-template-columns:1fr}.schedule-plan-actions-v850 button{width:100%}}

/* CTS v8.5.1 — elimination scheduling and series badges */
.bracket-series-badge-v851 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.6rem;
  padding: .2rem .48rem;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .04em;
  background: rgba(255,255,255,.06);
}
.bracket-schedule-form select {
  min-width: 5rem;
}
#scheduleBracketFieldV851 small,
#scheduleSemifinalFieldV851 small {
  display: block;
  margin-top: .35rem;
}
.schedule-fixture-v850 > div:first-child span {
  display: block;
  margin-top: .25rem;
}


/* v8.5.1.2 — Redundancy & Interface Cleanup */
.system-operations-nav-v8512 {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  padding: .85rem;
  margin-bottom: 1rem;
  border: 1px solid var(--border, rgba(255,255,255,.12));
  border-radius: 14px;
  background: rgba(8, 13, 21, .72);
}
.system-operations-nav-v8512 button {
  flex: 1 1 180px;
  min-height: 42px;
}
.system-operations-nav-v8512 button.active {
  border-color: rgba(37, 211, 137, .62);
  box-shadow: inset 0 0 0 1px rgba(37, 211, 137, .22);
}
.system-operations-host-v8512 > .system-operation-subtool-v8512 {
  margin: 0;
  border-radius: 14px;
  box-shadow: none;
}
.system-operations-host-v8512 > .system-operation-subtool-v8512 > summary {
  background: rgba(255,255,255,.025);
}
.player-management-source-note-v8512 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .45rem;
  margin-bottom: 1rem;
}
.link-button-v8512,
.notification-open-patch-v8512 {
  appearance: none;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
  padding: 0;
}
.notification-open-patch-v8512 {
  display: inline-flex;
  width: fit-content;
  margin-top: .5rem;
  color: var(--accent, #45d6ff);
}
.profile-upload-only-note-v8512 {
  margin: .8rem 0 0;
  padding: .75rem .9rem;
  border-left: 3px solid rgba(69, 214, 255, .65);
  background: rgba(69, 214, 255, .07);
  color: var(--muted, #b7c0cf);
  border-radius: 0 10px 10px 0;
}
.discord-link-is-linked-v833 {
  padding-block: .7rem;
}
.discord-link-is-linked-v833 .discord-linked-badge-only-v833 {
  min-height: 42px;
  display: flex;
  align-items: center;
}
@media (max-width: 720px) {
  .system-operations-nav-v8512 button { flex-basis: 100%; }
  .player-management-source-note-v8512 { align-items: flex-start; }
}


/* v8.5.1.3 — selectable Community player browser */
.community-player-browser-v8513 {
  display: grid;
  gap: .85rem;
  padding: .9rem;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: rgba(255,255,255,.025);
}
.community-player-browser-heading-v8513 { margin: 0; }
.community-player-controls-v8513 {
  display: grid;
  grid-template-columns: minmax(220px, 1.5fr) minmax(170px, .7fr) auto;
  gap: .7rem;
  align-items: end;
}
.community-player-list-v8513 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(245px, 1fr));
  gap: .58rem;
  max-height: 430px;
  overflow: auto;
  padding-right: .2rem;
  scrollbar-gutter: stable;
}
.community-player-option-v8513 {
  width: 100%;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .65rem;
  padding: .68rem;
  text-align: left;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: rgba(0,0,0,.16);
  color: inherit;
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, transform .16s ease;
}
.community-player-option-v8513:hover,
.community-player-option-v8513:focus-visible {
  border-color: rgba(78,161,255,.62);
  background: rgba(78,161,255,.08);
  transform: translateY(-1px);
}
.community-player-option-v8513.selected {
  border-color: rgba(72,222,171,.65);
  background: rgba(72,222,171,.08);
}
.community-player-avatar-v8513 {
  width: 2.65rem;
  height: 2.65rem;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(255,255,255,.05);
  font-weight: 900;
}
.community-player-avatar-v8513 img { width: 100%; height: 100%; object-fit: cover; }
.community-player-option-copy-v8513 { display: grid; gap: .15rem; min-width: 0; }
.community-player-option-copy-v8513 strong,
.community-player-option-copy-v8513 small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.community-player-option-copy-v8513 small { color: var(--muted); }
@media (max-width: 760px) {
  .community-player-controls-v8513 { grid-template-columns: 1fr; }
  .community-player-list-v8513 { grid-template-columns: 1fr; max-height: 520px; }
  .community-player-option-v8513 { grid-template-columns: auto minmax(0,1fr); }
  .community-player-option-v8513 .player-status-badge-v819 { grid-column: 2; justify-self: start; }
}

/* v8.5.1.4 — player moderation notifications */
.moderation-reason-v8514 textarea { min-height: 92px; }
.moderation-reason-v8514 small { display: block; margin-top: .35rem; color: var(--muted); }
.moderation-notice-v8514 { margin: .15rem 0 .35rem; }
.notification-dropdown-v832 .notification-type { white-space: nowrap; }

/* v8.5.1.5 — Direct member messages and staff chat */
.messaging-shell-v8515{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.65fr);gap:1rem;align-items:stretch}
.conversation-sidebar-v8515,.conversation-thread-v8515,.direct-message-compose-v8515{border:1px solid rgba(255,255,255,.1);background:rgba(8,12,19,.7);border-radius:16px;padding:1rem}
.conversation-thread-v8515{min-height:420px;display:flex;flex-direction:column}
.messaging-toolbar-v8515{display:flex;gap:.75rem;align-items:end;justify-content:space-between;margin-bottom:.75rem}
.messaging-toolbar-v8515 label{margin:0;flex:1}
.conversation-list-v8515{display:grid;gap:.55rem;max-height:520px;overflow:auto;padding-right:.2rem}
.conversation-option-v8515{width:100%;text-align:left;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);color:inherit;border-radius:12px;padding:.8rem;display:grid;gap:.3rem;cursor:pointer}
.conversation-option-v8515:hover,.conversation-option-v8515.selected{border-color:rgba(255,137,31,.7);background:rgba(255,123,20,.11)}
.conversation-option-v8515-head{display:flex;align-items:center;gap:.55rem;justify-content:space-between}
.conversation-option-v8515 strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.conversation-option-v8515 small,.conversation-option-v8515 p{margin:0;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.message-unread-v8515{min-width:1.5rem;height:1.5rem;border-radius:999px;background:var(--accent);color:#111;display:inline-grid;place-items:center;font-weight:800;font-size:.75rem;padding:0 .4rem}
.conversation-thread-head-v8515{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding-bottom:.8rem;border-bottom:1px solid rgba(255,255,255,.08)}
.conversation-thread-head-v8515 h3,.conversation-thread-head-v8515 p{margin:.1rem 0}
.message-list-v8515{display:flex;flex-direction:column;gap:.75rem;overflow:auto;max-height:520px;min-height:220px;padding:1rem .2rem}
.message-bubble-v8515{max-width:min(82%,720px);padding:.75rem .9rem;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);align-self:flex-start;white-space:pre-wrap;overflow-wrap:anywhere}
.message-bubble-v8515.own{align-self:flex-end;background:rgba(255,123,20,.14);border-color:rgba(255,123,20,.35)}
.message-bubble-v8515.deleted{opacity:.65;font-style:italic}
.message-bubble-meta-v8515{display:flex;gap:.6rem;justify-content:space-between;margin-bottom:.35rem;font-size:.75rem;color:var(--muted)}
.message-reply-form-v8515{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem;align-items:end;margin-top:auto;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08)}
.message-reply-form-v8515 textarea{min-height:76px;resize:vertical}
.direct-message-compose-v8515{margin-bottom:1rem}
.staff-chat-launch-v8515{display:inline-flex;align-items:center;gap:.45rem}
.staff-chat-badge-v8515{display:inline-grid;place-items:center;min-width:1.3rem;height:1.3rem;border-radius:999px;background:var(--accent);color:#111;font-size:.72rem;font-weight:900;padding:0 .35rem}
.staff-chat-dialog-v8515{width:min(760px,calc(100vw - 2rem));max-height:min(820px,calc(100vh - 2rem));border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#0b111b;color:var(--text);padding:0;box-shadow:0 24px 80px rgba(0,0,0,.55)}
.staff-chat-dialog-v8515::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}
.staff-chat-header-v8515{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:1rem 1rem .8rem;border-bottom:1px solid rgba(255,255,255,.1)}
.staff-chat-header-v8515 h2,.staff-chat-header-v8515 p{margin:.1rem 0}
.staff-chat-list-v8515{display:flex;flex-direction:column;gap:.7rem;min-height:260px;max-height:520px;overflow:auto;padding:1rem}
.staff-chat-message-v8515{display:grid;gap:.35rem;padding:.75rem .85rem;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.04)}
.staff-chat-message-v8515.own{background:rgba(255,123,20,.1);border-color:rgba(255,123,20,.28)}
.staff-chat-message-head-v8515{display:flex;gap:.55rem;justify-content:space-between;align-items:center}
.staff-chat-message-copy-v8515{white-space:pre-wrap;overflow-wrap:anywhere}
.staff-chat-form-v8515{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem;align-items:end;padding:1rem;border-top:1px solid rgba(255,255,255,.1)}
.staff-chat-form-v8515 label{margin:0}
.staff-chat-form-v8515 textarea{min-height:72px;resize:vertical}
@media (max-width:820px){.messaging-shell-v8515{grid-template-columns:1fr}.conversation-list-v8515{max-height:260px}.conversation-thread-v8515{min-height:360px}.message-reply-form-v8515,.staff-chat-form-v8515{grid-template-columns:1fr}.message-bubble-v8515{max-width:94%}}

/* v8.5.2.1 — Competition Workflow Cleanup */
.weekly-availability-form-v852,
.quick-setup-form-v852 {
  align-items: end;
}

.weekly-rule-card-v852.is-disabled {
  opacity: .68;
  border-style: dashed;
}

.reschedule-list-v852 {
  display: grid;
  gap: 1rem;
  margin-top: 1rem;
}

.reschedule-card-v852 {
  border: 1px solid var(--border, rgba(255,255,255,.14));
  border-radius: 16px;
  background: rgba(8, 14, 25, .58);
  padding: 1rem;
  display: grid;
  gap: .9rem;
}

.reschedule-card-v852 > header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}

.reschedule-card-v852 header h3,
.reschedule-card-v852 header p {
  margin: .12rem 0;
}

.reschedule-proposals-v852 {
  display: grid;
  gap: .7rem;
}

.reschedule-proposals-v852 > article {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) auto auto;
  align-items: center;
  gap: .8rem;
  padding: .8rem;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 12px;
  background: rgba(255,255,255,.035);
}

.reschedule-proposals-v852 strong,
.reschedule-proposals-v852 small {
  display: block;
}

.proposal-side-status-v852 {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
}

.proposal-side-status-v852 span {
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  padding: .25rem .55rem;
  font-size: .78rem;
}

.tournament-quick-setup-v852 {
  border-color: rgba(100, 210, 255, .42);
  box-shadow: 0 0 0 1px rgba(100, 210, 255, .08), 0 18px 50px rgba(0,0,0,.22);
}

.quick-setup-steps-v852 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: .7rem;
  margin-bottom: 1rem;
}

.quick-setup-steps-v852 article {
  display: flex;
  gap: .65rem;
  align-items: flex-start;
  padding: .85rem;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.1);
  background: rgba(255,255,255,.035);
}

.quick-setup-steps-v852 article > strong {
  display: grid;
  place-items: center;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  background: rgba(100, 210, 255, .16);
  flex: 0 0 auto;
}

.quick-setup-steps-v852 b,
.quick-setup-steps-v852 small {
  display: block;
}

.quick-draft-fields-v852 {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: .8rem;
  padding: .85rem;
  border: 1px dashed rgba(100, 210, 255, .3);
  border-radius: 14px;
}

.quick-draft-fields-v852.hidden {
  display: none;
}

.quick-readiness-grid-v852 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: .65rem;
  margin-bottom: .7rem;
}

.quick-readiness-grid-v852 article {
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 12px;
  padding: .7rem;
  background: rgba(255,255,255,.03);
}

.quick-readiness-grid-v852 span,
.quick-readiness-grid-v852 strong {
  display: block;
}

.quick-readiness-grid-v852 span {
  font-size: .75rem;
  opacity: .72;
}

.quick-readiness-grid-v852 strong {
  margin-top: .2rem;
  font-size: 1.15rem;
}

.quick-setup-submit-v852 {
  min-width: 11rem;
}

.quick-setup-result-v852 {
  margin-top: 1rem;
}

.advanced-tools-disclosure-v852 {
  margin-top: 1rem;
  border-top: 1px solid rgba(255,255,255,.1);
  padding-top: .8rem;
}

.advanced-tools-disclosure-v852 summary {
  cursor: pointer;
  font-weight: 700;
}

.admin-counter-form-v852 {
  border-top: 1px solid rgba(255,255,255,.1);
  padding-top: .8rem;
}

@media (max-width: 900px) {
  .quick-setup-steps-v852,
  .quick-readiness-grid-v852 {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
  .quick-draft-fields-v852 {
    grid-template-columns: 1fr;
  }
  .reschedule-proposals-v852 > article {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .quick-setup-steps-v852,
  .quick-readiness-grid-v852 {
    grid-template-columns: 1fr;
  }
  .reschedule-card-v852 > header {
    display: grid;
  }
}

/* v8.5.2 — keep one-click setup simple while retaining advanced controls */
.quick-setup-options-v852 {
  border: 1px solid var(--border, rgba(255,255,255,.12));
  border-radius: 14px;
  background: rgba(255,255,255,.025);
  overflow: hidden;
}
.quick-setup-options-v852 > summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .95rem 1rem;
  font-weight: 800;
}
.quick-setup-options-v852 > summary::-webkit-details-marker { display: none; }
.quick-setup-options-v852 > summary::after { content: "⌄"; opacity: .7; }
.quick-setup-options-v852[open] > summary::after { transform: rotate(180deg); }
.quick-setup-options-v852 > summary span { font-size: .82rem; font-weight: 500; opacity: .72; }
.quick-setup-options-grid-v852 { padding: 0 1rem 1rem; }
.quick-publish-choice-v852 { padding: .9rem 1rem; border-radius: 12px; background: rgba(255,255,255,.035); }
@media (max-width: 720px) {
  .quick-setup-options-v852 > summary { align-items: flex-start; flex-direction: column; gap: .25rem; }
}


/* v8.5.2.1 — consolidated tournament workflow and team management */
.quick-setup-advanced-v8521{margin-top:1.2rem;padding-top:.2rem}
.quick-setup-nested-tool-v8521{margin:.85rem 0;background:rgba(10,18,32,.48);border:1px solid rgba(137,173,225,.18)}
.quick-setup-nested-tool-v8521>summary{padding:1rem 1.1rem}
.quick-setup-nested-tool-v8521>.admin-accordion-body{padding:0 1.1rem 1.1rem}
.team-management-filters-v8521{display:grid;grid-template-columns:minmax(190px,1.2fr) minmax(150px,.7fr) minmax(190px,1fr) auto;gap:.8rem;align-items:end}
.team-management-summary-v8521{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:1rem 0}
.team-management-summary-v8521 article{padding:.85rem 1rem;border:1px solid rgba(137,173,225,.18);border-radius:14px;background:rgba(11,20,37,.55)}
.team-management-summary-v8521 span{display:block;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.team-management-summary-v8521 strong{display:block;margin-top:.25rem;font-size:1.35rem}
.team-management-list-v8521{display:grid;gap:1rem}
.team-management-card-v8521{border:1px solid rgba(137,173,225,.18);border-radius:16px;background:rgba(9,17,31,.62);padding:1rem}
.team-management-card-v8521>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.85rem}
.team-management-card-v8521 h3{margin:.1rem 0}.team-management-card-v8521 header p{margin:.15rem 0}
.team-management-roster-view-v8521{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.65rem;margin:.8rem 0 1rem}
.team-management-roster-view-v8521 article{padding:.7rem .8rem;border-radius:12px;background:rgba(121,159,214,.07);border:1px solid rgba(137,173,225,.12)}
.team-management-roster-view-v8521 strong,.team-management-roster-view-v8521 span,.team-management-roster-view-v8521 small{display:block}.team-management-roster-view-v8521 small{color:var(--muted);margin-top:.15rem}
.team-management-form-v8521{display:grid;gap:.9rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(137,173,225,.14)}
.team-management-captain-v8521{padding:.8rem;border-radius:12px;background:rgba(121,159,214,.07)}.team-management-captain-v8521 span,.team-management-captain-v8521 strong,.team-management-captain-v8521 small{display:block}.team-management-captain-v8521 small{color:var(--muted);margin-top:.2rem}
.team-management-roster-editor-v8521{display:grid;gap:.75rem}
@media(max-width:900px){.team-management-filters-v8521,.team-management-summary-v8521{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.team-management-filters-v8521,.team-management-summary-v8521{grid-template-columns:1fr}.team-management-card-v8521>header{display:block}.registration-summary-badges{margin-top:.6rem}}


/* v8.5.2.2.1 automated testing contract hotfix */
.automated-testing-dashboard-v8522{display:grid;gap:1rem}.automated-testing-hero-v8522{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(16,185,129,.05))}.automated-testing-hero-v8522 h3{margin:.15rem 0}.automated-testing-summary-v8522{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.automated-testing-summary-v8522 article{display:grid;gap:.2rem;padding:.9rem;border:1px solid var(--line);border-radius:12px;background:var(--panel-2)}.automated-testing-summary-v8522 article span,.automated-testing-summary-v8522 article small{color:var(--muted);font-size:.78rem}.automated-testing-summary-v8522 article strong{font-size:1.05rem}.automated-testing-settings-v8522{display:grid;grid-template-columns:minmax(220px,1.2fr) repeat(3,minmax(180px,1fr)) auto;gap:.75rem;align-items:center;padding:1rem;border:1px solid var(--line);border-radius:14px}.automated-testing-settings-v8522 .toggle-row{height:100%;margin:0}.automated-testing-section-v8522{display:grid;gap:.7rem}.automated-testing-results-v8522{display:grid;gap:.55rem}.automated-test-result-v8522{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel-2)}.automated-test-result-v8522.status-failed{border-color:rgba(239,68,68,.55)}.automated-test-result-v8522.status-warning{border-color:rgba(245,158,11,.55)}.automated-test-result-v8522 summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.7rem;padding:.75rem .85rem;cursor:pointer;list-style:none}.automated-test-result-v8522 summary::-webkit-details-marker{display:none}.automated-test-result-v8522 summary span:nth-child(2){display:grid}.automated-test-result-v8522 summary small{color:var(--muted)}.automated-test-result-v8522>p{margin:0;padding:0 .9rem .8rem;white-space:pre-wrap}.automated-test-result-v8522>code{display:block;margin:0 .9rem .9rem;padding:.45rem .6rem;border-radius:8px;background:rgba(0,0,0,.18);overflow-wrap:anywhere}.automated-test-icon-v8522{display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:999px;background:rgba(148,163,184,.12);font-weight:800}.automated-testing-history-v8522{display:grid;gap:.5rem}.automated-testing-history-v8522 article{display:flex;justify-content:space-between;gap:1rem;padding:.75rem .85rem;border:1px solid var(--line);border-radius:10px}.automated-testing-history-v8522 article>div{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}.automated-testing-history-v8522 article span{font-size:.82rem;color:var(--muted)}
@media(max-width:1050px){.automated-testing-summary-v8522{grid-template-columns:repeat(2,minmax(0,1fr))}.automated-testing-settings-v8522{grid-template-columns:1fr 1fr}.automated-testing-settings-v8522>div,.automated-testing-settings-v8522>button{grid-column:1/-1}.automated-testing-hero-v8522{flex-direction:column}}
@media(max-width:650px){.automated-testing-summary-v8522,.automated-testing-settings-v8522{grid-template-columns:1fr}.automated-testing-history-v8522 article{flex-direction:column}.automated-test-result-v8522 summary{grid-template-columns:auto minmax(0,1fr) auto}.automated-test-result-v8522 summary>span:last-child{display:none}}


/* v8.5.2.2.2 — live notification refresh and temporary banners */
.live-notification-banner-stack-v852222 {
  position: fixed;
  top: 82px;
  right: 18px;
  z-index: 90;
  width: min(410px, calc(100vw - 36px));
  display: grid;
  gap: .7rem;
  pointer-events: none;
}
.live-notification-banner-v852222 {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  overflow: hidden;
  border: 1px solid rgba(85, 185, 255, .55);
  border-radius: 15px;
  background: linear-gradient(145deg, rgba(18, 28, 42, .98), rgba(10, 16, 26, .98));
  box-shadow: 0 22px 65px rgba(0, 0, 0, .46), 0 0 0 1px rgba(85, 185, 255, .08) inset;
  animation: live-notification-enter-v852222 .24s ease-out both;
  pointer-events: auto;
}
.live-notification-banner-v852222::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: var(--info, #55b9ff);
}
.live-notification-banner-v852222.leaving {
  animation: live-notification-leave-v852222 .2s ease-in both;
}
.live-notification-banner-open-v852222 {
  min-width: 0;
  border: 0;
  background: transparent;
  color: var(--text);
  padding: .95rem .75rem .9rem 1.05rem;
  text-align: left;
  display: grid;
  gap: .28rem;
  cursor: pointer;
}
.live-notification-banner-open-v852222:hover,
.live-notification-banner-open-v852222:focus-visible {
  background: rgba(85, 185, 255, .07);
}
.live-notification-banner-open-v852222 strong {
  color: #f8fbff;
  font-size: .96rem;
  line-height: 1.25;
}
.live-notification-banner-open-v852222 > span:not(.live-notification-banner-type-v852222) {
  color: var(--muted);
  font-size: .8rem;
  line-height: 1.42;
  overflow-wrap: anywhere;
}
.live-notification-banner-open-v852222 small {
  color: var(--info, #55b9ff);
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .03em;
}
.live-notification-banner-type-v852222 {
  color: var(--info, #55b9ff);
  font-size: .62rem;
  font-weight: 900;
  letter-spacing: .1em;
}
.live-notification-banner-close-v852222 {
  align-self: start;
  width: 38px;
  height: 38px;
  border: 0;
  border-left: 1px solid rgba(255,255,255,.07);
  border-bottom: 1px solid rgba(255,255,255,.07);
  border-radius: 0 14px 0 12px;
  background: rgba(255,255,255,.025);
  color: var(--muted);
  font-size: 1.25rem;
  line-height: 1;
  cursor: pointer;
}
.live-notification-banner-close-v852222:hover,
.live-notification-banner-close-v852222:focus-visible {
  color: #fff;
  background: rgba(255,255,255,.08);
}
@keyframes live-notification-enter-v852222 {
  from { opacity: 0; transform: translate3d(24px, -8px, 0) scale(.98); }
  to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}
@keyframes live-notification-leave-v852222 {
  from { opacity: 1; transform: translate3d(0, 0, 0); }
  to { opacity: 0; transform: translate3d(24px, -6px, 0); }
}
@media (max-width: 640px) {
  .live-notification-banner-stack-v852222 {
    top: 70px;
    right: 10px;
    width: calc(100vw - 20px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .live-notification-banner-v852222,
  .live-notification-banner-v852222.leaving { animation: none; }
}

/* CTS v8.6.0 — Expanded Player & Team Profiles */
.player-team-directory-toolbar-v860 {
  grid-template-columns: minmax(130px,.55fr) minmax(260px,1.7fr) minmax(150px,.7fr) auto auto auto;
  align-items: end;
}
.public-team-grid-v860 {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
  gap: 1rem;
  margin-top: 1rem;
}
.public-team-card-v860 {
  display: grid;
  grid-template-columns: 58px minmax(0,1fr);
  gap: .85rem 1rem;
  padding: 1rem;
  border: 1px solid rgba(85,185,255,.2);
  border-radius: 16px;
  background: linear-gradient(145deg,rgba(16,25,38,.96),rgba(9,15,24,.98));
  box-shadow: 0 14px 38px rgba(0,0,0,.2);
}
.public-team-card-mark-v860,
.public-team-profile-logo-v860 {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border-radius: 14px;
  background: linear-gradient(135deg,rgba(85,185,255,.24),rgba(255,126,45,.2));
  border: 1px solid rgba(255,255,255,.12);
  color: #fff;
  font-weight: 950;
  letter-spacing: .08em;
}
.public-team-card-copy-v860 { min-width: 0; }
.public-team-card-copy-v860 h3 { margin: .1rem 0 .25rem; overflow-wrap: anywhere; }
.public-team-card-copy-v860 p:last-child { margin: 0; color: var(--muted); font-size: .82rem; }
.public-team-card-stats-v860 {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: .6rem;
}
.public-team-card-stats-v860 > div,
.career-summary-grid-v860 > div {
  min-width: 0;
  padding: .8rem;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px;
  background: rgba(255,255,255,.025);
  display: grid;
  gap: .22rem;
}
.public-team-card-stats-v860 span,
.career-summary-grid-v860 span {
  color: var(--muted);
  font-size: .66rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 850;
}
.public-team-card-stats-v860 strong { font-size: 1.05rem; }
.public-team-card-v860 .action-row { grid-column: 1 / -1; }
.directory-mode-hidden-v860 { display: none !important; }
.public-team-profile-dialog-v860 .public-player-profile-dialog-shell-v8110 { max-width: 1120px; }
.public-team-profile-page-v860 { display: grid; gap: 1rem; }
.public-team-profile-hero-v860 {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  border-radius: 15px;
  background: linear-gradient(115deg,rgba(85,185,255,.12),rgba(255,126,45,.08));
  border: 1px solid rgba(255,255,255,.08);
}
.public-team-profile-logo-v860 { width: 78px; height: 78px; border-radius: 18px; font-size: 1.1rem; }
.public-team-profile-hero-v860 h2 { margin: .15rem 0 .3rem; }
.public-team-profile-hero-v860 p:last-child { margin: 0; color: var(--muted); }
.career-summary-grid-v860 {
  display: grid;
  grid-template-columns: repeat(6,minmax(0,1fr));
  gap: .7rem;
}
.career-summary-grid-v860 strong { color: #fff; font-size: 1.2rem; overflow-wrap: anywhere; }
.career-summary-grid-v860 small { color: var(--muted); font-size: .72rem; line-height: 1.35; }
.team-summary-grid-v860 { grid-template-columns: repeat(4,minmax(0,1fr)); }
.expanded-career-grid-v860 { align-items: start; }
.career-match-list-v860,
.career-placement-list-v860,
.career-team-history-v860,
.career-transfer-list-v860,
.career-rating-list-v860,
.team-roster-list-v860,
.team-event-history-v860 { display: grid; gap: .62rem; }
.career-match-card-v860,
.team-roster-member-v860,
.team-event-history-v860 article,
.career-placement-list-v860 article,
.career-transfer-list-v860 > div,
.career-rating-list-v860 > div,
.eligibility-history-v860 article {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: .85rem;
  padding: .78rem;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.075);
  background: rgba(255,255,255,.025);
}
.career-match-card-v860 > div:first-child,
.team-roster-member-v860 > div,
.team-event-history-v860 article > div:first-child,
.career-placement-list-v860 article > div,
.career-transfer-list-v860 > div,
.career-rating-list-v860 > div,
.eligibility-history-v860 article { min-width: 0; display: grid; gap: .2rem; }
.career-match-card-v860 span,
.team-roster-member-v860 span,
.team-event-history-v860 span,
.career-placement-list-v860 span,
.career-transfer-list-v860 span,
.career-rating-list-v860 span,
.eligibility-history-v860 span { color: var(--muted); font-size: .76rem; }
.career-match-card-v860 small,
.team-roster-member-v860 small,
.team-event-history-v860 small,
.career-placement-list-v860 small,
.career-transfer-list-v860 small,
.eligibility-history-v860 small { color: var(--muted); font-size: .68rem; }
.career-match-result-v860 { text-align: right; flex: 0 0 auto; }
.career-match-result-v860 strong { font-size: 1.08rem; }
.career-match-card-v860.result-win { border-color: rgba(57,211,159,.28); }
.career-match-card-v860.result-loss { border-color: rgba(255,86,102,.24); }
.career-match-card-v860.result-draw { border-color: rgba(255,191,71,.24); }
.career-season-grid-v860 {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(180px,1fr));
  gap: .65rem;
}
.career-season-grid-v860 article {
  display: grid;
  gap: .3rem;
  padding: .8rem;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.075);
  background: rgba(255,255,255,.025);
}
.career-season-grid-v860 article > span { color: var(--muted); font-size: .72rem; }
.career-team-history-v860 button {
  width: 100%;
  text-align: left;
  display: grid;
  gap: .22rem;
  padding: .75rem;
  border-radius: 11px;
  border: 1px solid rgba(85,185,255,.16);
  background: rgba(85,185,255,.04);
  color: var(--text);
  cursor: pointer;
}
.career-team-history-v860 button:hover,
.career-team-history-v860 button:focus-visible { background: rgba(85,185,255,.1); border-color: rgba(85,185,255,.4); }
.career-team-history-v860 button span,
.career-team-history-v860 button small { color: var(--muted); font-size: .72rem; }
.account-career-layout-v860 {
  display: grid;
  grid-template-columns: minmax(0,1.65fr) minmax(280px,.75fr);
  gap: 1rem;
  margin-top: 1rem;
  align-items: start;
}
.account-career-main-v860,
.account-career-side-v860 { display: grid; gap: 1rem; }
.career-content-block-v860 {
  padding: .9rem;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 14px;
  background: rgba(6,12,19,.46);
}
.career-content-block-v860 > .eyebrow { margin-bottom: .65rem; }
.compact-empty-v860 { min-height: 0; padding: .85rem; }
.public-profile-loading-v860 {
  min-height: 220px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: .75rem;
  color: var(--muted);
}
.busy-spinner-v860 {
  width: 34px;
  height: 34px;
  border: 3px solid rgba(255,255,255,.12);
  border-top-color: var(--info,#55b9ff);
  border-radius: 50%;
  animation: busy-spin-v860 .75s linear infinite;
}
@keyframes busy-spin-v860 { to { transform: rotate(360deg); } }
@media (max-width: 1050px) {
  .career-summary-grid-v860 { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .team-summary-grid-v860 { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .player-team-directory-toolbar-v860 { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .player-team-directory-toolbar-v860 .wide { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
  .account-career-layout-v860 { grid-template-columns: 1fr; }
  .career-summary-grid-v860,
  .team-summary-grid-v860 { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .public-team-grid-v860 { grid-template-columns: 1fr; }
  .career-match-card-v860,
  .team-roster-member-v860,
  .team-event-history-v860 article,
  .career-placement-list-v860 article { align-items: flex-start; flex-direction: column; }
  .career-match-result-v860 { text-align: left; }
}
@media (max-width: 520px) {
  .career-summary-grid-v860,
  .team-summary-grid-v860,
  .public-team-card-stats-v860,
  .player-team-directory-toolbar-v860 { grid-template-columns: 1fr; }
  .public-team-card-v860 { grid-template-columns: 48px minmax(0,1fr); }
  .public-team-card-mark-v860 { width: 48px; height: 48px; }
}
@media (prefers-reduced-motion: reduce) { .busy-spinner-v860 { animation: none; } }
.team-roster-history-v860 { display: grid; gap: .65rem; }
.team-roster-history-v860 details {
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 12px;
  background: rgba(255,255,255,.022);
  overflow: hidden;
}
.team-roster-history-v860 summary {
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: .8rem;
  padding: .78rem;
  cursor: pointer;
}
.team-roster-history-v860 summary::-webkit-details-marker { display: none; }
.team-roster-history-v860 summary > span:first-child { display: grid; gap: .2rem; }
.team-roster-history-v860 summary small { color: var(--muted); font-size: .7rem; }
.team-roster-history-v860 details > div { display: grid; gap: .45rem; padding: 0 .78rem .78rem; }
.team-roster-history-v860 article {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  padding: .62rem;
  border-radius: 10px;
  background: rgba(0,0,0,.15);
}
.team-roster-history-v860 article > div { display: grid; gap: .15rem; }
.team-roster-history-v860 article span { color: var(--muted); font-size: .72rem; }


/* CTS v8.6.1 — Admin Event Setup Resources */
.area-resources-v861 { border-color: rgba(91, 175, 255, .28); }
.area-resources-v861 .admin-area-icon { background: rgba(91, 175, 255, .12); }
.admin-event-resource-v861 .admin-accordion-body { display: grid; gap: 18px; }
.event-resource-top-v861 { display: grid; grid-template-columns: auto minmax(180px, 1fr) auto; gap: 14px; align-items: center; }
.event-resource-progress-copy-v861 { display: flex; align-items: baseline; gap: 8px; white-space: nowrap; }
.event-resource-progress-copy-v861 span { color: var(--muted); font-size: .76rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.event-resource-progress-copy-v861 strong { font-size: 1.12rem; }
.event-resource-progress-copy-v861 em { color: var(--muted); font-style: normal; font-size: .86rem; }
.event-resource-progress-v861 { height: 10px; overflow: hidden; border: 1px solid var(--border); border-radius: 999px; background: rgba(255,255,255,.035); }
.event-resource-progress-v861 span { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--accent), var(--success)); transition: width .2s ease; }
.event-resource-shortcuts-v861 { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px; border: 1px solid var(--border); border-radius: 14px; background: rgba(255,255,255,.025); }
.event-resource-checklist-v861 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.resource-checklist-section-v861 { padding: 14px; border: 1px solid var(--border); border-radius: 14px; background: rgba(255,255,255,.022); }
.resource-checklist-section-v861 h3 { margin: 0 0 10px; font-size: .92rem; }
.resource-check-grid-v861 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.resource-check-v861 { display: flex; align-items: center; gap: 8px; min-height: 34px; margin: 0; padding: 7px 9px; border: 1px solid transparent; border-radius: 9px; cursor: pointer; font-size: .86rem; font-weight: 650; line-height: 1.2; background: rgba(255,255,255,.025); }
.resource-check-v861:hover { border-color: var(--border); }
.resource-check-v861 input { width: 17px; height: 17px; margin: 0; flex: 0 0 auto; accent-color: var(--accent); }
.resource-check-v861:has(input:checked) { border-color: rgba(75, 210, 140, .24); background: rgba(75, 210, 140, .075); }
.resource-check-v861:has(input:checked) span { color: var(--muted); text-decoration: line-through; text-decoration-thickness: 1px; }
@media (max-width: 900px) {
  .event-resource-checklist-v861 { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .event-resource-top-v861 { grid-template-columns: 1fr; }
  .resource-check-grid-v861 { grid-template-columns: 1fr; }
  .event-resource-shortcuts-v861 button { flex: 1 1 44%; }
}


/* CTS v8.7.0 — Achievements & Awards */
.area-awards-v870{--area-accent:#f0b44a}.achievement-admin-toolbar-v870,.automatic-achievement-panel-v870{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid var(--line);border-radius:18px;background:var(--surface-soft)}
.achievement-admin-grid-v870{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:1rem;margin-top:1rem}.achievement-admin-panel-v870,.achievement-history-v870{border:1px solid var(--line);border-radius:20px;padding:1rem;background:var(--surface)}.achievement-history-v870{margin-top:1rem}
.achievement-definition-list-v870,.achievement-award-list-v870{display:grid;gap:.7rem;margin-top:1rem}.achievement-definition-card-v870,.achievement-award-card-v870{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.85rem;align-items:center;padding:.85rem;border:1px solid var(--line);border-radius:16px;background:var(--surface-soft)}.achievement-definition-card-v870.inactive,.achievement-award-card-v870.revoked{opacity:.62}.achievement-definition-card-v870 span,.achievement-award-card-v870 span,.achievement-badge-v870 span{display:block;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.achievement-definition-card-v870 strong,.achievement-award-card-v870 strong,.achievement-badge-v870 strong{display:block;margin:.18rem 0}.achievement-definition-card-v870 small,.achievement-award-card-v870 small,.achievement-badge-v870 small{color:var(--muted)}
.achievement-icon-v870{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,rgba(240,180,74,.22),rgba(240,180,74,.06));font-size:1.55rem;border:1px solid rgba(240,180,74,.28)}.achievement-meta-row-v870{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.45rem}.achievement-meta-row-v870 em,.achievement-award-actions-v870 em{font-style:normal;font-size:.72rem;padding:.2rem .45rem;border-radius:999px;background:var(--surface);border:1px solid var(--line)}.achievement-award-actions-v870{display:grid;justify-items:end;gap:.45rem}.automatic-achievement-panel-v870{margin-top:1rem;align-items:end}.automatic-achievement-panel-v870 label{min-width:220px}.achievement-history-filters-v870{display:flex;gap:.5rem}
.achievement-badge-grid-v870{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.65rem}.achievement-badge-v870{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.7rem;align-items:center;padding:.8rem;border:1px solid var(--line);border-radius:16px;background:var(--surface-soft);overflow:hidden}.achievement-badge-v870 em{position:absolute;right:.5rem;top:.45rem;font-style:normal;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:#f0b44a}.achievement-badge-v870.rarity-legendary{border-color:rgba(240,180,74,.55);box-shadow:inset 0 0 0 1px rgba(240,180,74,.12)}.achievement-badge-v870.rarity-epic{border-color:rgba(181,116,255,.45)}.achievement-badge-v870.rarity-rare{border-color:rgba(74,155,255,.45)}
@media(max-width:900px){.achievement-admin-grid-v870{grid-template-columns:1fr}.achievement-admin-toolbar-v870,.automatic-achievement-panel-v870{align-items:stretch;flex-direction:column}.achievement-history-filters-v870{width:100%;flex-direction:column}.achievement-definition-card-v870,.achievement-award-card-v870{grid-template-columns:auto minmax(0,1fr)}.achievement-definition-card-v870>button,.achievement-award-actions-v870{grid-column:1/-1;justify-items:stretch}}


/* v8.8.0 Communications Hub */
.site-announcement-stack-v880{display:grid;gap:10px;margin:0 0 16px}.site-announcement-v880{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid var(--line);border-left:5px solid var(--accent);border-radius:14px;background:linear-gradient(135deg,var(--panel),color-mix(in srgb,var(--accent) 8%,var(--panel)));box-shadow:0 10px 25px rgba(0,0,0,.18)}.site-announcement-v880.priority-high{border-left-color:#e4a11b}.site-announcement-v880.priority-urgent{border-left-color:#d84d4d}.site-announcement-v880>div{display:grid;gap:4px}.site-announcement-v880 span{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.site-announcement-v880 strong{font-size:1rem}.site-announcement-v880 p{margin:0;white-space:pre-line}.site-announcement-v880 a{width:max-content;font-weight:800}.site-announcement-v880 button{border:0;background:transparent;color:var(--muted);font-size:1.35rem;cursor:pointer;padding:0 4px}.communication-summary-grid-v880{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.communication-summary-grid-v880 article{display:grid;gap:4px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel-2)}.communication-summary-grid-v880 span,.communication-summary-grid-v880 small{color:var(--muted)}.communication-summary-grid-v880 strong{font-size:1.5rem}.communication-hub-grid-v880{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);gap:18px}.communication-compose-v880,.communication-template-panel-v880,.communication-history-v880{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:16px}.communication-channel-fieldset-v880{border:1px solid var(--line);border-radius:14px;padding:12px}.communication-channel-fieldset-v880 legend{font-weight:800;padding:0 6px}.communication-channel-grid-v880{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.communication-channel-grid-v880 .checkbox-label{align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--panel-2)}.communication-channel-grid-v880 .checkbox-label span{display:grid;gap:2px}.communication-channel-grid-v880 small{color:var(--muted);font-size:.75rem}.communication-audience-preview-v880{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 14px;border:1px dashed var(--line);border-radius:14px;background:var(--panel-2)}.communication-audience-preview-v880>div:first-child{display:grid;gap:3px}.communication-audience-sample-v880{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.communication-audience-sample-v880 span{padding:4px 8px;border-radius:999px;background:var(--panel);border:1px solid var(--line);font-size:.75rem}.communication-template-channels-v880{display:flex;flex-wrap:wrap;gap:10px}.communication-template-list-v880,.communication-history-list-v880{display:grid;gap:10px;margin-top:14px}.communication-template-card-v880,.communication-history-card-v880{display:flex;justify-content:space-between;gap:14px;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--panel-2)}.communication-template-card-v880>div:first-child{display:grid;gap:4px}.communication-template-card-v880 span,.communication-template-card-v880 small{color:var(--muted);font-size:.76rem}.communication-template-card-v880 p{margin:0}.communication-history-v880{margin-top:18px}.communication-history-card-v880{display:grid}.communication-history-card-v880.priority-high{border-left:4px solid #e4a11b}.communication-history-card-v880.priority-urgent{border-left:4px solid #d84d4d}.communication-history-head-v880{display:flex;justify-content:space-between;gap:12px}.communication-history-head-v880>div{display:grid;gap:3px}.communication-history-head-v880 span,.communication-history-head-v880 small{color:var(--muted);font-size:.76rem}.communication-history-card-v880 p{margin:0;white-space:pre-line}.communication-history-meta-v880{display:flex;flex-wrap:wrap;gap:8px 14px;color:var(--muted);font-size:.78rem}.area-communications .admin-area-icon{background:linear-gradient(135deg,#324f74,#1e2d47)}
@media(max-width:980px){.communication-hub-grid-v880{grid-template-columns:1fr}.communication-summary-grid-v880,.communication-channel-grid-v880{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.communication-summary-grid-v880,.communication-channel-grid-v880{grid-template-columns:1fr}.communication-audience-preview-v880,.communication-template-card-v880,.communication-history-head-v880{align-items:stretch;flex-direction:column}.communication-audience-sample-v880{justify-content:flex-start}}

/* v8.9.0 Analytics & Reports */
.area-analytics-v890 { --area-accent: var(--info); }
.analytics-filter-bar-v890 {
  display: grid;
  grid-template-columns: repeat(3, minmax(150px, 1fr));
  gap: .8rem;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(9, 13, 20, .48);
}
.analytics-filter-actions-v890 { display: flex; align-items: end; gap: .55rem; flex-wrap: wrap; }
.analytics-period-note-v890 { display: flex; justify-content: space-between; gap: 1rem; align-items: center; margin: .8rem 0 1rem; color: var(--muted); }
.analytics-period-note-v890 span { color: var(--text); font-weight: 800; }
.analytics-kpi-grid-v890 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; margin-bottom: 1rem; }
.analytics-kpi-grid-v890 article {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 15px;
  padding: 1rem;
  background: linear-gradient(180deg, rgba(24,31,45,.85), rgba(9,13,20,.55));
}
.analytics-kpi-grid-v890 span,.analytics-kpi-grid-v890 small { display: block; color: var(--muted); }
.analytics-kpi-grid-v890 span { font-size: .72rem; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.analytics-kpi-grid-v890 strong { display: block; margin: .25rem 0 .18rem; font-size: clamp(1.3rem, 3vw, 1.9rem); overflow-wrap: anywhere; }
.analytics-chart-grid-v890 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; margin-bottom: 1rem; }
.analytics-chart-grid-v890 > section,.analytics-event-report-v890,.analytics-report-export-v890 {
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 1rem;
  background: rgba(9,13,20,.38);
}
.analytics-bars-v890 { display: grid; gap: .72rem; max-height: 360px; overflow: auto; padding-right: .25rem; }
.analytics-bar-row-v890 > div:first-child { display: flex; justify-content: space-between; align-items: flex-start; gap: .7rem; margin-bottom: .28rem; }
.analytics-bar-row-v890 span { color: var(--muted); font-size: .78rem; }
.analytics-bar-row-v890 strong { display: flex; align-items: baseline; gap: .4rem; font-size: .82rem; }
.analytics-bar-row-v890 strong small { font-size: .66rem; font-weight: 600; text-transform: capitalize; }
.analytics-bar-track-v890 { height: 9px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.04); }
.analytics-bar-track-v890 > span { display: block; height: 100%; min-width: 0; border-radius: inherit; background: linear-gradient(90deg, var(--accent), var(--info)); }
.analytics-growth-v890 .analytics-bar-track-v890 > span { background: linear-gradient(90deg, var(--info), var(--success)); }
.analytics-event-report-v890,.analytics-report-export-v890 { margin-bottom: 1rem; }
.analytics-table-v890 { min-width: 920px; }
.analytics-table-v890 td strong,.analytics-table-v890 td small { display: block; }
.analytics-table-v890 td small { margin-top: .18rem; white-space: normal; min-width: 170px; }
.analytics-export-controls-v890 { display: flex; gap: .55rem; align-items: end; flex-wrap: wrap; }
.analytics-export-controls-v890 select { min-width: 220px; }
.analytics-report-preview-v890 { margin-top: .8rem; }
.analytics-preview-meta-v890 { display: flex; justify-content: space-between; gap: 1rem; align-items: center; margin-bottom: .65rem; color: var(--muted); }
.analytics-preview-meta-v890 strong { color: var(--text); }

@media (max-width: 900px) {
  .analytics-filter-bar-v890 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .analytics-kpi-grid-v890 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 650px) {
  .analytics-filter-bar-v890,.analytics-chart-grid-v890,.analytics-kpi-grid-v890 { grid-template-columns: 1fr; }
  .analytics-period-note-v890,.analytics-preview-meta-v890 { align-items: flex-start; flex-direction: column; }
  .analytics-filter-actions-v890 > button,.analytics-export-controls-v890 > button,.analytics-export-controls-v890 select { width: 100%; }
}
@media print {
  body { background: #fff !important; color: #111 !important; }
  .site-header,.tabs,footer,.toast,#adminCommandHome,#adminAreaToolbar,#adminOnboardingPanel,.admin-header-actions,.analytics-filter-actions-v890,.analytics-export-controls-v890,.notice { display: none !important; }
  .shell { width: 100%; margin: 0; }
  #adminView,#adminDashboard,#adminAnalyticsV890 { display: block !important; }
  #adminDashboard > .admin-guided-tool:not(#adminAnalyticsV890) { display: none !important; }
  #adminAnalyticsV890 { border: 0; box-shadow: none; padding: 0; background: #fff; color: #111; }
  #adminAnalyticsV890 > summary { display: none; }
  #adminAnalyticsV890 > .admin-accordion-body { display: block !important; }
  .analytics-filter-bar-v890,.analytics-kpi-grid-v890 article,.analytics-chart-grid-v890 > section,.analytics-event-report-v890,.analytics-report-export-v890 { background: #fff !important; border-color: #bbb !important; color: #111 !important; break-inside: avoid; }
  .analytics-bar-track-v890 { border-color: #bbb; background: #eee; }
  .analytics-bar-track-v890 > span { background: #555 !important; }
  .analytics-table-v890 { min-width: 0; font-size: 9px; }
  .analytics-table-v890 th,.analytics-table-v890 td { color: #111 !important; border-color: #ccc !important; }
  .muted,small,.analytics-kpi-grid-v890 span,.analytics-bar-row-v890 span { color: #444 !important; }
}


/* v8.10.0 UI & Routing Foundation */
.page-breadcrumbs-v8100{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;margin:0 0 .4rem;font-size:.78rem;color:var(--muted,#9aa3ad)}
.page-breadcrumbs-v8100 button{border:0;background:none;color:inherit;padding:0;cursor:pointer;font:inherit;text-decoration:underline;text-underline-offset:3px}
.page-breadcrumbs-v8100 button:hover{color:var(--accent,#ff7a1a)}.page-breadcrumbs-v8100 em{font-style:normal;opacity:.5}.page-breadcrumbs-v8100 span{color:var(--text,#fff);font-weight:700}
#adminDashboard{display:grid;grid-template-columns:minmax(220px,270px) minmax(0,1fr);gap:1rem;align-items:start}
#adminDashboard>.dashboard-header{grid-column:1/-1}#adminDashboard>.admin-route-sidebar-v8100{grid-column:1;grid-row:2/span 200}#adminDashboard>.admin-route-notice-v8100,#adminDashboard>.admin-command-home,#adminDashboard>.admin-onboarding,#adminDashboard>.admin-area-toolbar,#adminDashboard>details.admin-guided-tool{grid-column:2}
.admin-route-sidebar-v8100{position:sticky;top:1rem;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(22,27,34,.98),rgba(13,17,23,.98));border-radius:18px;padding:.8rem;max-height:calc(100vh - 2rem);overflow:auto;box-shadow:0 18px 48px rgba(0,0,0,.22)}
.admin-route-sidebar-head-v8100{display:flex;align-items:center;gap:.65rem;padding:.45rem .5rem .8rem;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:.55rem}.admin-route-sidebar-head-v8100 span{display:grid;place-items:center;width:2rem;height:2rem;border-radius:8px;background:var(--accent,#ff7a1a);color:#111;font-weight:900}.admin-route-sidebar-head-v8100 strong{font-size:.9rem}
.admin-route-group-v8100{padding:.45rem 0}.admin-route-group-v8100 p{margin:.1rem .55rem .35rem;font-size:.67rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted,#9aa3ad);font-weight:800}.admin-route-group-v8100 button{width:100%;text-align:left;border:0;background:transparent;color:var(--text,#fff);padding:.62rem .7rem;border-radius:10px;cursor:pointer;font:inherit;font-size:.84rem;transition:.15s ease}.admin-route-group-v8100 button:hover{background:rgba(255,255,255,.06)}.admin-route-group-v8100 button.active{background:rgba(255,122,26,.15);color:#fff;box-shadow:inset 3px 0 0 var(--accent,#ff7a1a);font-weight:800}
.admin-area-toolbar{position:sticky;top:.65rem;z-index:12;backdrop-filter:blur(14px);background:rgba(13,17,23,.92)}
.admin-accordion-summary{min-height:78px}.admin-accordion-copy h2{line-height:1.15}.admin-accordion-body>.section-heading:first-child{margin-top:0}
.admin-route-notice-v8100{margin:0}.not-found-panel-v8100{max-width:700px;margin:4rem auto;text-align:center;padding:3rem}.not-found-panel-v8100 h2{font-size:clamp(2rem,6vw,4rem);margin:.25rem 0 1rem}
.table-scroll table thead th{position:sticky;top:0;z-index:2;background:var(--panel,#171b22)}
.empty-state{border-style:dashed}.action-row button.primary,.action-row a.primary{font-weight:800}
@media(max-width:1000px){#adminDashboard{grid-template-columns:1fr}#adminDashboard>.dashboard-header,#adminDashboard>.admin-route-sidebar-v8100,#adminDashboard>.admin-route-notice-v8100,#adminDashboard>.admin-command-home,#adminDashboard>.admin-onboarding,#adminDashboard>.admin-area-toolbar,#adminDashboard>details.admin-guided-tool{grid-column:1;grid-row:auto}.admin-route-sidebar-v8100{position:relative;top:auto;max-height:none;display:flex;gap:.55rem;overflow-x:auto;padding:.65rem}.admin-route-sidebar-head-v8100{min-width:180px;border-bottom:0;border-right:1px solid rgba(255,255,255,.08);margin:0;padding-right:1rem}.admin-route-group-v8100{display:flex;gap:.25rem;min-width:max-content}.admin-route-group-v8100 p{display:none}.admin-route-group-v8100 button{width:auto;white-space:nowrap}}
@media(max-width:700px){.page-context{align-items:flex-start}.page-breadcrumbs-v8100{font-size:.72rem}.admin-area-toolbar{top:0}.admin-route-sidebar-head-v8100{display:none}.admin-route-sidebar-v8100{border-radius:12px}.not-found-panel-v8100{margin:1rem auto;padding:2rem 1rem}}


/* --------------------------------------------------------------------------
   v8.10.1 — Navigation reset and visual overhaul
   -------------------------------------------------------------------------- */
:root {
  --v8101-surface: rgba(13, 19, 29, .94);
  --v8101-surface-strong: rgba(8, 13, 21, .98);
  --v8101-line: rgba(255,255,255,.085);
  --v8101-blue: #66c7ff;
  --v8101-orange: #ff7738;
  --v8101-shadow: 0 22px 55px rgba(0,0,0,.28);
}
html.cts-ui-v8101 { scroll-behavior: auto; scroll-padding-top: 82px; }
html.cts-ui-v8101 body {
  background:
    radial-gradient(circle at 78% -10%, rgba(65,146,255,.12), transparent 31%),
    radial-gradient(circle at 14% 18%, rgba(255,91,40,.11), transparent 27%),
    linear-gradient(135deg, #070a0f 0%, #090e16 48%, #070a10 100%);
}
html.cts-ui-v8101 body::before {
  background:
    linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.8), transparent 78%);
}
html.cts-ui-v8101 .site-header {
  min-height: 62px;
  background: rgba(6,10,16,.88);
  border-bottom: 1px solid rgba(255,255,255,.075);
  box-shadow: 0 10px 35px rgba(0,0,0,.22);
}
html.cts-ui-v8101 .site-header::after {
  height: 1px;
  background: linear-gradient(90deg, var(--v8101-orange), var(--v8101-blue), transparent 72%);
}
html.cts-ui-v8101 .shell {
  grid-template-columns: 226px minmax(0,1fr);
  gap: 1rem;
  width: min(1840px, calc(100% - 1.5rem));
  margin-top: .75rem;
}
html.cts-ui-v8101 .tabs {
  top: 73px;
  padding: .48rem;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(15,22,33,.96), rgba(7,11,17,.98));
  box-shadow: var(--v8101-shadow);
}
html.cts-ui-v8101 .tab {
  min-height: 50px;
  border-radius: 11px;
}
html.cts-ui-v8101 .tab.active,
html.cts-ui-v8101 .tab[aria-current="page"] {
  border-color: rgba(102,199,255,.25);
  background: linear-gradient(100deg, rgba(255,119,56,.17), rgba(102,199,255,.075));
  box-shadow: inset 3px 0 0 var(--v8101-orange), 0 10px 25px rgba(0,0,0,.2);
}
html.cts-ui-v8101 .page-context {
  min-height: 80px;
  margin-bottom: .85rem;
  padding: .78rem .9rem;
  border-radius: 16px;
  border-color: rgba(102,199,255,.12);
  background: linear-gradient(105deg, rgba(20,30,44,.97), rgba(9,14,22,.96));
  box-shadow: 0 16px 38px rgba(0,0,0,.2);
}
html.cts-ui-v8101 .page-context::before {
  background: linear-gradient(115deg, rgba(255,119,56,.09), rgba(102,199,255,.035) 50%, transparent 70%);
}
html.cts-ui-v8101 .page-context-mark {
  border-color: rgba(102,199,255,.34);
  background: linear-gradient(145deg, rgba(255,119,56,.13), rgba(102,199,255,.1));
  color: #e7f6ff;
}
html.cts-ui-v8101 .page-context-stripe { background: linear-gradient(var(--v8101-orange), var(--v8101-blue)); }
html.cts-ui-v8101 .panel {
  border-color: var(--v8101-line);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(18,26,38,.94), rgba(8,13,21,.95));
  box-shadow: 0 15px 38px rgba(0,0,0,.18);
}

/* One clean admin workspace instead of a second nested sidebar. */
html.cts-ui-v8101 #adminDashboard {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  gap: .8rem;
  align-items: start;
}
html.cts-ui-v8101 #adminDashboard > * { grid-column: 1 !important; grid-row: auto !important; min-width: 0; }
html.cts-ui-v8101 #adminDashboard > .dashboard-header {
  position: relative;
  overflow: hidden;
  padding: 1rem 1.1rem;
  background: linear-gradient(120deg, rgba(24,35,51,.97), rgba(9,15,24,.97));
}
html.cts-ui-v8101 #adminDashboard > .dashboard-header::after {
  content: "CONTROL";
  position: absolute;
  right: 1rem;
  bottom: -1rem;
  font-size: clamp(3.2rem,8vw,7rem);
  font-weight: 1000;
  letter-spacing: -.07em;
  color: rgba(255,255,255,.022);
  pointer-events: none;
}
html.cts-ui-v8101 .admin-route-sidebar-v8100 {
  position: relative;
  top: auto;
  z-index: 10;
  display: flex;
  align-items: stretch;
  gap: .45rem;
  max-height: none;
  overflow-x: auto;
  overflow-y: hidden;
  padding: .55rem;
  border-radius: 15px;
  border-color: rgba(102,199,255,.12);
  background: linear-gradient(90deg, rgba(13,20,31,.98), rgba(8,13,21,.98));
  box-shadow: 0 13px 32px rgba(0,0,0,.2);
  scrollbar-width: thin;
}
html.cts-ui-v8101 .admin-route-sidebar-head-v8100 {
  flex: 0 0 145px;
  min-width: 145px;
  margin: 0;
  padding: .45rem .75rem .45rem .3rem;
  border: 0;
  border-right: 1px solid rgba(255,255,255,.08);
}
html.cts-ui-v8101 .admin-route-sidebar-head-v8100 span {
  background: linear-gradient(145deg, var(--v8101-orange), #e34d45);
  box-shadow: 0 8px 18px rgba(255,80,40,.16);
}
html.cts-ui-v8101 .admin-route-group-v8100 {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: repeat(var(--admin-items,1), max-content);
  align-content: center;
  gap: .2rem;
  min-width: max-content;
  padding: .22rem .35rem;
  border-right: 1px solid rgba(255,255,255,.055);
}
html.cts-ui-v8101 .admin-route-group-v8100:last-child { border-right: 0; }
html.cts-ui-v8101 .admin-route-group-v8100 p {
  grid-column: 1/-1;
  margin: 0 .35rem .12rem;
  font-size: .56rem;
  letter-spacing: .14em;
}
html.cts-ui-v8101 .admin-route-group-v8100 button {
  width: auto;
  min-height: 34px;
  padding: .45rem .62rem;
  border: 1px solid transparent;
  border-radius: 9px;
  white-space: nowrap;
  font-size: .75rem;
}
html.cts-ui-v8101 .admin-route-group-v8100 button:hover { border-color: rgba(255,255,255,.08); }
html.cts-ui-v8101 .admin-route-group-v8100 button.active {
  border-color: rgba(255,119,56,.26);
  background: linear-gradient(110deg, rgba(255,119,56,.18), rgba(102,199,255,.07));
  box-shadow: inset 0 -2px 0 var(--v8101-orange);
}
html.cts-ui-v8101 .admin-area-toolbar {
  top: 72px;
  z-index: 12;
  border-color: rgba(102,199,255,.14);
  background: rgba(9,15,24,.94);
  box-shadow: 0 14px 30px rgba(0,0,0,.24);
}
html.cts-ui-v8101 #adminDashboard > details.admin-guided-tool.guided-visible {
  width: 100%;
  margin: 0;
  scroll-margin-top: 155px;
}
html.cts-ui-v8101 #adminDashboard > details.admin-guided-tool.route-page-active-v8101 {
  overflow: visible;
  border-color: rgba(102,199,255,.15);
  box-shadow: 0 20px 46px rgba(0,0,0,.24);
}
html.cts-ui-v8101 #adminDashboard > details.admin-guided-tool.route-page-active-v8101 > summary {
  cursor: default;
  min-height: 88px;
  border-bottom: 1px solid rgba(255,255,255,.075);
  background: linear-gradient(105deg, rgba(255,119,56,.075), rgba(102,199,255,.045), transparent 70%);
}
html.cts-ui-v8101 #adminDashboard > details.admin-guided-tool.route-page-active-v8101 > summary .admin-accordion-chevron { display: none; }
html.cts-ui-v8101 #adminDashboard > details.admin-guided-tool.route-page-active-v8101 > .admin-accordion-body {
  background: rgba(5,9,15,.18);
}
html.cts-ui-v8101 .admin-command-home {
  background: linear-gradient(135deg, rgba(22,32,46,.97), rgba(8,13,21,.98));
}
html.cts-ui-v8101 .admin-home-summary article,
html.cts-ui-v8101 .admin-area-card {
  border-color: rgba(255,255,255,.075);
  background: linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,.012));
}
html.cts-ui-v8101 .admin-area-card:hover {
  transform: translateY(-2px);
  border-color: rgba(102,199,255,.2);
  box-shadow: 0 15px 30px rgba(0,0,0,.2);
}
html.cts-ui-v8101 .table-scroll { border-radius: 12px; }
html.cts-ui-v8101 .table-scroll table thead th { top: 0; background: #101722; }
html.cts-ui-v8101 button,
html.cts-ui-v8101 input,
html.cts-ui-v8101 select,
html.cts-ui-v8101 textarea { transition: border-color .15s ease, background .15s ease, transform .15s ease, box-shadow .15s ease; }
html.cts-ui-v8101 button:focus-visible,
html.cts-ui-v8101 input:focus-visible,
html.cts-ui-v8101 select:focus-visible,
html.cts-ui-v8101 textarea:focus-visible {
  outline: 2px solid rgba(102,199,255,.72);
  outline-offset: 2px;
}

@media (max-width: 1100px) {
  html.cts-ui-v8101 .shell { grid-template-columns: 205px minmax(0,1fr); }
  html.cts-ui-v8101 .admin-route-sidebar-head-v8100 { display: none; }
}
@media (max-width: 900px) {
  html.cts-ui-v8101 .shell { display: block; width: min(100% - 1rem, 1560px); }
  html.cts-ui-v8101 .tabs {
    position: sticky;
    top: 63px;
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    margin-bottom: .65rem;
    border-radius: 13px;
  }
  html.cts-ui-v8101 .nav-brand-label, html.cts-ui-v8101 .nav-footer-note { display: none; }
  html.cts-ui-v8101 .tab { flex: 0 0 auto; min-width: 118px; grid-template-columns: 30px minmax(0,1fr); }
  html.cts-ui-v8101 .tab-icon { width: 29px; height: 29px; }
  html.cts-ui-v8101 .admin-route-sidebar-v8100 { padding: .45rem; }
  html.cts-ui-v8101 .admin-route-group-v8100 p { display: none; }
  html.cts-ui-v8101 .admin-area-toolbar { top: 122px; }
}
@media (max-width: 620px) {
  html.cts-ui-v8101 .site-header { position: relative; }
  html.cts-ui-v8101 .tabs { top: 0; }
  html.cts-ui-v8101 .page-context { grid-template-columns: 38px minmax(0,1fr) 4px; min-height: 70px; }
  html.cts-ui-v8101 .page-context-mark { width: 34px; height: 34px; }
  html.cts-ui-v8101 .page-context-copy > p:last-child { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  html.cts-ui-v8101 .admin-route-sidebar-v8100 { border-radius: 12px; }
  html.cts-ui-v8101 .admin-route-group-v8100 button { min-height: 32px; padding: .4rem .55rem; }
  html.cts-ui-v8101 .admin-area-toolbar { position: relative; top: auto; }
  html.cts-ui-v8101 #adminDashboard > .dashboard-header { padding: .85rem; }
}
@media (prefers-reduced-motion: reduce) {
  html.cts-ui-v8101 *, html.cts-ui-v8101 *::before, html.cts-ui-v8101 *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* v8.10.1 compact Admin workspace rail correction */
html.cts-ui-v8101 .admin-route-group-v8100 {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  gap: .2rem;
}
html.cts-ui-v8101 .admin-route-group-v8100 p {
  grid-column: auto;
  flex: 0 0 auto;
  margin: 0 .28rem 0 .1rem;
}

/* v8.10.1 explicit context placement and compact routed Admin pages */
html.cts-ui-v8101 .page-context-mark { grid-column: 1; }
html.cts-ui-v8101 .page-context-copy { grid-column: 2; }
html.cts-ui-v8101 .page-context-stripe { grid-column: 3; }
html.cts-ui-v8101 body.admin-tool-route-v8101[data-active-view="adminView"] #adminDashboard > .dashboard-header {
  padding-top: .72rem;
  padding-bottom: .72rem;
}
html.cts-ui-v8101 body.admin-tool-route-v8101[data-active-view="adminView"] #adminPermissionSummaryV84,
html.cts-ui-v8101 body.admin-tool-route-v8101[data-active-view="adminView"] #adminLocation { display: none; }
@media (max-width: 620px) {
  html.cts-ui-v8101 .page-context-mark { display: grid; }
  html.cts-ui-v8101 body.admin-tool-route-v8101[data-active-view="adminView"] .page-context { display: none; }
  html.cts-ui-v8101 body.admin-tool-route-v8101[data-active-view="adminView"] #adminDashboard > .dashboard-header {
    padding: .7rem .8rem;
  }
  html.cts-ui-v8101 body.admin-tool-route-v8101[data-active-view="adminView"] #adminDashboard > .dashboard-header .admin-header-copy > .eyebrow,
  html.cts-ui-v8101 body.admin-tool-route-v8101[data-active-view="adminView"] #adminIdentity { display: none; }
  html.cts-ui-v8101 body.admin-tool-route-v8101[data-active-view="adminView"] #adminDashboard > .dashboard-header h2 { font-size: 1.1rem; }
  html.cts-ui-v8101 body.admin-tool-route-v8101[data-active-view="adminView"] .admin-header-actions { gap: .4rem; }
  html.cts-ui-v8101 body.admin-tool-route-v8101[data-active-view="adminView"] .admin-header-actions button { min-height: 34px; padding: .42rem .62rem; }
  html.cts-ui-v8101 body.admin-tool-route-v8101[data-active-view="adminView"] .admin-area-toolbar {
    display: grid;
    grid-template-columns: auto minmax(0,1fr);
    gap: .55rem;
    padding: .58rem .65rem;
  }
  html.cts-ui-v8101 body.admin-tool-route-v8101[data-active-view="adminView"] .admin-area-toolbar-copy .eyebrow,
  html.cts-ui-v8101 body.admin-tool-route-v8101[data-active-view="adminView"] .admin-area-toolbar-copy .muted { display: none; }
  html.cts-ui-v8101 body.admin-tool-route-v8101[data-active-view="adminView"] .admin-area-toolbar-copy h2 { font-size: 1rem; }
  html.cts-ui-v8101 body.admin-tool-route-v8101[data-active-view="adminView"] .admin-tool-jump { grid-column: 1/-1; }
}

/* CTS v8.11.0 — Full visual redesign */
:root {
  color-scheme: dark;
  --bg: #060912;
  --bg-soft: #0a1020;
  --panel: #10182a;
  --panel-2: #162238;
  --panel-3: #1d2b45;
  --line: rgba(145, 166, 205, .18);
  --line-strong: rgba(145, 166, 205, .30);
  --text: #f7f9ff;
  --muted: #9eacc6;
  --accent: #33d7ff;
  --accent-2: #8d6cff;
  --accent-3: #36f1b4;
  --success: #41e7a2;
  --warning: #ffc857;
  --danger: #ff667d;
  --info: #61a9ff;
  --shadow-lg: 0 28px 80px rgba(0, 0, 0, .34);
  --shadow-md: 0 16px 44px rgba(0, 0, 0, .24);
  --radius-xl: 24px;
  --radius-lg: 18px;
  --radius-md: 13px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html { background: var(--bg); }
body {
  background:
    radial-gradient(circle at 12% -8%, rgba(51, 215, 255, .16), transparent 31rem),
    radial-gradient(circle at 94% 6%, rgba(141, 108, 255, .17), transparent 34rem),
    linear-gradient(180deg, #070b15 0%, #060912 55%, #080d18 100%);
  background-attachment: fixed;
  letter-spacing: -.005em;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .18;
  background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, black, transparent 78%);
}

.site-header {
  min-height: 82px;
  padding: 1rem clamp(1rem, 3vw, 2.25rem);
  border-bottom: 1px solid var(--line);
  background: rgba(7, 11, 21, .80);
  box-shadow: 0 8px 34px rgba(0,0,0,.20);
}
.header-left { display:flex; align-items:center; gap:.9rem; }
.brand-logo {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  border: 1px solid rgba(51,215,255,.24);
  background: linear-gradient(145deg, rgba(51,215,255,.12), rgba(141,108,255,.10));
  box-shadow: 0 10px 32px rgba(51, 215, 255, .10);
}
.brand-wrap h1 { font-size: clamp(1.08rem, 2vw, 1.38rem); letter-spacing: -.025em; }
.site-header p { color: #8292ad; }
.header-build-status-v8110 { display:flex; gap:.55rem; align-items:center; flex-wrap:wrap; justify-content:flex-end; }
.build-badge-v8110, .connection-badge {
  border-radius: 10px;
  padding: .48rem .7rem;
  background: rgba(255,255,255,.035);
  border: 1px solid var(--line);
  font-weight: 800;
}
.build-badge-v8110 { color: var(--accent); }

.shell {
  width: min(1520px, calc(100% - 2rem));
  margin: 1.25rem auto 4rem;
  display: grid;
  grid-template-columns: 238px minmax(0, 1fr);
  gap: 1.15rem;
  align-items: start;
}
.tabs {
  position: sticky;
  top: 96px;
  display: flex;
  flex-direction: column;
  gap: .35rem;
  margin: 0;
  padding: .75rem;
  border-radius: var(--radius-xl);
  background: linear-gradient(180deg, rgba(16,24,42,.94), rgba(10,16,32,.94));
  border: 1px solid var(--line);
  box-shadow: var(--shadow-md);
  max-height: calc(100vh - 112px);
  overflow-y: auto;
}
.nav-brand-label { padding: .65rem .7rem 1rem; border-bottom: 1px solid var(--line); margin-bottom:.25rem; }
.nav-brand-label span { display:block; color:var(--accent); font-size:.68rem; letter-spacing:.16em; font-weight:900; }
.nav-brand-label strong { display:block; margin-top:.18rem; font-size:1.02rem; }
.tab {
  min-height: 58px;
  padding: .65rem .72rem;
  border: 1px solid transparent;
  border-radius: 14px;
  display: grid;
  grid-template-columns: 34px 1fr auto;
  align-items:center;
  gap:.65rem;
  text-align:left;
  font-weight: 700;
  transition: transform .16s ease, background .16s ease, border-color .16s ease;
}
.tab:hover { transform: translateX(2px); background:rgba(255,255,255,.045); border-color:var(--line); }
.tab.active {
  color: var(--text);
  background: linear-gradient(135deg, rgba(51,215,255,.15), rgba(141,108,255,.12));
  border-color: rgba(51,215,255,.28);
  box-shadow: inset 3px 0 0 var(--accent), 0 8px 22px rgba(0,0,0,.16);
}
.tab-icon { width:32px; height:32px; border-radius:10px; display:grid; place-items:center; background:rgba(255,255,255,.045); }
.tab-icon svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.7; }
.tab-copy { display:flex; flex-direction:column; gap:.12rem; min-width:0; }
.tab-copy strong { font-size:.86rem; }
.tab-copy small { font-size:.67rem; font-weight:600; color:var(--muted); }
.nav-footer-note { margin-top:auto; padding:.8rem .7rem .3rem; color:var(--muted); font-size:.72rem; display:flex; align-items:center; gap:.5rem; }
.nav-status-dot { width:8px; height:8px; border-radius:50%; background:var(--success); box-shadow:0 0 16px var(--success); }
.workspace-content { min-width:0; }

.page-context {
  position: relative;
  overflow:hidden;
  min-height: 150px;
  padding: 1.65rem 1.8rem;
  margin-bottom: 1rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-xl);
  background:
    linear-gradient(115deg, rgba(51,215,255,.10), transparent 40%),
    linear-gradient(145deg, rgba(22,34,56,.96), rgba(12,18,34,.96));
  box-shadow: var(--shadow-md);
}
.page-context::after { content:""; position:absolute; width:250px; height:250px; border:1px solid rgba(141,108,255,.18); border-radius:50%; right:-70px; top:-125px; }
.page-context-mark { position:absolute; right:1.5rem; bottom:-1rem; font-size:6rem; line-height:1; font-weight:950; color:rgba(255,255,255,.035); }
.page-context-copy { position:relative; z-index:1; max-width:820px; }
.page-context h2 { font-size:clamp(1.75rem,4vw,2.65rem); letter-spacing:-.04em; margin:.28rem 0 .45rem; }
.page-context p:last-child { color:var(--muted); margin:0; line-height:1.6; }
.page-context-stripe { position:absolute; left:0; top:24px; bottom:24px; width:3px; background:linear-gradient(var(--accent),var(--accent-2)); border-radius:4px; }
.page-breadcrumbs-v8100 { color:var(--muted); font-size:.74rem; }
.eyebrow { color:var(--accent); letter-spacing:.17em; }

.panel,
.summary-card,
.registration-card,
.event-card,
.account-registration-card {
  border-color: var(--line);
  background: linear-gradient(160deg, rgba(17,26,45,.96), rgba(12,18,33,.96));
  box-shadow: var(--shadow-md);
}
.panel { border-radius:var(--radius-xl); padding:clamp(1.05rem,2vw,1.55rem); }
.panel:hover { border-color:rgba(145,166,205,.25); }
.intro-panel { background:linear-gradient(135deg, rgba(51,215,255,.10), rgba(141,108,255,.07) 52%, rgba(16,24,42,.98)); }
.intro-panel h2, .dashboard-header h2, .admin-login h2 { letter-spacing:-.035em; }

input, select, textarea {
  min-height: 46px;
  border-radius: 12px;
  border-color: var(--line-strong);
  background: rgba(5,10,21,.68);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
  transition:border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
input:hover, select:hover, textarea:hover { border-color:rgba(51,215,255,.30); }
input:focus, select:focus, textarea:focus { border-color:var(--accent); background:#080f1f; box-shadow:0 0 0 3px rgba(51,215,255,.12); }
label { color:#dce5f7; letter-spacing:.005em; }

.primary, .secondary, .danger-button {
  min-height: 43px;
  border-radius: 12px;
  padding: .72rem 1rem;
  transition:transform .15s ease, filter .15s ease, border-color .15s ease;
}
.primary { background:linear-gradient(135deg, #20c8f2, #705cff); color:#fff; box-shadow:0 10px 24px rgba(45,147,255,.20); }
.primary:hover { transform:translateY(-1px); filter:brightness(1.08); }
.secondary { background:rgba(255,255,255,.045); border-color:var(--line-strong); }
.secondary:hover { border-color:rgba(51,215,255,.36); background:rgba(51,215,255,.07); }
.danger-button { background:rgba(255,102,125,.09); border-color:rgba(255,102,125,.32); }

.summary-grid { gap:.9rem; }
.summary-card { position:relative; overflow:hidden; border-radius:18px; padding:1.1rem; }
.summary-card::before { content:""; position:absolute; inset:0 auto 0 0; width:3px; background:linear-gradient(var(--accent),var(--accent-2)); }
.summary-card strong { font-size:1.65rem; letter-spacing:-.04em; }

.status-badge, .event-status { background:rgba(255,255,255,.04); border-color:var(--line-strong); }
.status-badge.approved, .event-status.event-open { background:rgba(65,231,162,.08); }
.status-badge.pending { background:rgba(255,200,87,.08); }
.status-badge.rejected { background:rgba(255,102,125,.08); }
.status-badge.action { background:rgba(97,169,255,.08); }

.registration-card, .event-card, .account-registration-card { border-radius:18px; }
.registration-card summary:hover, .tos-box summary:hover { background:rgba(51,215,255,.035); }
.admin-card-body { background:rgba(4,9,19,.28); }
.admin-details div, .detail-list div, .event-stats div, .account-registration-meta div { background:rgba(5,10,21,.56); border-color:var(--line); }

.notice { border-radius:14px; }
.toast { border-radius:16px; background:rgba(16,24,42,.96); backdrop-filter:blur(16px); box-shadow:var(--shadow-lg); }
.empty-state { border:1px dashed var(--line-strong); border-radius:18px; padding:2rem; background:rgba(255,255,255,.015); }

/* Admin workspace redesign */
.admin-workspace-nav-v8101, .admin-route-toolbar-v8101, .admin-navigation-v8100 {
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(13,20,36,.90);
  box-shadow:var(--shadow-md);
}
.admin-workspace-nav-v8101 button.active, .admin-navigation-v8100 button.active {
  background:linear-gradient(135deg, rgba(51,215,255,.15), rgba(141,108,255,.13));
  color:var(--text);
  border-color:rgba(51,215,255,.28);
}

/* Tables */
table { border-collapse:separate; border-spacing:0; overflow:hidden; border:1px solid var(--line); border-radius:16px; }
thead th { background:rgba(141,108,255,.08); color:#dfe7fb; font-size:.72rem; letter-spacing:.07em; text-transform:uppercase; }
th, td { border-bottom:1px solid var(--line); padding:.8rem .85rem; }
tbody tr:hover td { background:rgba(51,215,255,.025); }
tbody tr:last-child td { border-bottom:0; }

footer { color:#65738c; }

@media (max-width: 1080px) {
  .shell { grid-template-columns:1fr; width:min(100% - 1rem, 1200px); }
  .tabs {
    position:sticky;
    top:82px;
    z-index:4;
    flex-direction:row;
    overflow-x:auto;
    max-height:none;
    border-radius:18px;
    padding:.45rem;
  }
  .nav-brand-label, .nav-footer-note { display:none; }
  .tab { min-width:150px; grid-template-columns:30px 1fr; }
  .tab.active { box-shadow:inset 0 -3px 0 var(--accent); }
}
@media (max-width: 620px) {
  .site-header { min-height:70px; padding:.75rem; }
  .header-build-status-v8110 { max-width:44%; }
  .build-badge-v8110, .connection-badge { font-size:.64rem; padding:.4rem .5rem; }
  .shell { margin-top:.65rem; }
  .tabs { top:70px; }
  .tab { min-width:54px; width:54px; grid-template-columns:1fr; justify-items:center; padding:.55rem; }
  .tab-copy { display:none; }
  .page-context { min-height:132px; padding:1.25rem 1.15rem; border-radius:20px; }
  .page-context h2 { font-size:1.7rem; }
  .page-context-mark { font-size:4.5rem; }
  .panel { border-radius:20px; }
  .form-grid, .compact-form, .filters, .review-form { gap:.8rem; }
}


/* CTS v8.12.0 — Homepage and structural layout rebuild */
:root {
  --site-width-v8120: 1480px;
  --nav-height-v8120: 74px;
}

body {
  background:
    radial-gradient(circle at 8% 0%, rgba(28, 185, 255, .10), transparent 28rem),
    radial-gradient(circle at 92% 16%, rgba(116, 75, 255, .10), transparent 31rem),
    #060913;
}
body::before { opacity:.10; background-size:56px 56px; }

.site-header {
  position:relative;
  top:auto;
  min-height:88px;
  padding:0 max(1rem, calc((100vw - var(--site-width-v8120)) / 2));
  background:rgba(6,9,19,.92);
  border-bottom:1px solid rgba(154,177,219,.12);
  box-shadow:none;
}
.header-left { min-width:0; }
.brand-home-v8120 {
  appearance:none;
  border:0;
  color:inherit;
  background:transparent;
  padding:0;
  cursor:pointer;
  text-align:left;
}
.brand-home-v8120:hover .brand-logo { transform:rotate(-3deg) scale(1.03); }
.brand-logo { width:48px; height:48px; border-radius:13px; transition:transform .18s ease; }
.brand-wrap h1 { font-size:1.06rem; text-transform:uppercase; letter-spacing:.055em; }
.brand-wrap p { font-size:.73rem; text-transform:uppercase; letter-spacing:.10em; }
.header-build-status-v8110 { gap:.65rem; }
.header-account-action-v8120 {
  min-height:40px;
  padding:.58rem .9rem;
  border-radius:999px;
  border:1px solid rgba(85,216,255,.28);
  color:#eafaff;
  background:rgba(51,215,255,.08);
  font-weight:850;
}
.header-account-action-v8120:hover { background:rgba(51,215,255,.14); }
.notification-mailbox { order:2; }

.shell {
  width:100%;
  max-width:none;
  margin:0 0 4rem;
  display:block;
}
.tabs {
  position:sticky;
  top:0;
  z-index:12;
  width:100%;
  max-height:none;
  margin:0;
  padding:.55rem max(1rem, calc((100vw - var(--site-width-v8120)) / 2));
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:.25rem;
  overflow-x:auto;
  border:0;
  border-bottom:1px solid rgba(154,177,219,.12);
  border-radius:0;
  background:rgba(8,12,24,.88);
  box-shadow:0 14px 34px rgba(0,0,0,.18);
  backdrop-filter:blur(18px);
}
.nav-brand-label,.nav-footer-note { display:none; }
.tab {
  min-height:48px;
  min-width:auto;
  width:auto;
  padding:.5rem .72rem;
  display:flex;
  grid-template-columns:none;
  gap:.5rem;
  border-radius:10px;
  white-space:nowrap;
  text-align:center;
}
.tab:hover { transform:none; }
.tab.active {
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.08);
  box-shadow:inset 0 -2px 0 var(--accent);
}
.tab-icon { width:27px; height:27px; border-radius:8px; }
.tab-icon svg { width:16px; height:16px; }
.tab-copy { display:block; }
.tab-copy strong { font-size:.78rem; }
.tab-copy small { display:none; }
.workspace-content {
  width:min(var(--site-width-v8120), calc(100% - 2rem));
  margin:1.25rem auto 0;
}
body[data-active-view="homeView"] .workspace-content { width:100%; margin-top:0; }
body[data-active-view="homeView"] .page-context,
body[data-active-view="homeView"] .site-announcement-stack-v880,
body[data-active-view="homeView"] #setupNotice { display:none !important; }
body[data-active-view="homeView"] footer { margin-top:0; }

/* Real public homepage */
.home-view-v8120 { overflow:hidden; }
.home-hero-v8120 {
  position:relative;
  min-height:660px;
  padding:clamp(3rem,7vw,7.5rem) max(1rem, calc((100vw - var(--site-width-v8120)) / 2));
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);
  gap:clamp(2rem,6vw,6rem);
  align-items:center;
  background:
    linear-gradient(90deg,rgba(6,9,19,.96),rgba(6,9,19,.72) 56%,rgba(6,9,19,.90)),
    radial-gradient(circle at 70% 40%,rgba(35,198,255,.17),transparent 25rem),
    linear-gradient(135deg,#08101f,#080b16 45%,#10112b);
  border-bottom:1px solid rgba(154,177,219,.12);
}
.home-hero-v8120::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(115deg,transparent 0 52%,rgba(77,219,255,.055) 52% 52.2%,transparent 52.2%),
    linear-gradient(115deg,transparent 0 69%,rgba(144,102,255,.055) 69% 69.2%,transparent 69.2%);
}
.home-hero-copy-v8120,.home-featured-v8120 { position:relative; z-index:1; }
.home-kicker-v8120 { display:flex; align-items:center; gap:.7rem; margin-bottom:1.35rem; color:#9cacc8; font-size:.72rem; letter-spacing:.18em; font-weight:900; }
.home-kicker-v8120 span { width:34px; height:2px; background:linear-gradient(90deg,var(--accent),var(--accent-2)); }
.home-hero-copy-v8120 h2 { max-width:850px; margin:0 0 1.35rem; font-size:clamp(3.35rem,7vw,7.35rem); line-height:.88; letter-spacing:-.068em; text-transform:uppercase; }
.home-hero-copy-v8120 h2 em { display:block; color:transparent; -webkit-text-stroke:1px rgba(225,237,255,.58); font-style:normal; }
.home-hero-copy-v8120 > p { max-width:720px; margin-bottom:1.8rem; color:#a8b5cc; font-size:clamp(1rem,1.5vw,1.18rem); line-height:1.75; }
.home-hero-actions-v8120 { display:flex; gap:.8rem; flex-wrap:wrap; }
.home-hero-actions-v8120 button { min-height:52px; padding:.82rem 1.25rem; border-radius:8px; text-transform:uppercase; letter-spacing:.06em; font-size:.78rem; }
.home-trust-row-v8120 { display:flex; gap:1.2rem; flex-wrap:wrap; margin-top:1.6rem; color:#7f8ea7; font-size:.76rem; }
.home-trust-row-v8120 span { display:flex; align-items:center; gap:.45rem; }
.home-trust-row-v8120 i { width:6px; height:6px; border-radius:50%; background:var(--success); box-shadow:0 0 12px rgba(65,231,162,.8); }

.home-featured-v8120 { min-height:480px; display:flex; flex-direction:column; border:1px solid rgba(107,220,255,.22); background:rgba(11,17,34,.76); box-shadow:0 35px 90px rgba(0,0,0,.42); backdrop-filter:blur(16px); }
.home-featured-top-v8120 { display:flex; justify-content:space-between; align-items:center; padding:1rem 1.15rem; border-bottom:1px solid rgba(154,177,219,.14); }
.home-featured-label-v8120 { color:#8c9bb4; font-size:.68rem; letter-spacing:.17em; font-weight:900; }
.home-featured-status-v8120 { padding:.35rem .6rem; border:1px solid rgba(65,231,162,.34); color:var(--success); background:rgba(65,231,162,.08); font-size:.66rem; font-weight:900; text-transform:uppercase; }
.home-featured-stage-v8120 { position:relative; flex:1; padding:3.2rem 1.6rem 2rem; overflow:hidden; }
.home-stage-lines-v8120 { position:absolute; inset:0; opacity:.45; }
.home-stage-lines-v8120 span { position:absolute; display:block; width:160%; height:1px; background:linear-gradient(90deg,transparent,rgba(51,215,255,.26),transparent); transform:rotate(-23deg); left:-30%; }
.home-stage-lines-v8120 span:nth-child(1){top:28%;}.home-stage-lines-v8120 span:nth-child(2){top:50%;}.home-stage-lines-v8120 span:nth-child(3){top:72%;}
.home-featured-stage-v8120 > *:not(.home-stage-lines-v8120) { position:relative; z-index:1; }
.home-featured-stage-v8120 > p:first-of-type { color:var(--accent); font-size:.67rem; letter-spacing:.16em; font-weight:900; }
.home-featured-stage-v8120 h3 { margin:.7rem 0 .85rem; font-size:clamp(1.75rem,3vw,2.65rem); line-height:1.05; letter-spacing:-.045em; text-transform:uppercase; }
.home-featured-stage-v8120 h3 + p { color:#96a5be; line-height:1.6; }
.home-featured-meta-v8120 { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid rgba(154,177,219,.14); }
.home-featured-meta-v8120 div { padding:1rem 1.15rem; }
.home-featured-meta-v8120 div + div { border-left:1px solid rgba(154,177,219,.14); }
.home-featured-meta-v8120 span { display:block; color:#75849d; font-size:.66rem; text-transform:uppercase; letter-spacing:.1em; }
.home-featured-meta-v8120 strong { display:block; margin-top:.35rem; font-size:.82rem; }
.home-featured-action-v8120 { display:flex; justify-content:space-between; align-items:center; min-height:54px; padding:.75rem 1.15rem; border:0; border-top:1px solid rgba(154,177,219,.14); color:#06101a; background:linear-gradient(90deg,#4fe0ff,#8b72ff); font-weight:950; text-transform:uppercase; letter-spacing:.06em; }
.home-featured-action-v8120 span { font-size:1.2rem; }

.home-signal-bar-v8120 { width:min(var(--site-width-v8120),calc(100% - 2rem)); margin:-1.4rem auto 0; position:relative; z-index:3; display:grid; grid-template-columns:repeat(4,1fr); border:1px solid rgba(154,177,219,.14); background:#0d1425; box-shadow:0 20px 55px rgba(0,0,0,.28); }
.home-signal-bar-v8120 article { padding:1.2rem 1.4rem; display:flex; align-items:baseline; gap:.65rem; }
.home-signal-bar-v8120 article + article { border-left:1px solid rgba(154,177,219,.14); }
.home-signal-bar-v8120 strong { font-size:1.65rem; letter-spacing:-.04em; }
.home-signal-bar-v8120 span { color:#7e8da6; font-size:.72rem; text-transform:uppercase; letter-spacing:.08em; }

.home-section-v8120,.home-split-v8120,.home-final-cta-v8120 { width:min(var(--site-width-v8120),calc(100% - 2rem)); margin-inline:auto; }
.home-section-v8120 { padding:clamp(4rem,7vw,7rem) 0; }
.home-section-heading-v8120 { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(280px,.55fr); gap:2rem; align-items:end; margin-bottom:2rem; }
.home-section-heading-v8120 > div { position:relative; }
.home-section-index-v8120 { display:block; color:rgba(190,207,235,.16); font-size:4rem; font-weight:950; line-height:.8; letter-spacing:-.06em; }
.home-section-heading-v8120 p,.home-small-label-v8120 { color:var(--accent); font-size:.68rem; letter-spacing:.17em; font-weight:900; }
.home-section-heading-v8120 h2 { max-width:750px; margin:.45rem 0 0; font-size:clamp(2rem,4vw,4.3rem); line-height:1; letter-spacing:-.055em; text-transform:uppercase; }
.home-section-heading-v8120 > p { color:#8898b2; line-height:1.7; margin-bottom:.3rem; }
.home-path-grid-v8120 { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.home-path-card-v8120 { position:relative; min-height:300px; padding:1.35rem; display:flex; flex-direction:column; align-items:flex-start; text-align:left; border:1px solid rgba(154,177,219,.15); border-radius:0; color:var(--text); background:linear-gradient(145deg,#10182a,#0b111f); overflow:hidden; transition:transform .18s ease,border-color .18s ease; }
.home-path-card-v8120:hover { transform:translateY(-5px); border-color:rgba(71,216,255,.38); }
.home-path-card-v8120.featured { background:linear-gradient(145deg,rgba(30,151,201,.28),#10152c 52%,#101126); }
.home-path-number-v8120 { position:absolute; right:1.2rem; top:1rem; color:rgba(255,255,255,.13); font-size:2.8rem; font-weight:950; }
.home-path-icon-v8120 { width:44px; height:44px; display:grid; place-items:center; margin-bottom:auto; border:1px solid rgba(255,255,255,.14); color:var(--accent); background:rgba(255,255,255,.035); font-size:1.25rem; }
.home-path-card-v8120 p { margin:0 0 .5rem; color:var(--accent); font-size:.66rem; letter-spacing:.15em; font-weight:900; }
.home-path-card-v8120 h3 { margin:0 0 .55rem; font-size:1.65rem; letter-spacing:-.04em; }
.home-path-card-v8120 div span { color:#8d9bb3; font-size:.86rem; line-height:1.55; }
.home-path-card-v8120 b { margin-top:1.25rem; color:#dbeeff; font-size:.75rem; text-transform:uppercase; letter-spacing:.08em; }

.home-split-v8120 { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr); gap:1rem; padding-bottom:clamp(4rem,7vw,7rem); }
.home-live-card-v8120,.home-community-card-v8120 { position:relative; min-height:470px; overflow:hidden; border:1px solid rgba(154,177,219,.14); }
.home-live-card-v8120 { padding:clamp(1.5rem,4vw,3.2rem); display:grid; grid-template-columns:minmax(0,.9fr) minmax(280px,.7fr); gap:2rem; align-items:center; background:linear-gradient(135deg,#101a30,#111429 58%,#23164a); }
.home-live-glow-v8120 { position:absolute; width:400px; height:400px; right:4%; bottom:-45%; border-radius:50%; background:rgba(122,81,255,.26); filter:blur(80px); }
.home-live-copy-v8120,.home-scoreboard-v8120 { position:relative; z-index:1; }
.home-live-pill-v8120 { display:inline-flex; align-items:center; gap:.45rem; padding:.38rem .6rem; color:#f4dfe7; border:1px solid rgba(255,91,126,.32); background:rgba(255,91,126,.08); font-size:.68rem; font-weight:900; letter-spacing:.12em; }
.home-live-pill-v8120 i { width:7px; height:7px; border-radius:50%; background:#ff5f7f; box-shadow:0 0 14px #ff5f7f; }
.home-live-copy-v8120 h2,.home-community-card-v8120 h2 { margin:1rem 0 .9rem; font-size:clamp(2rem,4vw,4rem); line-height:.98; letter-spacing:-.055em; text-transform:uppercase; }
.home-live-copy-v8120 p,.home-community-card-v8120 > p:not(.home-small-label-v8120) { color:#99a7be; line-height:1.7; }
.home-live-copy-v8120 button { margin-top:.7rem; border:0; padding:0; color:#eaf9ff; background:transparent; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.home-scoreboard-v8120 { border:1px solid rgba(255,255,255,.16); background:rgba(7,11,23,.74); box-shadow:0 30px 80px rgba(0,0,0,.35); }
.home-score-head-v8120,.home-score-team-v8120 { display:flex; justify-content:space-between; align-items:center; padding:1rem 1.1rem; }
.home-score-head-v8120 { border-bottom:1px solid rgba(255,255,255,.12); color:#8290a8; font-size:.63rem; letter-spacing:.12em; }
.home-score-head-v8120 b { color:#ff718d; }
.home-score-team-v8120 span { font-weight:850; }
.home-score-team-v8120 strong { font-size:2.2rem; }
.home-score-divider-v8120 { height:1px; background:rgba(255,255,255,.10); }
.home-scoreboard-v8120 small { display:block; padding:1rem 1.1rem; border-top:1px solid rgba(255,255,255,.12); color:#77859e; }
.home-community-card-v8120 { padding:clamp(1.5rem,3vw,2.5rem); background:linear-gradient(150deg,#0f1729,#0a101e); }
.home-community-links-v8120 { margin-top:2rem; border-top:1px solid rgba(154,177,219,.14); }
.home-community-links-v8120 button { width:100%; min-height:58px; padding:.8rem 0; display:flex; justify-content:space-between; align-items:center; border:0; border-bottom:1px solid rgba(154,177,219,.14); color:#dfe9fa; background:transparent; text-align:left; font-weight:800; }
.home-community-links-v8120 button:hover { color:var(--accent); }

.home-final-cta-v8120 { margin-bottom:2rem; padding:clamp(2rem,5vw,4rem); display:flex; justify-content:space-between; align-items:center; gap:2rem; background:linear-gradient(100deg,#10bfe6,#6b57f2 60%,#7b4ae6); color:#fff; }
.home-final-cta-v8120 p { margin:0 0 .4rem; font-size:.7rem; letter-spacing:.17em; font-weight:900; }
.home-final-cta-v8120 h2 { margin:0; font-size:clamp(2rem,4vw,4.2rem); line-height:1; text-transform:uppercase; letter-spacing:-.055em; }
.home-final-cta-v8120 > div:last-child { display:flex; gap:.7rem; flex-wrap:wrap; justify-content:flex-end; }
.home-final-cta-v8120 .primary { background:#07111c; box-shadow:none; }
.home-final-cta-v8120 .secondary { background:rgba(255,255,255,.14); border-color:rgba(255,255,255,.34); }

/* Inner pages now sit within a clean content frame rather than the old always-on operations rail. */
body:not([data-active-view="homeView"]) .page-context { margin-top:.25rem; }
body:not([data-active-view="homeView"]) .view.active { animation:cts-page-in-v8120 .24s ease both; }
@keyframes cts-page-in-v8120 { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }

@media (max-width:1100px) {
  .home-hero-v8120 { grid-template-columns:1fr; min-height:auto; }
  .home-featured-v8120 { min-height:410px; max-width:720px; }
  .home-split-v8120 { grid-template-columns:1fr; }
  .home-live-card-v8120 { grid-template-columns:1fr 1fr; }
}
@media (max-width:820px) {
  .site-header { padding-inline:1rem; }
  .header-account-action-v8120 { display:none; }
  .workspace-content { width:min(100% - 1rem,var(--site-width-v8120)); }
  .tabs { top:0; padding-inline:.5rem; }
  .tab { min-width:50px; width:50px; justify-content:center; padding:.5rem; }
  .tab-copy { display:none; }
  .home-hero-v8120 { padding:4rem 1rem 5rem; }
  .home-hero-copy-v8120 h2 { font-size:clamp(3.2rem,13vw,6rem); }
  .home-signal-bar-v8120 { grid-template-columns:1fr 1fr; }
  .home-signal-bar-v8120 article:nth-child(3) { border-left:0; border-top:1px solid rgba(154,177,219,.14); }
  .home-signal-bar-v8120 article:nth-child(4) { border-top:1px solid rgba(154,177,219,.14); }
  .home-section-heading-v8120 { grid-template-columns:1fr; }
  .home-path-grid-v8120 { grid-template-columns:1fr; }
  .home-path-card-v8120 { min-height:250px; }
  .home-live-card-v8120 { grid-template-columns:1fr; }
  .home-final-cta-v8120 { align-items:flex-start; flex-direction:column; }
  .home-final-cta-v8120 > div:last-child { justify-content:flex-start; }
}
@media (max-width:560px) {
  .site-header { min-height:72px; }
  .brand-wrap p,.build-badge-v8110 { display:none; }
  .brand-logo { width:42px; height:42px; }
  .home-hero-v8120 { padding-top:3.3rem; }
  .home-hero-copy-v8120 h2 { font-size:clamp(2.8rem,15vw,4.8rem); }
  .home-featured-v8120 { min-height:430px; }
  .home-trust-row-v8120 { display:grid; grid-template-columns:1fr; gap:.6rem; }
  .home-signal-bar-v8120 article { padding:1rem; display:block; }
  .home-signal-bar-v8120 strong,.home-signal-bar-v8120 span { display:block; }
  .home-signal-bar-v8120 span { margin-top:.3rem; }
  .home-section-v8120 { padding:4rem 0; }
  .home-live-card-v8120,.home-community-card-v8120 { min-height:auto; }
  .home-scoreboard-v8120 { margin-top:1rem; }
  .home-final-cta-v8120 { margin-bottom:1rem; }
}


/* CTS v8.12.1 — clean site layout rebuild
   Intentionally removes the oversized, gradient-heavy landing treatment. */
:root {
  --cts-red-v8121:#e5484d;
  --cts-red-dark-v8121:#bf343a;
  --cts-ink-v8121:#111318;
  --cts-surface-v8121:#181b22;
  --cts-surface-2-v8121:#20242d;
  --cts-line-v8121:#303640;
  --cts-copy-v8121:#f3f4f6;
  --cts-muted-v8121:#a7adb8;
  --cts-width-v8121:1180px;
}

html.cts-ui-v8120 body {
  background:#111318;
  color:var(--cts-copy-v8121);
}

/* Real website header and horizontal navigation */
html.cts-ui-v8120 .site-header {
  position:sticky;
  top:0;
  z-index:120;
  min-height:68px;
  padding:0 max(20px,calc((100vw - var(--cts-width-v8121))/2));
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #292d35;
  background:rgba(17,19,24,.96);
  backdrop-filter:blur(14px);
  box-shadow:none;
}
html.cts-ui-v8120 .header-left { gap:12px; }
html.cts-ui-v8120 .brand-home-v8120 { gap:11px; padding:0; border:0; background:transparent; }
html.cts-ui-v8120 .brand-home-v8120 .brand-logo { width:38px; height:38px; border-radius:8px; box-shadow:none; }
html.cts-ui-v8120 .brand-home-v8120 h1 { font-size:.97rem; letter-spacing:-.015em; text-transform:none; }
html.cts-ui-v8120 .brand-home-v8120 p { margin-top:2px; color:#8f96a2; font-size:.68rem; letter-spacing:.02em; text-transform:none; }
html.cts-ui-v8120 .header-build-status-v8110 { gap:8px; }
html.cts-ui-v8120 .header-account-action-v8120 {
  min-height:38px;
  padding:0 14px;
  border:1px solid #393f49;
  border-radius:7px;
  color:#f4f5f7;
  background:#20242b;
  text-transform:none;
  letter-spacing:0;
}
html.cts-ui-v8120 .build-badge-v8110 { color:#8f96a2; border-color:#303640; background:#181b21; }

html.cts-ui-v8120 .shell { display:block; min-height:calc(100vh - 68px); }
html.cts-ui-v8120 nav.tabs {
  position:sticky;
  top:68px;
  z-index:110;
  width:100%;
  height:52px;
  padding:0 max(20px,calc((100vw - var(--cts-width-v8121))/2));
  display:flex;
  align-items:stretch;
  gap:2px;
  overflow-x:auto;
  border:0;
  border-bottom:1px solid #292d35;
  background:#15181e;
  box-shadow:none;
}
html.cts-ui-v8120 nav.tabs .nav-brand-label,
html.cts-ui-v8120 nav.tabs .nav-footer-note { display:none !important; }
html.cts-ui-v8120 nav.tabs .tab {
  width:auto;
  min-width:max-content;
  min-height:52px;
  padding:0 13px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:0;
  border-bottom:2px solid transparent;
  border-radius:0;
  color:#9fa5af;
  background:transparent;
  box-shadow:none;
}
html.cts-ui-v8120 nav.tabs .tab:hover { color:#fff; background:#1c2027; transform:none; }
html.cts-ui-v8120 nav.tabs .tab.active {
  color:#fff;
  border-bottom-color:var(--cts-red-v8121);
  background:transparent;
  box-shadow:none;
}
html.cts-ui-v8120 nav.tabs .tab-icon { width:17px; height:17px; }
html.cts-ui-v8120 nav.tabs .tab-copy strong { font-size:.78rem; letter-spacing:0; text-transform:none; }
html.cts-ui-v8120 nav.tabs .tab-copy small { display:none; }

html.cts-ui-v8120 .workspace-content {
  width:min(var(--cts-width-v8121),calc(100% - 40px));
  max-width:none;
  margin:0 auto;
  padding:24px 0 48px;
}
html.cts-ui-v8120 body[data-active-view="homeView"] .workspace-content {
  width:100%;
  padding:0 0 48px;
}
html.cts-ui-v8120 body[data-active-view="homeView"] .page-context { display:none !important; }

/* Homepage */
.clean-home-v8121 { overflow:visible; }
.clean-home-shell-v8121 { width:min(var(--cts-width-v8121),calc(100% - 40px)); margin:0 auto; }
.clean-home-hero-v8121 {
  min-height:540px;
  padding:70px 0 56px;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(360px,.72fr);
  gap:64px;
  align-items:center;
  border-bottom:1px solid var(--cts-line-v8121);
}
.clean-home-copy-v8121 { max-width:700px; }
.clean-home-label-v8121,
.clean-section-heading-v8121 > span,
.clean-home-cta-v8121 > div > span {
  display:block;
  margin-bottom:14px;
  color:#d9a1a4;
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.15em;
}
.clean-home-copy-v8121 h2 {
  margin:0;
  max-width:700px;
  font-size:clamp(3rem,6.2vw,6.1rem);
  line-height:.96;
  letter-spacing:-.055em;
  text-transform:none;
}
.clean-home-copy-v8121 > p {
  max-width:620px;
  margin:24px 0 0;
  color:var(--cts-muted-v8121);
  font-size:1.08rem;
  line-height:1.7;
}
.clean-home-actions-v8121 { margin-top:30px; display:flex; gap:10px; flex-wrap:wrap; }
.clean-home-actions-v8121 button,
.clean-home-cta-v8121 button {
  min-height:46px;
  padding:0 18px;
  border-radius:7px;
  text-transform:none;
  letter-spacing:0;
  font-size:.86rem;
  font-weight:750;
}
.clean-home-actions-v8121 .primary,
.clean-home-cta-v8121 .primary { background:var(--cts-red-v8121); box-shadow:none; }
.clean-home-actions-v8121 .primary:hover,
.clean-home-cta-v8121 .primary:hover { background:var(--cts-red-dark-v8121); }
.clean-home-actions-v8121 .secondary,
.clean-home-cta-v8121 .secondary { color:#fff; border-color:#3b414c; background:#1c2027; }
.clean-home-stats-v8121 {
  margin-top:42px;
  padding-top:22px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  border-top:1px solid var(--cts-line-v8121);
}
.clean-home-stats-v8121 strong { display:block; font-size:1.4rem; letter-spacing:-.03em; }
.clean-home-stats-v8121 span { display:block; margin-top:4px; color:#8f96a2; font-size:.75rem; }

.clean-featured-event-v8121 {
  overflow:hidden;
  border:1px solid #353a44;
  border-radius:12px;
  background:#1a1d24;
  box-shadow:0 18px 40px rgba(0,0,0,.20);
}
.clean-featured-head-v8121 {
  min-height:50px;
  padding:0 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #30343d;
}
.clean-featured-head-v8121 > span { color:#a5abb5; font-size:.74rem; font-weight:700; }
.clean-featured-head-v8121 strong {
  padding:5px 8px;
  border-radius:999px;
  color:#d8f4e4;
  background:#23382c;
  font-size:.68rem;
  text-transform:none;
}
.clean-featured-body-v8121 { min-height:245px; padding:26px 20px; }
.clean-featured-body-v8121 > span { color:#d9a1a4; font-size:.68rem; font-weight:800; letter-spacing:.12em; }
.clean-featured-body-v8121 h3 { margin:14px 0 12px; font-size:clamp(1.7rem,3vw,2.5rem); line-height:1.08; letter-spacing:-.035em; text-transform:none; }
.clean-featured-body-v8121 p { color:#9da4af; line-height:1.65; }
.clean-featured-meta-v8121 { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid #30343d; }
.clean-featured-meta-v8121 div { padding:15px 18px; }
.clean-featured-meta-v8121 div + div { border-left:1px solid #30343d; }
.clean-featured-meta-v8121 span { display:block; color:#818895; font-size:.68rem; }
.clean-featured-meta-v8121 strong { display:block; margin-top:5px; font-size:.82rem; }
.clean-featured-action-v8121 {
  width:100%;
  min-height:50px;
  padding:0 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border:0;
  border-top:1px solid #30343d;
  border-radius:0;
  color:#fff;
  background:#242831;
  text-align:left;
  font-weight:750;
}
.clean-featured-action-v8121:hover { background:#2a2f39; }

.clean-home-offers-v8121 { padding:70px 0; border-bottom:1px solid var(--cts-line-v8121); }
.clean-section-heading-v8121 h2 { margin:0; font-size:clamp(2rem,4vw,3.5rem); line-height:1.04; letter-spacing:-.045em; text-transform:none; }
.clean-section-heading-v8121.compact h2 { font-size:clamp(1.8rem,3vw,2.7rem); }
.clean-offer-grid-v8121 { margin-top:30px; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.clean-offer-grid-v8121 button {
  min-height:245px;
  padding:22px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  text-align:left;
  border:1px solid #303640;
  border-radius:10px;
  color:#f2f3f5;
  background:#181b21;
  box-shadow:none;
}
.clean-offer-grid-v8121 button:hover { transform:translateY(-2px); border-color:#505763; background:#1c2027; }
.clean-offer-number-v8121 { color:#707784; font-size:.72rem; font-weight:800; }
.clean-offer-grid-v8121 h3 { margin:auto 0 10px; font-size:1.35rem; letter-spacing:-.025em; }
.clean-offer-grid-v8121 p { margin:0; color:#9aa1ac; line-height:1.58; font-size:.88rem; }
.clean-offer-grid-v8121 strong { margin-top:22px; color:#e6b2b5; font-size:.78rem; }

.clean-home-lower-v8121 { padding:70px 0; display:grid; grid-template-columns:minmax(0,1fr) minmax(340px,.7fr); gap:26px; }
.clean-how-card-v8121,
.clean-home-links-v8121 { border:1px solid #303640; border-radius:12px; background:#181b21; }
.clean-how-card-v8121 { padding:28px; }
.clean-how-card-v8121 ol { margin:28px 0 0; padding:0; list-style:none; }
.clean-how-card-v8121 li { padding:18px 0; display:grid; grid-template-columns:42px 1fr; gap:14px; border-top:1px solid #2d323b; }
.clean-how-card-v8121 li > span { width:34px; height:34px; display:grid; place-items:center; border-radius:50%; color:#f7dadd; background:#3a2427; font-weight:800; }
.clean-how-card-v8121 li strong { display:block; font-size:.96rem; }
.clean-how-card-v8121 li p { margin:5px 0 0; color:#959ca7; line-height:1.55; font-size:.84rem; }
.clean-home-links-v8121 { overflow:hidden; }
.clean-home-live-v8121 { padding:28px; border-bottom:1px solid #303640; }
.clean-home-live-v8121 > span { color:#e8b5b8; font-size:.7rem; font-weight:800; letter-spacing:.12em; }
.clean-home-live-v8121 > span i { display:inline-block; width:7px; height:7px; margin-right:7px; border-radius:50%; background:var(--cts-red-v8121); }
.clean-home-live-v8121 h2 { margin:16px 0 10px; font-size:2rem; line-height:1.04; letter-spacing:-.04em; text-transform:none; }
.clean-home-live-v8121 p { color:#9ca3ae; line-height:1.6; }
.clean-home-live-v8121 button { margin-top:12px; padding:0; border:0; color:#efc1c3; background:transparent; font-weight:750; }
.clean-home-quicklinks-v8121 button { width:100%; min-height:54px; padding:0 20px; display:flex; justify-content:space-between; align-items:center; border:0; border-bottom:1px solid #2d323b; border-radius:0; color:#e9ebee; background:transparent; text-align:left; }
.clean-home-quicklinks-v8121 button:last-child { border-bottom:0; }
.clean-home-quicklinks-v8121 button:hover { background:#1e222a; }
.clean-home-quicklinks-v8121 b { color:#777f8b; }

.clean-home-cta-v8121 {
  margin-bottom:18px;
  padding:34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:26px;
  border:1px solid #433236;
  border-radius:12px;
  background:#21191c;
}
.clean-home-cta-v8121 h2 { margin:0; font-size:clamp(2rem,4vw,3.4rem); letter-spacing:-.045em; text-transform:none; }
.clean-home-cta-v8121 p { margin:8px 0 0; color:#b7a5a8; }
.clean-home-cta-v8121 > div:last-child { display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; }

html.cts-ui-v8120 footer { color:#7f8691; border-top:1px solid #292d35; background:#111318; }

@media (max-width:980px) {
  html.cts-ui-v8120 .build-badge-v8110 { display:none; }
  .clean-home-hero-v8121 { grid-template-columns:1fr; gap:34px; padding-top:50px; }
  .clean-featured-event-v8121 { max-width:680px; }
  .clean-home-lower-v8121 { grid-template-columns:1fr; }
}
@media (max-width:760px) {
  html.cts-ui-v8120 .site-header { min-height:60px; padding:0 14px; }
  html.cts-ui-v8120 nav.tabs { top:60px; height:48px; padding:0 8px; }
  html.cts-ui-v8120 nav.tabs .tab { min-height:48px; padding:0 10px; }
  html.cts-ui-v8120 .brand-home-v8120 p,
  html.cts-ui-v8120 .connection-badge { display:none; }
  html.cts-ui-v8120 .header-account-action-v8120 { display:inline-flex; }
  html.cts-ui-v8120 .workspace-content { width:calc(100% - 24px); padding-top:16px; }
  .clean-home-shell-v8121 { width:calc(100% - 28px); }
  .clean-home-hero-v8121 { padding:42px 0; }
  .clean-home-copy-v8121 h2 { font-size:clamp(2.7rem,14vw,4.7rem); }
  .clean-home-stats-v8121 { grid-template-columns:1fr 1fr; }
  .clean-home-stats-v8121 div:last-child { grid-column:1/-1; }
  .clean-offer-grid-v8121 { grid-template-columns:1fr; }
  .clean-offer-grid-v8121 button { min-height:210px; }
  .clean-home-offers-v8121,.clean-home-lower-v8121 { padding:52px 0; }
  .clean-home-cta-v8121 { align-items:flex-start; flex-direction:column; padding:26px; }
  .clean-home-cta-v8121 > div:last-child { justify-content:flex-start; }
}
@media (max-width:480px) {
  html.cts-ui-v8120 .brand-home-v8120 h1 { font-size:.86rem; }
  html.cts-ui-v8120 .header-account-action-v8120 { padding:0 10px; }
  html.cts-ui-v8120 nav.tabs .tab-icon { display:none; }
  .clean-home-copy-v8121 h2 { font-size:2.75rem; }
  .clean-home-actions-v8121 { display:grid; grid-template-columns:1fr; }
  .clean-home-actions-v8121 button { width:100%; }
  .clean-featured-meta-v8121 { grid-template-columns:1fr; }
  .clean-featured-meta-v8121 div + div { border-left:0; border-top:1px solid #30343d; }
  .clean-home-stats-v8121 { gap:12px; }
}

/* Mobile public navigation must keep readable labels visible. */
@media (max-width:760px) {
  html.cts-ui-v8120 nav.tabs .tab-copy { display:block !important; }
  html.cts-ui-v8120 nav.tabs .tab-copy strong { display:block !important; }
}
@media (max-width:480px) {
  html.cts-ui-v8120 nav.tabs .tab-copy { display:block !important; }
  html.cts-ui-v8120 nav.tabs .tab-copy strong { font-size:.72rem; }
}


/* CTS v8.12.3.1 — universal interface system + Live refresh hotfix
   Applies the restrained v8.12.1 homepage language across every public and admin route. */
:root {
  --cts-page-v8122:#111318;
  --cts-panel-v8122:#181b21;
  --cts-panel-raised-v8122:#1d2129;
  --cts-panel-soft-v8122:#15181e;
  --cts-line-v8122:#303640;
  --cts-line-soft-v8122:#282d35;
  --cts-text-v8122:#f3f4f6;
  --cts-muted-v8122:#a2a9b4;
  --cts-subtle-v8122:#777f8c;
  --cts-accent-v8122:#e5484d;
  --cts-accent-hover-v8122:#c93b40;
  --cts-success-v8122:#3ea66b;
  --cts-warning-v8122:#d3a044;
  --cts-danger-v8122:#df5b61;
  --cts-radius-v8122:10px;
  --cts-shadow-v8122:0 14px 34px rgba(0,0,0,.16);
}

html.cts-ui-v8122 { color-scheme:dark; scroll-padding-top:136px; }
html.cts-ui-v8122 body { background:var(--cts-page-v8122); }
html.cts-ui-v8122 body::before { display:none !important; }
html.cts-ui-v8122 .workspace-content { padding-top:28px; }
html.cts-ui-v8122 body:not([data-active-view="homeView"]) .workspace-content { padding-bottom:64px; }

/* Clean page identity shared by every route. */
html.cts-ui-v8122 body:not([data-active-view="homeView"]) .page-context {
  position:relative;
  margin:0 0 22px;
  min-height:0;
  padding:26px 28px;
  display:grid;
  grid-template-columns:1fr auto;
  align-items:end;
  gap:24px;
  overflow:hidden;
  border:1px solid var(--cts-line-v8122);
  border-radius:var(--cts-radius-v8122);
  background:var(--cts-panel-soft-v8122);
  box-shadow:none;
}
html.cts-ui-v8122 .page-context-copy { max-width:790px; }
html.cts-ui-v8122 .page-context-mark {
  position:static;
  order:2;
  align-self:start;
  min-width:48px;
  color:#6f7682;
  font-size:.75rem;
  font-weight:800;
  letter-spacing:.12em;
  text-align:right;
}
html.cts-ui-v8122 .page-context-stripe { display:none; }
html.cts-ui-v8122 .page-breadcrumbs-v8100 { margin:0 0 10px; color:#868e9a; font-size:.72rem; }
html.cts-ui-v8122 .page-context .eyebrow {
  margin:0 0 8px;
  color:#d9a1a4;
  font-size:.67rem;
  line-height:1;
  letter-spacing:.14em;
}
html.cts-ui-v8122 .page-context h2 {
  margin:0;
  color:var(--cts-text-v8122);
  font-size:clamp(2rem,4vw,3.2rem);
  line-height:1.02;
  letter-spacing:-.045em;
  text-transform:none;
}
html.cts-ui-v8122 .page-context p:not(.eyebrow) {
  max-width:720px;
  margin:10px 0 0;
  color:var(--cts-muted-v8122);
  font-size:.94rem;
  line-height:1.6;
}

html.cts-ui-v8122 .universal-page-v8122.active {
  display:grid;
  gap:16px;
  align-content:start;
  animation:cts-universal-page-in-v8122 .2s ease both;
}
@keyframes cts-universal-page-in-v8122 { from{opacity:0;transform:translateY(5px)} to{opacity:1;transform:none} }

/* Panels and section hierarchy. */
html.cts-ui-v8122 .universal-page-v8122 .panel,
html.cts-ui-v8122 .universal-page-v8122 details.panel,
html.cts-ui-v8122 #adminDashboard .panel,
html.cts-ui-v8122 #accountDashboard .panel {
  margin:0;
  padding:22px;
  border:1px solid var(--cts-line-v8122);
  border-radius:var(--cts-radius-v8122);
  background:var(--cts-panel-v8122);
  box-shadow:none;
}
html.cts-ui-v8122 .universal-page-v8122 .panel:hover,
html.cts-ui-v8122 .universal-page-v8122 details.panel:hover { border-color:#39404b; }
html.cts-ui-v8122 .universal-page-v8122 .intro-panel,
html.cts-ui-v8122 .universal-page-v8122 .player-directory-hero,
html.cts-ui-v8122 .universal-page-v8122 .suggestion-hero,
html.cts-ui-v8122 .patch-notes-public-hero {
  padding:24px 26px;
  border-left:3px solid var(--cts-accent-v8122);
  background:#171a20;
}
html.cts-ui-v8122 .universal-page-v8122 .intro-panel h2,
html.cts-ui-v8122 .universal-page-v8122 .player-directory-hero h2,
html.cts-ui-v8122 .universal-page-v8122 .suggestion-hero h2,
html.cts-ui-v8122 .patch-notes-public-hero h2 {
  margin:.25rem 0 .55rem;
  font-size:clamp(1.35rem,2.4vw,2rem);
  line-height:1.12;
  letter-spacing:-.025em;
  text-transform:none;
}
html.cts-ui-v8122 .universal-page-v8122 .intro-panel p:last-child,
html.cts-ui-v8122 .universal-page-v8122 .player-directory-hero p:last-child,
html.cts-ui-v8122 .universal-page-v8122 .suggestion-hero p:last-child { max-width:760px; color:var(--cts-muted-v8122); line-height:1.65; }

html.cts-ui-v8122 .section-heading,
html.cts-ui-v8122 .compact-heading {
  margin:0 0 16px;
  padding:0 0 14px;
  border-bottom:1px solid var(--cts-line-soft-v8122);
}
html.cts-ui-v8122 .section-heading h2,
html.cts-ui-v8122 .section-heading h3,
html.cts-ui-v8122 .compact-heading h2,
html.cts-ui-v8122 .compact-heading h3,
html.cts-ui-v8122 .panel > h2,
html.cts-ui-v8122 .panel > h3 {
  margin:.25rem 0 0;
  letter-spacing:-.025em;
  text-transform:none;
}
html.cts-ui-v8122 .eyebrow { color:#d9a1a4; font-size:.66rem; letter-spacing:.13em; }
html.cts-ui-v8122 .muted, html.cts-ui-v8122 small { color:var(--cts-muted-v8122); }

/* Forms use one calm, predictable visual language. */
html.cts-ui-v8122 .form-grid,
html.cts-ui-v8122 .compact-form { gap:15px; }
html.cts-ui-v8122 label {
  gap:7px;
  color:#d9dce1;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:0;
  text-transform:none;
}
html.cts-ui-v8122 input,
html.cts-ui-v8122 select,
html.cts-ui-v8122 textarea {
  min-height:44px;
  padding:10px 12px;
  border:1px solid #3a404b;
  border-radius:7px;
  color:#f4f5f7;
  background:#12151a;
  box-shadow:none;
  outline:none;
}
html.cts-ui-v8122 textarea { min-height:112px; line-height:1.55; resize:vertical; }
html.cts-ui-v8122 input::placeholder,
html.cts-ui-v8122 textarea::placeholder { color:#6f7784; }
html.cts-ui-v8122 input:hover,
html.cts-ui-v8122 select:hover,
html.cts-ui-v8122 textarea:hover { border-color:#4a515d; }
html.cts-ui-v8122 input:focus,
html.cts-ui-v8122 select:focus,
html.cts-ui-v8122 textarea:focus {
  border-color:#b95a5f;
  box-shadow:0 0 0 3px rgba(229,72,77,.12);
}
html.cts-ui-v8122 input[type="checkbox"],
html.cts-ui-v8122 input[type="radio"] { min-height:0; accent-color:var(--cts-accent-v8122); }
html.cts-ui-v8122 .checkbox-label {
  min-height:42px;
  padding:10px 12px;
  border:1px solid var(--cts-line-soft-v8122);
  border-radius:7px;
  background:#15181d;
}
html.cts-ui-v8122 fieldset { border-color:var(--cts-line-v8122); border-radius:8px; }
html.cts-ui-v8122 legend { color:#dfe2e7; }

/* Buttons and actions. */
html.cts-ui-v8122 button,
html.cts-ui-v8122 .button-like {
  border-radius:7px;
  box-shadow:none;
  text-transform:none;
  letter-spacing:0;
}
html.cts-ui-v8122 button.primary,
html.cts-ui-v8122 .primary {
  color:white;
  border-color:var(--cts-accent-v8122);
  background:var(--cts-accent-v8122);
  box-shadow:none;
}
html.cts-ui-v8122 button.primary:hover,
html.cts-ui-v8122 .primary:hover { border-color:var(--cts-accent-hover-v8122); background:var(--cts-accent-hover-v8122); transform:none; }
html.cts-ui-v8122 button.secondary,
html.cts-ui-v8122 .secondary {
  color:#eceef1;
  border-color:#3a414c;
  background:#20242b;
}
html.cts-ui-v8122 button.secondary:hover,
html.cts-ui-v8122 .secondary:hover { border-color:#505864; background:#292e37; transform:none; }
html.cts-ui-v8122 .danger-button { border-color:#693a3d; color:#ffc9cc; background:#2b1b1e; }
html.cts-ui-v8122 .danger-button:hover { background:#382125; transform:none; }
html.cts-ui-v8122 .action-row { gap:9px; }
html.cts-ui-v8122 .action-row button { min-height:42px; }

/* Filters become compact toolbars instead of floating cards. */
html.cts-ui-v8122 .filters,
html.cts-ui-v8122 .audit-filters,
html.cts-ui-v8122 .match-public-controls,
html.cts-ui-v8122 .player-directory-toolbar,
html.cts-ui-v8122 .analytics-filter-grid-v890,
html.cts-ui-v8122 .communication-history-filters-v880 {
  padding:16px;
  gap:12px;
  align-items:end;
  border-color:var(--cts-line-soft-v8122);
  background:#15181d;
}
html.cts-ui-v8122 .filters label,
html.cts-ui-v8122 .audit-filters label { min-width:180px; }

/* Accordions and admin tools. */
html.cts-ui-v8122 details.admin-accordion { overflow:hidden; padding:0 !important; }
html.cts-ui-v8122 .admin-accordion-summary {
  min-height:82px;
  padding:18px 20px;
  align-items:center;
  border:0;
  background:#181b21;
}
html.cts-ui-v8122 details[open] > .admin-accordion-summary {
  border-bottom:1px solid var(--cts-line-v8122);
  background:#1b1f26;
}
html.cts-ui-v8122 .admin-accordion-summary:hover { background:#1d2128; }
html.cts-ui-v8122 .admin-accordion-copy h2,
html.cts-ui-v8122 .admin-accordion-copy h3 { margin:.2rem 0 .35rem; font-size:1.15rem; letter-spacing:-.02em; text-transform:none; }
html.cts-ui-v8122 .admin-accordion-copy p { margin:0; color:var(--cts-muted-v8122); line-height:1.5; }
html.cts-ui-v8122 .admin-accordion-body { padding:20px; background:#15181d; }
html.cts-ui-v8122 .admin-accordion-chevron { color:#848c98; }
html.cts-ui-v8122 #adminDashboard {
  gap:16px;
  padding:0;
  border:0;
  background:transparent;
}
html.cts-ui-v8122 .admin-control-centre-v8101,
html.cts-ui-v8122 .admin-workspace-v8101,
html.cts-ui-v8122 .admin-route-toolbar-v8100 {
  border-color:var(--cts-line-v8122);
  background:var(--cts-panel-v8122);
  box-shadow:none;
}
html.cts-ui-v8122 .admin-workspace-nav-v8101 button,
html.cts-ui-v8122 .admin-route-toolbar-v8100 button { border-radius:6px; }

/* Tables, lists and records. */
html.cts-ui-v8122 table {
  width:100%;
  overflow:hidden;
  border-collapse:separate;
  border-spacing:0;
  border:1px solid var(--cts-line-v8122);
  border-radius:8px;
  background:#15181d;
}
html.cts-ui-v8122 th {
  padding:11px 12px;
  color:#aab0ba;
  border-bottom:1px solid var(--cts-line-v8122);
  background:#1c2027;
  font-size:.68rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-align:left;
}
html.cts-ui-v8122 td { padding:12px; border-bottom:1px solid #272c34; color:#e7e9ed; vertical-align:top; }
html.cts-ui-v8122 tr:last-child td { border-bottom:0; }
html.cts-ui-v8122 tbody tr:hover td { background:#191d23; }
html.cts-ui-v8122 .registration-card,
html.cts-ui-v8122 .event-card,
html.cts-ui-v8122 .match-card,
html.cts-ui-v8122 .player-card,
html.cts-ui-v8122 .public-player-card,
html.cts-ui-v8122 .public-team-card-v860,
html.cts-ui-v8122 .audit-entry,
html.cts-ui-v8122 .dispute-card,
html.cts-ui-v8122 .notification-card,
html.cts-ui-v8122 .summary-card {
  border:1px solid var(--cts-line-soft-v8122);
  border-radius:8px;
  background:#15181d;
  box-shadow:none;
}
html.cts-ui-v8122 .summary-grid { gap:10px; }
html.cts-ui-v8122 .summary-grid > * { min-height:94px; padding:16px; }
html.cts-ui-v8122 .empty-state {
  min-height:116px;
  padding:28px;
  display:grid;
  place-items:center;
  border:1px dashed #3b414b;
  border-radius:8px;
  color:#8f97a3;
  background:#14171c;
  text-align:center;
}
html.cts-ui-v8122 .notice { border-radius:8px; box-shadow:none; }
html.cts-ui-v8122 .connection-badge,
html.cts-ui-v8122 .status-badge,
html.cts-ui-v8122 .badge { border-radius:999px; }

/* Specific public routes. */
html.cts-ui-v8122 #registerView .account-recommendation {
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:18px;
  align-items:center;
  background:#171a20;
}
html.cts-ui-v8122 #registrationForm { padding:24px; }
html.cts-ui-v8122 #eventsView .clarity-map-v818,
html.cts-ui-v8122 #matchesView .competition-guide-v818 { background:#15181d; }
html.cts-ui-v8122 #playersView .public-player-grid,
html.cts-ui-v8122 #playersView .public-team-grid-v860 { gap:12px; }
html.cts-ui-v8122 #updatesView .public-latest-patch-panel,
html.cts-ui-v8122 #updatesView .public-patch-archive-panel { padding:24px; }
html.cts-ui-v8122 #accountSignedOut,
html.cts-ui-v8122 #accountDashboard { display:grid; gap:16px; }
html.cts-ui-v8122 #accountSignedOut > .panel,
html.cts-ui-v8122 #accountDashboard > .panel { margin:0; }
html.cts-ui-v8122 .account-recommendation-icon { border-radius:8px; box-shadow:none; }

/* Live remains purpose-built but sits cleanly inside the shared route frame. */
html.cts-ui-v8122 .universal-live-page-v8122.active { display:block; }
html.cts-ui-v8122 #liveBroadcastShellV82 { border-radius:var(--cts-radius-v8122); overflow:hidden; }

/* Page-loading and style recovery feedback. */
html.cts-style-recovery-v8122::after {
  content:"Restoring CTS interface…";
  position:fixed;
  right:16px;
  bottom:16px;
  z-index:9999;
  padding:10px 13px;
  border:1px solid #4b4143;
  border-radius:7px;
  color:#f2d7d9;
  background:#281d20;
  font:700 .75rem/1.2 Inter,Segoe UI,Arial,sans-serif;
}
html.cts-style-failed-v8122::after { content:"CTS styles could not load. Refresh once to retry."; }

@media (max-width:900px) {
  html.cts-ui-v8122 body:not([data-active-view="homeView"]) .page-context { padding:22px; }
  html.cts-ui-v8122 #registerView .account-recommendation { grid-template-columns:auto 1fr; }
  html.cts-ui-v8122 #registerView .account-recommendation-actions { grid-column:1/-1; }
  html.cts-ui-v8122 .admin-accordion-body { padding:16px; }
}
@media (max-width:680px) {
  html.cts-ui-v8122 .workspace-content { padding-top:16px; }
  html.cts-ui-v8122 body:not([data-active-view="homeView"]) .page-context {
    margin-bottom:14px;
    padding:19px;
    grid-template-columns:1fr;
    gap:8px;
  }
  html.cts-ui-v8122 .page-context-mark { display:none; }
  html.cts-ui-v8122 .page-context h2 { font-size:2rem; }
  html.cts-ui-v8122 .universal-page-v8122.active { gap:12px; }
  html.cts-ui-v8122 .universal-page-v8122 .panel,
  html.cts-ui-v8122 .universal-page-v8122 details.panel,
  html.cts-ui-v8122 #adminDashboard .panel,
  html.cts-ui-v8122 #accountDashboard .panel { padding:17px; }
  html.cts-ui-v8122 details.admin-accordion { padding:0 !important; }
  html.cts-ui-v8122 .admin-accordion-summary { min-height:72px; padding:15px 16px; }
  html.cts-ui-v8122 .admin-accordion-body { padding:14px; }
  html.cts-ui-v8122 #registerView .account-recommendation { grid-template-columns:1fr; }
  html.cts-ui-v8122 #registerView .account-recommendation-icon { display:none; }
  html.cts-ui-v8122 .filters,
  html.cts-ui-v8122 .audit-filters,
  html.cts-ui-v8122 .match-public-controls,
  html.cts-ui-v8122 .player-directory-toolbar { align-items:stretch; }
  html.cts-ui-v8122 .filters label,
  html.cts-ui-v8122 .audit-filters label { min-width:0; width:100%; }
  html.cts-ui-v8122 table { display:block; overflow-x:auto; white-space:nowrap; }
}


/* CTS v8.12.4 — linked Discord player notifications */
.discord-player-delivery-grid-v8124,
.discord-player-event-grid-v8124 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
}
.discord-player-event-grid-v8124 {
  border: 1px solid var(--border, #d7dbe0);
  border-radius: 12px;
  padding: 1rem;
}
.discord-player-event-grid-v8124 legend {
  padding: 0 .4rem;
  font-weight: 700;
}
.discord-player-notification-log-list-v8124 {
  display: grid;
  gap: .7rem;
}
.discord-player-notification-log-v8124 {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: .75rem 1rem;
  align-items: start;
  padding: .9rem 1rem;
  border: 1px solid var(--border, #d7dbe0);
  border-radius: 12px;
  background: var(--panel, #fff);
}
.discord-player-notification-log-v8124 > div:first-child {
  display: grid;
  gap: .15rem;
}
.discord-player-notification-log-v8124 > div:nth-child(2) {
  display: flex;
  align-items: center;
  gap: .5rem;
}
.discord-player-notification-log-v8124 p {
  grid-column: 1 / -1;
  margin: 0;
  color: var(--muted, #5f6772);
}
@media (max-width: 720px) {
  .discord-player-delivery-grid-v8124,
  .discord-player-event-grid-v8124 { grid-template-columns: 1fr; }
  .discord-player-notification-log-v8124 { grid-template-columns: 1fr; }
  .discord-player-notification-log-v8124 > div:nth-child(2) { justify-content: flex-start; flex-wrap: wrap; }
}

/* CTS v8.12.5 — Communications workspace and granular Discord routing */
html.cts-ui-v8125 .communications-workspace-v8125 .admin-accordion-body {
  display: grid;
  gap: 1.25rem;
}
html.cts-ui-v8125 .communications-overview-summary-v8125 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .8rem;
}
html.cts-ui-v8125 .communications-overview-summary-v8125 article {
  display: grid;
  gap: .18rem;
  padding: 1rem;
  border: 1px solid var(--line, #303640);
  border-radius: 10px;
  background: var(--panel-2, #1d2129);
}
html.cts-ui-v8125 .communications-overview-summary-v8125 span,
html.cts-ui-v8125 .communications-overview-summary-v8125 small {
  color: var(--muted, #a7adb8);
}
html.cts-ui-v8125 .communications-overview-summary-v8125 span {
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}
html.cts-ui-v8125 .communications-overview-summary-v8125 strong {
  font-size: 1.55rem;
  line-height: 1.1;
}
html.cts-ui-v8125 .communications-tool-grid-v8125 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
}
html.cts-ui-v8125 .communications-tool-card-v8125 {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: .16rem .75rem;
  align-items: start;
  min-height: 92px;
  padding: 1rem;
  text-align: left;
  border: 1px solid var(--line, #303640);
  border-radius: 10px;
  background: var(--panel-2, #1d2129);
  color: inherit;
}
html.cts-ui-v8125 .communications-tool-card-v8125:hover,
html.cts-ui-v8125 .communications-tool-card-v8125:focus-visible {
  border-color: color-mix(in srgb, var(--accent, #33d7ff) 55%, var(--line, #303640));
  background: color-mix(in srgb, var(--accent, #33d7ff) 5%, var(--panel-2, #1d2129));
  transform: translateY(-1px);
}
html.cts-ui-v8125 .communications-tool-card-v8125 > span {
  grid-row: 1 / span 2;
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 7px;
  background: var(--panel, #181b22);
  border: 1px solid var(--line, #303640);
  color: var(--muted, #a7adb8);
  font-size: .7rem;
  font-weight: 900;
}
html.cts-ui-v8125 .communications-tool-card-v8125 strong {
  font-size: .98rem;
}
html.cts-ui-v8125 .communications-tool-card-v8125 small {
  color: var(--muted, #a7adb8);
  line-height: 1.45;
}
html.cts-ui-v8125 .communications-tool-card-v8125.primary-card {
  border-color: color-mix(in srgb, var(--accent, #33d7ff) 35%, var(--line, #303640));
}
html.cts-ui-v8125 .communications-guidance-v8125 {
  display: flex;
  gap: .45rem;
  align-items: flex-start;
  padding: .9rem 1rem;
  border-left: 3px solid var(--accent, #33d7ff);
  background: var(--panel-2, #1d2129);
  border-radius: 7px;
}
html.cts-ui-v8125 .communications-guidance-v8125 span {
  color: var(--muted, #a7adb8);
}

/* Make the main broadcast screen calmer and easier to scan. */
html.cts-ui-v8125 .communication-hub-grid-v880 {
  grid-template-columns: 1fr;
  gap: 1rem;
}
html.cts-ui-v8125 .communication-compose-v880,
html.cts-ui-v8125 .communication-template-panel-v880,
html.cts-ui-v8125 .communication-history-v880 {
  border-radius: 10px;
  box-shadow: none;
}
html.cts-ui-v8125 .communication-template-panel-v880 {
  background: var(--panel-2, #1d2129);
}
html.cts-ui-v8125 .communication-summary-grid-v880 article {
  border-radius: 9px;
  box-shadow: none;
}
html.cts-ui-v8125 .communication-channel-grid-v880 .checkbox-label {
  border-radius: 8px;
}
html.cts-ui-v8125 .communication-template-card-v880,
html.cts-ui-v8125 .communication-history-card-v880 {
  border-radius: 9px;
}

html.cts-ui-v8125 .discord-routing-intro-v8125 {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
  margin-bottom: 1rem;
  padding: .9rem 1rem;
  border: 1px solid var(--line, #303640);
  border-radius: 9px;
  background: var(--panel-2, #1d2129);
}
html.cts-ui-v8125 .discord-routing-intro-v8125 > div {
  display: grid;
  gap: .2rem;
}
html.cts-ui-v8125 .discord-routing-intro-v8125 > div span,
html.cts-ui-v8125 .discord-routing-intro-v8125 p {
  color: var(--muted, #a7adb8);
  margin: 0;
}
html.cts-ui-v8125 #discordPlayerNotificationSettingsFormV8124 {
  display: grid;
  gap: 1rem;
}
html.cts-ui-v8125 .discord-routing-master-v8125,
html.cts-ui-v8125 .discord-routing-panel-v8125 {
  border: 1px solid var(--line, #303640);
  border-radius: 10px;
  padding: 1rem;
  background: var(--panel, #181b22);
}
html.cts-ui-v8125 .discord-routing-master-v8125 {
  display: grid;
  grid-template-columns: minmax(220px, .7fr) minmax(0, 1.3fr);
  gap: 1rem;
  align-items: center;
}
html.cts-ui-v8125 .discord-routing-master-v8125 h3,
html.cts-ui-v8125 .discord-routing-master-v8125 p {
  margin: 0;
}
html.cts-ui-v8125 .discord-routing-master-v8125 .muted {
  margin-top: .25rem;
}
html.cts-ui-v8125 .discord-routing-master-options-v8125 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .65rem;
}
html.cts-ui-v8125 .discord-routing-master-options-v8125 .checkbox-label {
  align-items: flex-start;
  min-height: 76px;
  padding: .8rem;
  border: 1px solid var(--line, #303640);
  border-radius: 8px;
  background: var(--panel-2, #1d2129);
}
html.cts-ui-v8125 .discord-routing-master-options-v8125 .checkbox-label span {
  display: grid;
  gap: .1rem;
}
html.cts-ui-v8125 .discord-routing-master-options-v8125 small {
  color: var(--muted, #a7adb8);
  line-height: 1.35;
}
html.cts-ui-v8125 .discord-routing-summary-v8125 {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin: .6rem 0 .8rem;
}
html.cts-ui-v8125 .discord-routing-summary-v8125 span {
  padding: .4rem .65rem;
  border: 1px solid var(--line, #303640);
  border-radius: 999px;
  color: var(--muted, #a7adb8);
  background: var(--panel-2, #1d2129);
  font-size: .76rem;
}
html.cts-ui-v8125 .discord-routing-summary-v8125 strong {
  color: var(--text, #f3f4f6);
}
html.cts-ui-v8125 .discord-routing-table-wrap-v8125 {
  overflow-x: auto;
  border: 1px solid var(--line, #303640);
  border-radius: 9px;
}
html.cts-ui-v8125 .discord-routing-table-v8125 {
  width: 100%;
  min-width: 650px;
  border-collapse: collapse;
  white-space: normal;
}
html.cts-ui-v8125 .discord-routing-table-v8125 th,
html.cts-ui-v8125 .discord-routing-table-v8125 td {
  padding: .72rem .8rem;
  border-bottom: 1px solid var(--line, #303640);
  text-align: left;
  vertical-align: middle;
}
html.cts-ui-v8125 .discord-routing-table-v8125 thead th {
  color: var(--muted, #a7adb8);
  background: var(--panel-2, #1d2129);
  font-size: .7rem;
  letter-spacing: .06em;
  text-transform: uppercase;
}
html.cts-ui-v8125 .discord-routing-table-v8125 thead th:not(:first-child),
html.cts-ui-v8125 .discord-routing-table-v8125 td:not(:first-child) {
  width: 145px;
  text-align: center;
}
html.cts-ui-v8125 .discord-routing-table-v8125 tbody tr:last-child td {
  border-bottom: 0;
}
html.cts-ui-v8125 .discord-routing-table-v8125 td:first-child {
  display: grid;
  gap: .12rem;
}
html.cts-ui-v8125 .discord-routing-table-v8125 td small {
  color: var(--muted, #a7adb8);
}
html.cts-ui-v8125 .discord-routing-table-v8125 input[type="checkbox"] {
  width: 1.1rem;
  height: 1.1rem;
  accent-color: var(--accent, #33d7ff);
}
html.cts-ui-v8125 .discord-routing-table-v8125 .routing-group-v8125 th {
  padding: .55rem .8rem;
  background: color-mix(in srgb, var(--accent, #33d7ff) 5%, var(--panel-2, #1d2129));
  color: var(--text, #f3f4f6);
  font-size: .75rem;
  letter-spacing: .05em;
  text-transform: uppercase;
}
html.cts-ui-v8125 .discord-routing-table-v8125 .private-group-v8125 th {
  background: color-mix(in srgb, #d5a452 7%, var(--panel-2, #1d2129));
}
html.cts-ui-v8125 .discord-routing-table-v8125 tr.route-disabled-v8125 td {
  opacity: .52;
}
html.cts-ui-v8125 .discord-routing-table-v8125 tr.route-disabled-v8125:hover td {
  opacity: .78;
}
html.cts-ui-v8125 .private-only-badge-v8125 {
  display: inline-flex;
  padding: .28rem .5rem;
  border: 1px solid #665432;
  border-radius: 999px;
  color: #e1c17e;
  background: #251f17;
  font-size: .68rem;
  font-weight: 800;
  text-transform: uppercase;
}
html.cts-ui-v8125 .discord-routing-actions-v8125 {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  padding-top: .1rem;
}
html.cts-ui-v8125 .discord-player-notification-log-v8124 {
  border-radius: 9px;
  box-shadow: none;
}

@media (max-width: 980px) {
  html.cts-ui-v8125 .communications-overview-summary-v8125,
  html.cts-ui-v8125 .discord-routing-master-options-v8125 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  html.cts-ui-v8125 .discord-routing-master-v8125 {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 700px) {
  html.cts-ui-v8125 .communications-overview-summary-v8125,
  html.cts-ui-v8125 .communications-tool-grid-v8125,
  html.cts-ui-v8125 .discord-routing-master-options-v8125 {
    grid-template-columns: 1fr;
  }
  html.cts-ui-v8125 .discord-routing-intro-v8125,
  html.cts-ui-v8125 .communications-guidance-v8125 {
    flex-direction: column;
  }
  html.cts-ui-v8125 .discord-routing-panel-v8125,
  html.cts-ui-v8125 .discord-routing-master-v8125 {
    padding: .8rem;
  }
  html.cts-ui-v8125 .discord-routing-actions-v8125 > button {
    flex: 1 1 100%;
  }
}


/* CTS v8.12.6 — Communications overview entry-point hotfix. */


/* CTS v8.12.6 — simplified 15-step Event Setup resource. */
.event-resource-simple-v81252 { grid-template-columns: 1fr; }
.resource-step-section-v81252 { padding: 16px; }
.resource-step-section-v81252 > h3 { margin-bottom: 12px; }
.resource-step-list-v81252 { grid-template-columns: 1fr; gap: 8px; }
.resource-step-v81252 { align-items: flex-start; min-height: 0; padding: 11px 12px; }
.resource-step-v81252 input { margin-top: 3px; }
.resource-step-copy-v81252 { display: grid; gap: 3px; min-width: 0; }
.resource-step-copy-v81252 strong { display: flex; align-items: center; gap: 8px; color: var(--text); font-size: .91rem; line-height: 1.3; }
.resource-step-copy-v81252 strong em { display: inline-grid; place-items: center; width: 22px; height: 22px; flex: 0 0 22px; border: 1px solid var(--border); border-radius: 999px; color: var(--muted); font-size: .72rem; font-style: normal; text-decoration: none; }
.resource-step-copy-v81252 small { color: var(--muted); font-size: .81rem; font-weight: 500; line-height: 1.45; }
.resource-step-v81252:has(input:checked) .resource-step-copy-v81252 { color: inherit; text-decoration: none; }
.resource-step-v81252:has(input:checked) .resource-step-copy-v81252 strong { color: var(--muted); text-decoration: line-through; text-decoration-thickness: 1px; }
.resource-step-v81252:has(input:checked) .resource-step-copy-v81252 strong em { text-decoration: none; }
.resource-step-v81252:has(input:checked) .resource-step-copy-v81252 small { opacity: .7; text-decoration: none; }
@media (max-width: 640px) {
  .resource-step-v81252 { padding: 10px; }
  .resource-step-copy-v81252 strong { align-items: flex-start; }
}


/* CTS v8.12.6 — account-required event registration */
.registration-account-required-v8126 {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem;
}
.registration-account-required-v8126.is-signed-out-v8126 {
  border-color: rgba(255, 204, 102, .45);
  background: linear-gradient(180deg, rgba(255, 204, 102, .075), rgba(18, 23, 34, .96));
}
.registration-account-required-v8126.is-signed-in-v8126 {
  border-color: rgba(61, 220, 151, .32);
  background: linear-gradient(180deg, rgba(61, 220, 151, .06), rgba(18, 23, 34, .96));
}
.registration-auth-return-v8126 {
  display: block;
  margin-top: .55rem;
  color: var(--warning);
  font-weight: 750;
}
#registrationForm[data-account-required-v8126="true"] {
  scroll-margin-top: 110px;
}
@media (max-width: 820px) {
  .registration-account-required-v8126 {
    grid-template-columns: 1fr;
    align-items: stretch;
  }
  .registration-account-required-v8126 .account-recommendation-icon { display: none; }
  .registration-account-required-v8126 .account-recommendation-actions { justify-content: stretch; }
  .registration-account-required-v8126 .account-recommendation-actions button { flex: 1 1 180px; }
}


/* ================================================================
   CTS v8.13.0 — Poster-inspired brand and UX overhaul
   ================================================================ */
html.cts-ui-v8130 {
  --cts-red-v8130: #e31b23;
  --cts-red-dark-v8130: #8f1118;
  --cts-teal-v8130: #00c9a7;
  --cts-teal-dark-v8130: #006b5d;
  --cts-bg-v8130: #050708;
  --cts-surface-v8130: #0b0f11;
  --cts-surface-2-v8130: #101619;
  --cts-surface-3-v8130: #151d20;
  --cts-border-v8130: #293237;
  --cts-text-v8130: #f2f1ed;
  --cts-muted-v8130: #98a2a6;
  --cts-gold-v8130: #e2b52f;
  --bg: var(--cts-bg-v8130);
  --panel: var(--cts-surface-v8130);
  --panel-2: var(--cts-surface-2-v8130);
  --line: var(--cts-border-v8130);
  --border: var(--cts-border-v8130);
  --text: var(--cts-text-v8130);
  --muted: var(--cts-muted-v8130);
  --accent: var(--cts-red-v8130);
  --accent-2: var(--cts-teal-v8130);
  --success: var(--cts-teal-v8130);
  --warning: #e2b52f;
  --danger: #ff525a;
  --info: #58c9ff;
  color-scheme: dark;
  background: var(--cts-bg-v8130);
  font-family: Inter, "Segoe UI", Arial, sans-serif;
}
html.cts-ui-v8130 body {
  min-height: 100vh;
  background:
    radial-gradient(circle at 88% 3%, rgba(227,27,35,.08), transparent 23rem),
    radial-gradient(circle at 3% 45%, rgba(0,201,167,.045), transparent 30rem),
    linear-gradient(180deg, #050708 0%, #080b0d 52%, #050708 100%);
  color: var(--cts-text-v8130);
}
html.cts-ui-v8130 body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .18;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.014) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(to bottom, #000, transparent 72%);
}
html.cts-ui-v8130 h1,
html.cts-ui-v8130 h2,
html.cts-ui-v8130 h3,
html.cts-ui-v8130 .page-context-title,
html.cts-ui-v8130 .clean-home-copy-v8121 h2 {
  font-family: "Bahnschrift Condensed", "Arial Narrow", Impact, sans-serif;
  letter-spacing: .025em;
}

/* Site chrome */
html.cts-ui-v8130 .site-header {
  position: sticky;
  top: 0;
  z-index: 80;
  min-height: 72px;
  padding: 0 clamp(14px, 3vw, 38px);
  border-bottom: 1px solid rgba(255,255,255,.09);
  background: rgba(5,7,8,.96);
  box-shadow: 0 10px 30px rgba(0,0,0,.26);
  backdrop-filter: blur(16px);
}
html.cts-ui-v8130 .site-header::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: min(320px, 35vw);
  height: 2px;
  background: linear-gradient(90deg, var(--cts-red-v8130), transparent);
}
html.cts-ui-v8130 .header-left,
html.cts-ui-v8130 .header-actions-v8130 { display:flex; align-items:center; gap:12px; }
html.cts-ui-v8130 .brand-wrap { gap: 11px; padding: 0; border:0; background:transparent; color:inherit; }
html.cts-ui-v8130 .brand-logo {
  width: 47px;
  height: 47px;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  object-fit: contain;
}
html.cts-ui-v8130 .brand-identity-v8130 { display:grid; gap:1px; text-align:left; }
html.cts-ui-v8130 .cts-wordmark-v8130 {
  display:flex;
  align-items:baseline;
  line-height:.92;
  font-family:"Bahnschrift Condensed","Arial Narrow",Impact,sans-serif;
  font-size:31px;
  font-weight:900;
  letter-spacing:.035em;
  transform:skew(-4deg);
}
html.cts-ui-v8130 .cts-wordmark-v8130 b { color:#f4f2ec; }
html.cts-ui-v8130 .cts-wordmark-v8130 em { color:var(--cts-red-v8130); font-style:normal; }
html.cts-ui-v8130 .brand-identity-v8130 small {
  color:#b3b9bb;
  font-size:8px;
  font-weight:900;
  letter-spacing:.22em;
}
html.cts-ui-v8130 .header-register-action-v8130,
html.cts-ui-v8130 .header-account-action-v8120 {
  min-height:39px;
  padding:0 17px;
  border-radius:3px;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
html.cts-ui-v8130 .header-register-action-v8130 {
  border:1px solid var(--cts-red-v8130);
  color:#fff;
  background:linear-gradient(135deg,var(--cts-red-v8130),#ad1018);
  clip-path:polygon(0 0, 92% 0, 100% 24%, 100% 100%, 8% 100%, 0 76%);
}
html.cts-ui-v8130 .header-account-action-v8120 {
  border:1px solid #394348;
  color:#e9eceb;
  background:#111619;
}
html.cts-ui-v8130 .build-badge-v8110 { display:none; }
html.cts-ui-v8130 .connection-badge {
  border-radius:3px;
  border-color:#333d41;
  background:#0d1214;
  font-size:.7rem;
  font-weight:800;
  text-transform:uppercase;
}

html.cts-ui-v8130 nav.tabs {
  position: sticky;
  top:72px;
  z-index:70;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:55px;
  margin:0;
  padding:7px clamp(14px,3vw,38px);
  border:0;
  border-bottom:1px solid rgba(255,255,255,.08);
  border-radius:0;
  background:rgba(8,11,13,.97);
  box-shadow:0 12px 24px rgba(0,0,0,.18);
  overflow:visible;
}
html.cts-ui-v8130 .nav-primary-v8130,
html.cts-ui-v8130 .nav-utility-v8130 { display:flex; align-items:center; gap:4px; min-width:0; }
html.cts-ui-v8130 .nav-primary-v8130 { overflow-x:auto; scrollbar-width:none; }
html.cts-ui-v8130 .nav-primary-v8130::-webkit-scrollbar { display:none; }
html.cts-ui-v8130 nav.tabs .tab {
  position:relative;
  display:flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  padding:0 12px;
  border:1px solid transparent;
  border-radius:3px;
  color:#9da5a8;
  background:transparent;
  box-shadow:none;
  white-space:nowrap;
}
html.cts-ui-v8130 nav.tabs .tab:hover { color:#fff; background:#11171a; border-color:#253034; }
html.cts-ui-v8130 nav.tabs .tab.active {
  color:#fff;
  background:linear-gradient(180deg,#151b1e,#0e1315);
  border-color:#3a4448;
  box-shadow:inset 0 -2px 0 var(--cts-red-v8130);
}
html.cts-ui-v8130 nav.tabs .tab.active::before {
  content:"";
  position:absolute;
  left:8px;
  top:6px;
  width:4px;
  height:4px;
  background:var(--cts-teal-v8130);
  border-radius:50%;
  box-shadow:0 0 10px var(--cts-teal-v8130);
}
html.cts-ui-v8130 nav.tabs .tab-icon { width:18px; height:18px; }
html.cts-ui-v8130 nav.tabs .tab-icon svg { width:18px; height:18px; stroke:currentColor; fill:none; stroke-width:1.8; }
html.cts-ui-v8130 nav.tabs .tab-copy { display:block; }
html.cts-ui-v8130 nav.tabs .tab-copy strong { font-size:.76rem; letter-spacing:.045em; text-transform:uppercase; }
html.cts-ui-v8130 nav.tabs .tab-copy small { display:none; }
html.cts-ui-v8130 .nav-utility-v8130 { padding-left:12px; border-left:1px solid #293135; }
html.cts-ui-v8130 .nav-utility-v8130 .tab { padding-inline:9px; }
html.cts-ui-v8130 .nav-utility-v8130 .tab-copy strong { font-size:.7rem; }

/* Global workspace and page hierarchy */
html.cts-ui-v8130 .shell { width:100%; margin:0; }
html.cts-ui-v8130 .workspace-content {
  width:min(1320px,calc(100% - 40px));
  margin:0 auto;
  padding:28px 0 68px;
}
html.cts-ui-v8130 .page-context {
  position:relative;
  display:grid;
  grid-template-columns:58px minmax(0,1fr) 130px;
  gap:18px;
  align-items:center;
  min-height:112px;
  margin:0 0 18px;
  padding:18px 20px;
  border:1px solid #273035;
  border-left:4px solid var(--cts-red-v8130);
  border-radius:4px;
  overflow:hidden;
  background:linear-gradient(110deg,#0e1315 0%,#0a0e10 62%,rgba(227,27,35,.075));
  box-shadow:0 18px 40px rgba(0,0,0,.16);
}
html.cts-ui-v8130 .page-context::after {
  content:"";
  position:absolute;
  right:-35px;
  top:-40px;
  width:150px;
  height:170px;
  border-left:1px solid rgba(227,27,35,.45);
  transform:skew(-24deg);
}
html.cts-ui-v8130 .page-context-mark {
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border:1px solid #3d484c;
  color:var(--cts-red-v8130);
  background:#090d0f;
  font-family:"Bahnschrift Condensed","Arial Narrow",sans-serif;
  font-size:1.4rem;
  font-weight:900;
}
html.cts-ui-v8130 .page-context-copy { min-width:0; }
html.cts-ui-v8130 .page-context-copy .eyebrow { margin:0 0 5px; color:var(--cts-teal-v8130); }
html.cts-ui-v8130 .page-context-copy h2 { margin:0 0 5px; font-size:clamp(1.65rem,3vw,2.45rem); text-transform:uppercase; }
html.cts-ui-v8130 .page-context-copy > p { margin:0; max-width:760px; color:#a5adaf; }
html.cts-ui-v8130 .page-context-stripe {
  justify-self:end;
  width:105px;
  height:10px;
  background:repeating-linear-gradient(135deg,var(--cts-red-v8130) 0 12px,transparent 12px 19px);
  opacity:.8;
}
html.cts-ui-v8130 .page-breadcrumbs-v8100 { color:#747f83; font-size:.7rem; text-transform:uppercase; letter-spacing:.08em; }

/* Universal panels, controls and hierarchy */
html.cts-ui-v8130 .panel,
html.cts-ui-v8130 details.admin-guided-tool,
html.cts-ui-v8130 .communication-compose-v880,
html.cts-ui-v8130 .communication-template-panel-v880,
html.cts-ui-v8130 .communication-history-v880 {
  position:relative;
  border:1px solid #283237;
  border-radius:5px;
  background:linear-gradient(180deg,rgba(16,22,25,.97),rgba(10,14,16,.98));
  box-shadow:0 15px 36px rgba(0,0,0,.14);
}
html.cts-ui-v8130 .panel { padding:clamp(16px,2.4vw,24px); margin-bottom:14px; }
html.cts-ui-v8130 .panel::before {
  content:"";
  position:absolute;
  left:-1px;
  top:18px;
  width:3px;
  height:28px;
  background:var(--cts-teal-v8130);
  opacity:.55;
}
html.cts-ui-v8130 .intro-panel {
  padding-block:18px;
  border-left:3px solid var(--cts-red-v8130);
  background:#0b1012;
}
html.cts-ui-v8130 .intro-panel::before { display:none; }
html.cts-ui-v8130 .intro-panel h2 { margin-bottom:4px; font-size:clamp(1.45rem,2.4vw,2rem); text-transform:uppercase; }
html.cts-ui-v8130 .intro-panel p:last-child { max-width:860px; line-height:1.5; }
html.cts-ui-v8130 .eyebrow { color:var(--cts-teal-v8130); font-size:.68rem; letter-spacing:.16em; }
html.cts-ui-v8130 .section-heading { margin-bottom:14px; }
html.cts-ui-v8130 .section-heading h2 { text-transform:uppercase; }
html.cts-ui-v8130 .muted,
html.cts-ui-v8130 small { color:var(--cts-muted-v8130); }

html.cts-ui-v8130 input,
html.cts-ui-v8130 select,
html.cts-ui-v8130 textarea {
  min-height:45px;
  border:1px solid #303b40;
  border-radius:3px;
  background:#070b0d;
  color:#f2f3f0;
  padding:.75rem .85rem;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
html.cts-ui-v8130 textarea { min-height:112px; }
html.cts-ui-v8130 input:hover,
html.cts-ui-v8130 select:hover,
html.cts-ui-v8130 textarea:hover { border-color:#465358; }
html.cts-ui-v8130 input:focus,
html.cts-ui-v8130 select:focus,
html.cts-ui-v8130 textarea:focus {
  border-color:var(--cts-teal-v8130);
  box-shadow:0 0 0 3px rgba(0,201,167,.12);
}
html.cts-ui-v8130 label { color:#d7dbd9; font-size:.82rem; letter-spacing:.015em; }
html.cts-ui-v8130 .primary,
html.cts-ui-v8130 .secondary,
html.cts-ui-v8130 .danger-button,
html.cts-ui-v8130 button.clean-featured-action-v8121 {
  min-height:42px;
  border-radius:3px;
  padding:.7rem 1rem;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.045em;
  text-transform:uppercase;
}
html.cts-ui-v8130 .primary {
  border:1px solid #f12a32;
  background:linear-gradient(135deg,var(--cts-red-v8130),#a90e15);
  box-shadow:0 8px 20px rgba(227,27,35,.15);
}
html.cts-ui-v8130 .primary:hover { filter:none; background:#f01f28; transform:translateY(-1px); }
html.cts-ui-v8130 .secondary {
  border:1px solid #394448;
  background:#111719;
  color:#eef0ee;
}
html.cts-ui-v8130 .secondary:hover { border-color:var(--cts-teal-v8130); color:#fff; }
html.cts-ui-v8130 .danger-button { border-color:#7a2529; background:#241012; }
html.cts-ui-v8130 .text-button { color:var(--cts-teal-v8130); }
html.cts-ui-v8130 .notice { border-radius:4px; }
html.cts-ui-v8130 .notice.warning { border-color:#6a5720; background:#181509; }
html.cts-ui-v8130 .status-badge,
html.cts-ui-v8130 .event-status,
html.cts-ui-v8130 .connection-badge { border-radius:3px; }

/* Homepage inspired by the supplied CTS R6 league graphics */
html.cts-ui-v8130 #homeView + * { position:relative; }
html.cts-ui-v8130 .clean-home-shell-v8121 { display:grid; gap:18px; }
html.cts-ui-v8130 .clean-home-hero-v8121 {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.22fr) minmax(330px,.78fr);
  gap:22px;
  min-height:500px;
  padding:clamp(28px,5vw,64px);
  border:1px solid #293236;
  border-radius:5px;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(5,8,9,.98) 0%,rgba(5,8,9,.92) 56%,rgba(5,8,9,.68) 100%),
    radial-gradient(circle at 88% 20%,rgba(227,27,35,.17),transparent 28rem),
    repeating-linear-gradient(135deg,transparent 0 28px,rgba(255,255,255,.014) 28px 29px);
  box-shadow:0 24px 56px rgba(0,0,0,.28);
}
html.cts-ui-v8130 .clean-home-hero-v8121::before {
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:180px;
  height:145px;
  background:
    radial-gradient(circle,rgba(227,27,35,.8) 0 2px,transparent 3px) 0 0/16px 16px;
  opacity:.35;
  clip-path:polygon(0 0,100% 0,54% 100%,0 100%);
}
html.cts-ui-v8130 .clean-home-hero-v8121::after {
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:46%;
  height:5px;
  background:linear-gradient(90deg,var(--cts-red-v8130),transparent);
}
html.cts-ui-v8130 .clean-home-copy-v8121 { position:relative; z-index:1; align-self:center; max-width:760px; }
html.cts-ui-v8130 .clean-home-label-v8121 {
  display:inline-flex;
  margin-bottom:18px;
  padding:7px 11px;
  border-left:3px solid var(--cts-teal-v8130);
  color:var(--cts-teal-v8130);
  background:rgba(0,201,167,.055);
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.16em;
}
html.cts-ui-v8130 .clean-home-copy-v8121 h2 {
  margin:0 0 16px;
  max-width:820px;
  color:#f1f0eb;
  font-size:clamp(3.25rem,7.4vw,6.8rem);
  line-height:.79;
  letter-spacing:.015em;
  text-transform:uppercase;
  text-shadow:0 5px 18px rgba(0,0,0,.45);
}
html.cts-ui-v8130 .clean-home-copy-v8121 h2 span { color:var(--cts-red-v8130); }
html.cts-ui-v8130 .clean-home-copy-v8121 > p { max-width:720px; margin-bottom:22px; color:#bdc3c4; font-size:1rem; line-height:1.55; }
html.cts-ui-v8130 .clean-home-actions-v8121 { gap:9px; }
html.cts-ui-v8130 .clean-home-actions-v8121 button { min-width:155px; }
html.cts-ui-v8130 .clean-home-stats-v8121 {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:610px;
  margin-top:26px;
  border:1px solid #263136;
  background:rgba(4,7,8,.72);
}
html.cts-ui-v8130 .clean-home-stats-v8121 div { padding:12px 15px; border-right:1px solid #263136; }
html.cts-ui-v8130 .clean-home-stats-v8121 div:last-child { border-right:0; }
html.cts-ui-v8130 .clean-home-stats-v8121 strong { color:#fff; font-size:1.35rem; }
html.cts-ui-v8130 .clean-home-stats-v8121 span { color:#879195; font-size:.68rem; text-transform:uppercase; letter-spacing:.06em; }
html.cts-ui-v8130 .clean-featured-event-v8121 {
  position:relative;
  z-index:1;
  align-self:center;
  overflow:hidden;
  border:1px solid var(--cts-red-v8130);
  border-radius:5px;
  background:linear-gradient(180deg,rgba(18,21,22,.96),rgba(6,9,10,.98));
  box-shadow:0 22px 45px rgba(0,0,0,.38);
}
html.cts-ui-v8130 .clean-featured-event-v8121::after {
  content:"";
  position:absolute;
  right:-26px;
  top:-28px;
  width:105px;
  height:105px;
  border:1px solid rgba(227,27,35,.28);
  transform:rotate(45deg);
}
html.cts-ui-v8130 .clean-featured-head-v8121 { padding:14px 16px; border-bottom:1px solid #342326; background:rgba(227,27,35,.055); }
html.cts-ui-v8130 .clean-featured-head-v8121 span { color:#aab0b1; font-size:.66rem; letter-spacing:.14em; text-transform:uppercase; }
html.cts-ui-v8130 .clean-featured-head-v8121 strong { color:var(--cts-teal-v8130); }
html.cts-ui-v8130 .clean-featured-body-v8121 { padding:23px 18px 18px; }
html.cts-ui-v8130 .clean-featured-body-v8121 > span { color:var(--cts-red-v8130); font-size:.68rem; font-weight:900; letter-spacing:.13em; }
html.cts-ui-v8130 .clean-featured-body-v8121 h3 { margin:8px 0 8px; font-size:clamp(1.7rem,3vw,2.5rem); line-height:.95; text-transform:uppercase; }
html.cts-ui-v8130 .clean-featured-body-v8121 p { color:#9ca5a7; line-height:1.5; }
html.cts-ui-v8130 .clean-featured-meta-v8121 { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid #273034; }
html.cts-ui-v8130 .clean-featured-meta-v8121 div { padding:13px 15px; border-right:1px solid #273034; }
html.cts-ui-v8130 .clean-featured-meta-v8121 div:last-child { border-right:0; }
html.cts-ui-v8130 .clean-featured-meta-v8121 span { color:#788286; font-size:.63rem; text-transform:uppercase; letter-spacing:.07em; }
html.cts-ui-v8130 .clean-featured-action-v8121 { width:100%; border:0; border-top:1px solid #3f1417; color:#fff; background:linear-gradient(90deg,#b61017,#e31b23); }

html.cts-ui-v8130 .clean-home-offers-v8121,
html.cts-ui-v8130 .clean-home-lower-v8121,
html.cts-ui-v8130 .clean-home-cta-v8121 { border-radius:5px; }
html.cts-ui-v8130 .clean-section-heading-v8121 span { color:var(--cts-teal-v8130); }
html.cts-ui-v8130 .clean-section-heading-v8121 h2 { text-transform:uppercase; }
html.cts-ui-v8130 .clean-offer-grid-v8121 { gap:10px; }
html.cts-ui-v8130 .clean-offer-grid-v8121 button,
html.cts-ui-v8130 .clean-how-card-v8121,
html.cts-ui-v8130 .clean-home-live-v8121,
html.cts-ui-v8130 .clean-home-quicklinks-v8121 button {
  border-radius:4px;
  border-color:#293337;
  background:#0c1113;
}
html.cts-ui-v8130 .clean-offer-grid-v8121 button:hover,
html.cts-ui-v8130 .clean-home-quicklinks-v8121 button:hover { border-color:var(--cts-teal-v8130); transform:translateY(-2px); }
html.cts-ui-v8130 .clean-offer-number-v8121 { color:var(--cts-red-v8130); }
html.cts-ui-v8130 .clean-home-live-v8121 { border-left:3px solid var(--cts-red-v8130); }
html.cts-ui-v8130 .clean-home-live-v8121 > span { color:var(--cts-teal-v8130); }
html.cts-ui-v8130 .clean-home-cta-v8121 {
  border:1px solid #343d41;
  border-left:4px solid var(--cts-red-v8130);
  background:linear-gradient(110deg,#111719,#090d0f);
}

/* Summaries, lists and tables */
html.cts-ui-v8130 .summary-grid,
html.cts-ui-v8130 .communication-summary-grid-v880,
html.cts-ui-v8130 .communications-overview-summary-v8125 { gap:9px; }
html.cts-ui-v8130 .summary-card,
html.cts-ui-v8130 .communication-summary-grid-v880 article,
html.cts-ui-v8130 .communications-overview-summary-v8125 article {
  position:relative;
  overflow:hidden;
  border:1px solid #293337;
  border-radius:4px;
  background:#0c1113;
}
html.cts-ui-v8130 .summary-card::after,
html.cts-ui-v8130 .communication-summary-grid-v880 article::after,
html.cts-ui-v8130 .communications-overview-summary-v8125 article::after {
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:42px;
  height:2px;
  background:var(--cts-red-v8130);
}
html.cts-ui-v8130 .summary-card strong { color:#fff; font-family:"Bahnschrift Condensed","Arial Narrow",sans-serif; }
html.cts-ui-v8130 .registration-card,
html.cts-ui-v8130 .event-card,
html.cts-ui-v8130 .account-registration-card,
html.cts-ui-v8130 .communication-template-card-v880,
html.cts-ui-v8130 .communication-history-card-v880,
html.cts-ui-v8130 .automated-test-result-v8522,
html.cts-ui-v8130 .resource-step-v81252 {
  border-radius:4px;
  border-color:#293337;
  background:#0b1012;
}
html.cts-ui-v8130 .registration-card[open],
html.cts-ui-v8130 .automated-test-result-v8522[open] { border-color:#465257; }
html.cts-ui-v8130 .event-card { border-left:3px solid #394347; }
html.cts-ui-v8130 .event-card:hover { border-left-color:var(--cts-red-v8130); }
html.cts-ui-v8130 .event-stats div,
html.cts-ui-v8130 .detail-list div,
html.cts-ui-v8130 .admin-details div,
html.cts-ui-v8130 .account-registration-meta div { border-radius:3px; background:#080c0e; }
html.cts-ui-v8130 table { width:100%; border-collapse:separate; border-spacing:0; }
html.cts-ui-v8130 table th {
  padding:11px 12px;
  border-bottom:1px solid #354045;
  color:#aeb6b8;
  background:#111719;
  font-size:.68rem;
  letter-spacing:.07em;
  text-align:left;
  text-transform:uppercase;
}
html.cts-ui-v8130 table td { padding:11px 12px; border-bottom:1px solid #222b2f; background:#0a0f11; }
html.cts-ui-v8130 table tbody tr:hover td { background:#101719; }
html.cts-ui-v8130 .table-wrap { border:1px solid #293337; border-radius:4px; overflow:auto; }

/* Admin workspace */
html.cts-ui-v8130 #adminDashboard { gap:14px; }
html.cts-ui-v8130 .admin-route-sidebar-v8100 {
  border-radius:4px;
  border-color:#2b3539;
  background:#090e10;
  box-shadow:none;
}
html.cts-ui-v8130 .admin-route-sidebar-head-v8100 span { border-radius:3px; background:var(--cts-red-v8130); color:#fff; }
html.cts-ui-v8130 .admin-route-group-v8100 button { border-radius:3px; }
html.cts-ui-v8130 .admin-route-group-v8100 button.active {
  background:#161b1e;
  color:#fff;
  box-shadow:inset 3px 0 0 var(--cts-red-v8130);
}
html.cts-ui-v8130 .admin-area-toolbar {
  border-radius:4px;
  border:1px solid #2a3438;
  background:rgba(9,13,15,.95);
}
html.cts-ui-v8130 .admin-area-grid { gap:9px; }
html.cts-ui-v8130 .admin-area-card,
html.cts-ui-v8130 .communications-tool-card-v8125 {
  min-height:104px;
  border-radius:4px;
  border-color:#293337;
  background:#0b1012;
}
html.cts-ui-v8130 .admin-area-card::before { background:var(--cts-red-v8130); }
html.cts-ui-v8130 .admin-area-card:hover,
html.cts-ui-v8130 .communications-tool-card-v8125:hover { border-color:var(--cts-teal-v8130); transform:translateY(-2px); }
html.cts-ui-v8130 .admin-area-icon { border-radius:3px; color:#fff; background:#191f22 !important; }
html.cts-ui-v8130 .admin-workspace-launcher { border-radius:4px; }

/* Communications */
html.cts-ui-v8130 .communications-tool-grid-v8125,
html.cts-ui-v8130 .communication-hub-grid-v880 { gap:10px; }
html.cts-ui-v8130 .communications-guidance-v8125,
html.cts-ui-v8130 .discord-routing-intro-v8125,
html.cts-ui-v8130 .discord-routing-master-v8125,
html.cts-ui-v8130 .discord-routing-panel-v8125 { border-radius:4px; }
html.cts-ui-v8130 .discord-routing-table-v8125 { border-radius:4px; }
html.cts-ui-v8130 .private-only-badge-v8125 { border-radius:3px; }

/* Mobile and tablet */
@media (max-width:1100px) {
  html.cts-ui-v8130 .header-actions-v8130 .connection-badge { display:none; }
  html.cts-ui-v8130 nav.tabs { gap:8px; }
  html.cts-ui-v8130 .nav-utility-v8130 { flex:0 0 auto; }
  html.cts-ui-v8130 .clean-home-hero-v8121 { grid-template-columns:1fr; min-height:0; }
  html.cts-ui-v8130 .clean-featured-event-v8121 { max-width:none; }
}
@media (max-width:820px) {
  html.cts-ui-v8130 .site-header { min-height:64px; }
  html.cts-ui-v8130 .brand-logo { width:40px; height:40px; }
  html.cts-ui-v8130 .cts-wordmark-v8130 { font-size:25px; }
  html.cts-ui-v8130 .brand-identity-v8130 small { display:none; }
  html.cts-ui-v8130 .header-register-action-v8130 { display:none; }
  html.cts-ui-v8130 .header-account-action-v8120 { min-height:36px; padding-inline:12px; }
  html.cts-ui-v8130 nav.tabs { top:64px; padding-inline:10px; overflow-x:auto; justify-content:flex-start; }
  html.cts-ui-v8130 .nav-primary-v8130,
  html.cts-ui-v8130 .nav-utility-v8130 { min-width:max-content; }
  html.cts-ui-v8130 .nav-utility-v8130 { border-left:0; padding-left:0; }
  html.cts-ui-v8130 .workspace-content { width:calc(100% - 22px); padding-top:16px; }
  html.cts-ui-v8130 .page-context { grid-template-columns:44px minmax(0,1fr); min-height:92px; padding:14px; }
  html.cts-ui-v8130 .page-context-mark { width:38px; height:38px; font-size:1.1rem; }
  html.cts-ui-v8130 .page-context-stripe { display:none; }
  html.cts-ui-v8130 .clean-home-hero-v8121 { padding:26px 20px; }
  html.cts-ui-v8130 .clean-home-copy-v8121 h2 { font-size:clamp(3rem,14vw,5rem); }
  html.cts-ui-v8130 .clean-home-stats-v8121 { grid-template-columns:1fr 1fr 1fr; }
}
@media (max-width:560px) {
  html.cts-ui-v8130 .site-header { padding-inline:10px; }
  html.cts-ui-v8130 .brand-logo { width:36px; height:36px; }
  html.cts-ui-v8130 .cts-wordmark-v8130 { font-size:22px; }
  html.cts-ui-v8130 .header-account-action-v8120 { font-size:.68rem; padding-inline:9px; }
  html.cts-ui-v8130 .notification-mailbox { width:36px; height:36px; }
  html.cts-ui-v8130 nav.tabs .tab { padding-inline:9px; }
  html.cts-ui-v8130 nav.tabs .tab-copy strong { font-size:.68rem; }
  html.cts-ui-v8130 nav.tabs .tab-icon { display:none; }
  html.cts-ui-v8130 .page-context { grid-template-columns:1fr; gap:4px; border-left-width:3px; }
  html.cts-ui-v8130 .page-context-mark { display:none; }
  html.cts-ui-v8130 .page-context-copy h2 { font-size:1.6rem; }
  html.cts-ui-v8130 .clean-home-hero-v8121 { padding:24px 16px; }
  html.cts-ui-v8130 .clean-home-copy-v8121 h2 { font-size:clamp(2.85rem,15vw,4.4rem); line-height:.82; }
  html.cts-ui-v8130 .clean-home-copy-v8121 > p { font-size:.92rem; }
  html.cts-ui-v8130 .clean-home-actions-v8121 { display:grid; grid-template-columns:1fr; }
  html.cts-ui-v8130 .clean-home-actions-v8121 button { width:100%; }
  html.cts-ui-v8130 .clean-home-stats-v8121 { grid-template-columns:1fr; }
  html.cts-ui-v8130 .clean-home-stats-v8121 div { border-right:0; border-bottom:1px solid #263136; }
  html.cts-ui-v8130 .clean-home-stats-v8121 div:last-child { border-bottom:0; }
  html.cts-ui-v8130 .clean-featured-meta-v8121 { grid-template-columns:1fr; }
  html.cts-ui-v8130 .clean-featured-meta-v8121 div { border-right:0; border-bottom:1px solid #273034; }
  html.cts-ui-v8130 .clean-featured-meta-v8121 div:last-child { border-bottom:0; }
  html.cts-ui-v8130 .panel { padding:15px; }
  html.cts-ui-v8130 .summary-grid { grid-template-columns:1fr 1fr; }
}

/* ================================================================
   CTS v8.13.1 — Universal tab workspace rework
   ================================================================ */
html.cts-ui-v8131 {
  --cts-section-gap-v8131: clamp(12px, 1.7vw, 20px);
  --cts-command-bg-v8131: linear-gradient(115deg, rgba(17,23,26,.98), rgba(8,12,14,.98));
  --cts-panel-strong-v8131: #0c1113;
  --cts-panel-soft-v8131: #090d0f;
}
html.cts-ui-v8131 .workspace-content {
  width:min(1380px,calc(100% - clamp(22px,4vw,64px)));
}
html.cts-ui-v8131 .section-banner-v8131 {
  position:relative;
  overflow:hidden;
  min-height:104px;
  margin-bottom:var(--cts-section-gap-v8131);
  padding:18px 22px;
  border:1px solid #303a3e;
  border-left:4px solid var(--cts-red-v8130);
  border-radius:3px;
  background:
    linear-gradient(105deg,rgba(227,27,35,.075),transparent 28%),
    var(--cts-command-bg-v8131);
  box-shadow:0 16px 34px rgba(0,0,0,.18);
}
html.cts-ui-v8131 .section-banner-v8131::before {
  content:"";
  position:absolute;
  right:18px;
  top:0;
  width:160px;
  height:100%;
  opacity:.18;
  background-image:radial-gradient(circle, var(--cts-red-v8130) 1.4px, transparent 1.6px);
  background-size:11px 11px;
  transform:skewX(-18deg);
  mask-image:linear-gradient(90deg,transparent,#000);
}
html.cts-ui-v8131 .section-banner-v8131 .page-context-copy { max-width:880px; }
html.cts-ui-v8131 .section-banner-v8131 h2 { font-size:clamp(1.8rem,3vw,2.65rem); line-height:.95; text-transform:uppercase; }
html.cts-ui-v8131 .section-banner-v8131 p:not(.eyebrow) { max-width:760px; margin-top:6px; font-size:.92rem; }
html.cts-ui-v8131 .section-banner-v8131 .page-context-mark {
  border-radius:2px;
  border-color:rgba(227,27,35,.5);
  background:#12181a;
  color:#fff;
}
html.cts-ui-v8131 body[data-active-view="liveView"] .section-banner-v8131,
html.cts-ui-v8131 body[data-active-view="playersView"] .section-banner-v8131 { border-left-color:var(--cts-teal-v8130); }
html.cts-ui-v8131 body[data-active-view="liveView"] .section-banner-v8131::before,
html.cts-ui-v8131 body[data-active-view="playersView"] .section-banner-v8131::before { background-image:radial-gradient(circle,var(--cts-teal-v8130) 1.4px,transparent 1.6px); }

html.cts-ui-v8131 .view.active.section-layout-v8131 {
  display:grid;
  gap:var(--cts-section-gap-v8131);
  align-items:start;
}
html.cts-ui-v8131 .section-layout-v8131 > *,
html.cts-ui-v8131 .section-layout-v8131 .panel { margin-bottom:0; }
html.cts-ui-v8131 .full-span-v8131 { grid-column:1 / -1; }
html.cts-ui-v8131 .intro-panel {
  min-height:100%;
  padding:22px;
  border-left:3px solid var(--cts-red-v8130);
  background:var(--cts-command-bg-v8131);
}
html.cts-ui-v8131 .intro-panel h2 { margin:.15rem 0 .45rem; font-size:clamp(1.55rem,2.3vw,2.15rem); text-transform:uppercase; }
html.cts-ui-v8131 .intro-panel p:last-child { margin-bottom:0; }
html.cts-ui-v8131 .section-layout-v8131 .panel,
html.cts-ui-v8131 .section-layout-v8131 details.panel {
  box-shadow:0 12px 28px rgba(0,0,0,.12);
}
html.cts-ui-v8131 .section-layout-v8131 .section-heading,
html.cts-ui-v8131 .section-layout-v8131 .dashboard-header {
  padding-bottom:12px;
  border-bottom:1px solid #273136;
}

/* Register */
html.cts-ui-v8131 #registerView {
  grid-template-columns:minmax(260px,.72fr) minmax(0,1.45fr);
}
html.cts-ui-v8131 #registerView:has(#registrationForm.hidden) { grid-template-columns:minmax(0,760px); justify-content:center; }
html.cts-ui-v8131 .register-intro-stack-v8131 { display:grid; gap:var(--cts-section-gap-v8131); align-content:start; }
html.cts-ui-v8131 .register-main-form-v8131 {
  position:relative;
  padding:clamp(18px,2.3vw,28px);
  border-top:3px solid var(--cts-red-v8130);
  background:linear-gradient(180deg,#0e1416,#090d0f);
}
html.cts-ui-v8131 .register-main-form-v8131::before {
  content:"REGISTRATION FORM";
  grid-column:1 / -1;
  color:var(--cts-teal-v8130);
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.14em;
}
html.cts-ui-v8131 .registration-account-required-v8126 {
  grid-template-columns:52px minmax(0,1fr);
  align-items:start;
  border-top:2px solid var(--cts-teal-v8130);
}
html.cts-ui-v8131 .registration-account-required-v8126 .account-recommendation-actions { grid-column:1 / -1; justify-content:flex-start; }

/* Updates */
html.cts-ui-v8131 .updates-lead-grid-v8131 {
  display:grid;
  grid-template-columns:minmax(260px,.72fr) minmax(0,1.55fr);
  gap:var(--cts-section-gap-v8131);
}
html.cts-ui-v8131 .patch-notes-public-hero {
  min-height:100%;
  padding:24px;
  border:1px solid #303a3e;
  border-left:3px solid var(--cts-red-v8130);
  border-radius:3px;
  background:var(--cts-command-bg-v8131);
}
html.cts-ui-v8131 .patch-notes-public-actions { display:grid; grid-template-columns:1fr; gap:8px; margin-top:18px; }
html.cts-ui-v8131 .patch-notes-public-actions button { width:100%; }
html.cts-ui-v8131 .public-latest-patch-panel { min-height:100%; border-top:3px solid var(--cts-teal-v8130); }
html.cts-ui-v8131 .public-patch-archive-panel { border-top:2px solid #394448; }

/* Players and teams */
html.cts-ui-v8131 .players-lead-grid-v8131 {
  display:grid;
  grid-template-columns:minmax(260px,.68fr) minmax(0,1.5fr);
  gap:var(--cts-section-gap-v8131);
}
html.cts-ui-v8131 .player-directory-hero {
  min-height:100%;
  align-items:end;
  border-left:3px solid var(--cts-teal-v8130);
  background:linear-gradient(145deg,rgba(0,201,167,.08),#0b1012 50%);
}
html.cts-ui-v8131 .player-directory-hero-mark { opacity:.12; color:var(--cts-teal-v8130); }
html.cts-ui-v8131 .player-directory-toolbar {
  position:sticky;
  top:138px;
  z-index:24;
  display:grid;
  grid-template-columns:minmax(150px,.5fr) minmax(230px,1.5fr) minmax(150px,.55fr) auto;
  gap:10px;
  align-items:end;
  border-top:3px solid var(--cts-teal-v8130);
  background:rgba(10,15,17,.97);
  backdrop-filter:blur(14px);
}
html.cts-ui-v8131 .player-directory-toolbar .wide { grid-column:auto; }
html.cts-ui-v8131 .player-directory-toolbar .connection-badge { align-self:center; }
html.cts-ui-v8131 .public-player-grid,
html.cts-ui-v8131 .public-team-grid-v860 { gap:12px; }
html.cts-ui-v8131 .public-player-card-v817,
html.cts-ui-v8131 .public-team-card-v860 { border-top:2px solid #344044; }
html.cts-ui-v8131 .public-player-card-v817:hover,
html.cts-ui-v8131 .public-team-card-v860:hover { border-top-color:var(--cts-teal-v8130); }

/* Suggestions */
html.cts-ui-v8131 .suggestions-grid-v8131 {
  display:grid;
  grid-template-columns:minmax(250px,.7fr) minmax(0,1.35fr);
  gap:var(--cts-section-gap-v8131);
}
html.cts-ui-v8131 .suggestion-hero { min-height:100%; border-left:3px solid var(--cts-teal-v8130); background:linear-gradient(145deg,rgba(0,201,167,.065),#0b1012 55%); }
html.cts-ui-v8131 .suggestion-form { border-top:3px solid var(--cts-red-v8130); }

/* Account */
html.cts-ui-v8131 .account-signed-out-grid-v8131 {
  display:grid;
  grid-template-columns:minmax(260px,.72fr) minmax(0,1.35fr);
  gap:var(--cts-section-gap-v8131);
}
html.cts-ui-v8131 .account-signed-out-grid-v8131 .auth-grid { margin:0; }
html.cts-ui-v8131 .account-dashboard-grid-v8131 {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  align-items:start;
}
html.cts-ui-v8131 .account-dashboard-grid-v8131 > .account-module-v8131 { margin:0; min-width:0; }
html.cts-ui-v8131 .account-dashboard-grid-v8131 > .account-module-wide-v8131 { grid-column:1 / -1; }
html.cts-ui-v8131 .account-dashboard-grid-v8131 > details.account-module-v8131 {
  border-top:2px solid #344045;
}
html.cts-ui-v8131 .account-dashboard-grid-v8131 > details.account-module-v8131[open] { border-top-color:var(--cts-teal-v8130); }
html.cts-ui-v8131 .account-dashboard-grid-v8131 .dashboard-header { border-left:3px solid var(--cts-red-v8130); }

/* Registration status */
html.cts-ui-v8131 .status-grid-v8131 {
  display:grid;
  grid-template-columns:minmax(260px,.72fr) minmax(0,1.45fr);
  gap:var(--cts-section-gap-v8131);
}
html.cts-ui-v8131 .status-lookup-v8131,
html.cts-ui-v8131 .status-results-v8131 { display:grid; gap:var(--cts-section-gap-v8131); align-content:start; }
html.cts-ui-v8131 .status-lookup-v8131 .compact-form { border-top:3px solid var(--cts-red-v8130); }
html.cts-ui-v8131 .status-results-v8131 > .panel { border-top:2px solid var(--cts-teal-v8130); }

/* Events */
html.cts-ui-v8131 .events-lead-grid-v8131 {
  display:grid;
  grid-template-columns:minmax(250px,.67fr) minmax(0,1.45fr);
  gap:var(--cts-section-gap-v8131);
}
html.cts-ui-v8131 .clarity-map-v818 {
  min-height:100%;
  border-top:3px solid var(--cts-teal-v8130);
  background:linear-gradient(155deg,rgba(0,201,167,.055),#0b1012 55%);
}
html.cts-ui-v8131 #eventsView > details { border-left:3px solid #354045; }
html.cts-ui-v8131 #eventsView > details[open] { border-left-color:var(--cts-red-v8130); }
html.cts-ui-v8131 .public-event-hero { border-top:3px solid var(--cts-red-v8130); }

/* Live */
html.cts-ui-v8131 .live-workspace-v8131 { display:grid; gap:var(--cts-section-gap-v8131); }
html.cts-ui-v8131 .live-dashboard-hero-v82 {
  overflow:hidden;
  border-top:3px solid var(--cts-red-v8130);
  background:linear-gradient(120deg,rgba(227,27,35,.08),#0a0f11 42%,rgba(0,201,167,.04));
}
html.cts-ui-v8131 .live-summary-grid-v82 article { border-top:2px solid #344045; }
html.cts-ui-v8131 .live-summary-grid-v82 article:first-child { border-top-color:var(--cts-teal-v8130); }

/* Competition */
html.cts-ui-v8131 .competition-lead-grid-v8131 {
  display:grid;
  grid-template-columns:minmax(250px,.67fr) minmax(0,1.45fr);
  gap:var(--cts-section-gap-v8131);
}
html.cts-ui-v8131 .competition-guide-v818 { min-height:100%; border-top:3px solid var(--cts-teal-v8130); }
html.cts-ui-v8131 .match-public-controls {
  position:sticky;
  top:138px;
  z-index:22;
  border-top:3px solid var(--cts-red-v8130);
  background:rgba(10,15,17,.97);
  backdrop-filter:blur(14px);
}
html.cts-ui-v8131 #matchesView > details { border-left:3px solid #354045; }
html.cts-ui-v8131 #matchesView > details[open] { border-left-color:var(--cts-teal-v8130); }

/* Admin */
html.cts-ui-v8131 .admin-dashboard-grid-v8131 { gap:12px; }
html.cts-ui-v8131 .admin-command-home {
  border-top:3px solid var(--cts-red-v8130);
  background:linear-gradient(140deg,rgba(227,27,35,.055),#0a0f11 48%);
}
html.cts-ui-v8131 .admin-route-sidebar-v8100 { top:138px; max-height:calc(100vh - 158px); overflow:auto; }
html.cts-ui-v8131 .admin-area-toolbar { top:132px; }
html.cts-ui-v8131 .admin-tool-module-v8131 { border-left:3px solid #354045; }
html.cts-ui-v8131 .admin-tool-module-v8131[open] { border-left-color:var(--cts-red-v8130); }
html.cts-ui-v8131 .admin-tool-module-v8131 > summary { min-height:84px; }

/* Shared task controls */
html.cts-ui-v8131 .section-layout-v8131 form.panel { border-top:2px solid #394448; }
html.cts-ui-v8131 .section-layout-v8131 label { gap:6px; }
html.cts-ui-v8131 .section-layout-v8131 input,
html.cts-ui-v8131 .section-layout-v8131 select,
html.cts-ui-v8131 .section-layout-v8131 textarea { background:#080c0e; border-color:#333e42; }
html.cts-ui-v8131 .section-layout-v8131 input:focus,
html.cts-ui-v8131 .section-layout-v8131 select:focus,
html.cts-ui-v8131 .section-layout-v8131 textarea:focus { border-color:var(--cts-teal-v8130); box-shadow:0 0 0 2px rgba(0,201,167,.12); }
html.cts-ui-v8131 .section-layout-v8131 .empty-state { border-style:dashed; background:#080c0e; }
html.cts-ui-v8131 .section-layout-v8131 .pagination-toolbar-v846 { padding:10px 0; }

@media (max-width:980px) {
  html.cts-ui-v8131 #registerView,
  html.cts-ui-v8131 .updates-lead-grid-v8131,
  html.cts-ui-v8131 .players-lead-grid-v8131,
  html.cts-ui-v8131 .suggestions-grid-v8131,
  html.cts-ui-v8131 .account-signed-out-grid-v8131,
  html.cts-ui-v8131 .status-grid-v8131,
  html.cts-ui-v8131 .events-lead-grid-v8131,
  html.cts-ui-v8131 .competition-lead-grid-v8131 { grid-template-columns:1fr; }
  html.cts-ui-v8131 .player-directory-toolbar,
  html.cts-ui-v8131 .match-public-controls { position:static; }
  html.cts-ui-v8131 .account-dashboard-grid-v8131 { grid-template-columns:1fr; }
  html.cts-ui-v8131 .account-dashboard-grid-v8131 > .account-module-v8131 { grid-column:1; }
  html.cts-ui-v8131 .admin-route-sidebar-v8100 { position:static; max-height:none; }
}
@media (max-width:620px) {
  html.cts-ui-v8131 .workspace-content { width:calc(100% - 20px); }
  html.cts-ui-v8131 .section-banner-v8131 { min-height:0; padding:14px 15px; }
  html.cts-ui-v8131 .section-banner-v8131::before { display:none; }
  html.cts-ui-v8131 .section-banner-v8131 h2 { font-size:1.65rem; }
  html.cts-ui-v8131 .player-directory-toolbar { grid-template-columns:1fr; }
  html.cts-ui-v8131 .player-directory-toolbar .wide { grid-column:1; }
  html.cts-ui-v8131 .register-main-form-v8131 { padding:15px; }
  html.cts-ui-v8131 .updates-lead-grid-v8131,
  html.cts-ui-v8131 .players-lead-grid-v8131,
  html.cts-ui-v8131 .suggestions-grid-v8131,
  html.cts-ui-v8131 .status-grid-v8131,
  html.cts-ui-v8131 .events-lead-grid-v8131,
  html.cts-ui-v8131 .competition-lead-grid-v8131 { gap:12px; }
}


/* CTS v8.14.0.2 — 10 Mans homepage entry */
.ten-mans-home-v8140{
  display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);gap:0;
  margin:0;border:1px solid #2b3035;background:#0c0e11;overflow:hidden;
  box-shadow:0 18px 45px rgba(0,0,0,.22)
}
.ten-mans-home-copy-v8140{position:relative;padding:34px 36px;background:
  linear-gradient(110deg,rgba(227,43,49,.12),transparent 45%),
  repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 1px,transparent 1px,transparent 18px),
  #12151a}
.ten-mans-home-copy-v8140:after{content:"10";position:absolute;right:18px;top:-28px;color:rgba(255,255,255,.025);font-family:Impact,Arial Narrow,sans-serif;font-size:190px;line-height:1}
.ten-mans-home-copy-v8140>span{position:relative;z-index:1;color:#e32b31;font-size:10px;font-weight:950;letter-spacing:.16em}
.ten-mans-home-copy-v8140 h2{position:relative;z-index:1;margin:11px 0 12px;font-family:Impact,Arial Narrow,sans-serif;font-size:clamp(38px,5vw,64px);font-weight:400;line-height:.94;letter-spacing:.035em}
.ten-mans-home-copy-v8140 p{position:relative;z-index:1;max-width:700px;margin:0;color:#aab1b8;line-height:1.65}
.ten-mans-home-points-v8140{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.ten-mans-home-points-v8140 b{padding:7px 9px;border:1px solid #343b42;background:#0d0f12;color:#d5d9dc;font-size:10px;text-transform:uppercase;letter-spacing:.06em}
.ten-mans-home-status-v8140{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;text-align:center;background:linear-gradient(155deg,#171a1f,#0d0f12)}
.ten-mans-home-status-v8140>span{color:#1fd0c2;font-size:10px;font-weight:950;letter-spacing:.16em}
.ten-mans-home-status-v8140>strong{margin:16px 0 2px;font-family:Impact,Arial Narrow,sans-serif;font-size:54px;font-weight:400}
.ten-mans-home-status-v8140>strong i{font-style:normal;color:#fff}
.ten-mans-home-status-v8140>small{color:#8e979f}
.ten-mans-home-status-v8140>a{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin-top:22px;border-radius:4px;background:#e32b31;color:#fff;text-decoration:none;font-size:12px;font-weight:950;letter-spacing:.06em}
.ten-mans-home-status-v8140>a:hover{background:#f13a40}
@media(max-width:760px){
  .ten-mans-home-v8140{grid-template-columns:1fr}
  .ten-mans-home-copy-v8140{padding:27px 23px}
  .ten-mans-home-status-v8140{padding:24px}
}


/* CTS v8.14.0.2 — routed Admin layout, navigation and management discoverability */
html.cts-ui-v81402 #adminDashboard {
  grid-template-columns:minmax(0,1fr) !important;
  gap:12px;
  min-width:0;
}
html.cts-ui-v81402 #adminDashboard > .dashboard-header,
html.cts-ui-v81402 #adminDashboard > .admin-route-sidebar-v8100,
html.cts-ui-v81402 #adminDashboard > .admin-route-notice-v8100,
html.cts-ui-v81402 #adminDashboard > .admin-command-home,
html.cts-ui-v81402 #adminDashboard > .admin-onboarding,
html.cts-ui-v81402 #adminDashboard > .admin-area-toolbar,
html.cts-ui-v81402 #adminDashboard > details.admin-guided-tool {
  grid-column:1 !important;
  grid-row:auto !important;
  min-width:0;
  width:100%;
}
html.cts-ui-v81402 .admin-route-sidebar-v8100 {
  position:static !important;
  top:auto !important;
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  width:100%;
  max-width:100%;
  max-height:none !important;
  overflow:visible !important;
  padding:8px;
}
html.cts-ui-v81402 .admin-route-sidebar-head-v8100 { flex:0 0 auto; min-width:150px; }
html.cts-ui-v81402 .admin-route-group-v8100 {
  display:flex !important;
  flex:1 1 auto;
  flex-wrap:wrap;
  align-items:center;
  min-width:0 !important;
  border-right:1px solid rgba(255,255,255,.055);
}
html.cts-ui-v81402 .admin-route-group-v8100 p { flex:0 0 100%; margin:0 6px 2px; }
html.cts-ui-v81402 .admin-route-group-v8100 button { flex:0 0 auto; }
html.cts-ui-v81402 .admin-area-toolbar {
  position:static !important;
  top:auto !important;
  z-index:auto !important;
  margin:0;
}
html.cts-ui-v81402 #adminDashboard > details.admin-guided-tool.route-page-active-v8101 {
  margin-top:0 !important;
  overflow:hidden;
}
html.cts-ui-v81402 #adminDashboard .admin-accordion-body,
html.cts-ui-v81402 #adminDashboard form,
html.cts-ui-v81402 #adminDashboard section { min-width:0; }
html.cts-ui-v81402 #adminDashboard input,
html.cts-ui-v81402 #adminDashboard select,
html.cts-ui-v81402 #adminDashboard textarea { max-width:100%; }
html.cts-ui-v81402 .cts-ten-mans-tab-v81402 { text-decoration:none; }
html.cts-ui-v81402 .cts-ten-mans-tab-v81402 .tab-icon { border-color:rgba(31,208,194,.42); }
html.cts-ui-v81402 .cts-ten-mans-tab-v81402:hover { border-color:var(--cts-teal-v8130,#1fd0c2); }
html.cts-ui-v81402 .webhook-management-shortcuts-v81402,
html.cts-ui-v81402 .ten-mans-staff-shortcut-v81402 {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
  padding:16px;
  border:1px solid #2b3539;
  border-left:3px solid var(--cts-teal-v8130,#1fd0c2);
  background:#0a0f11;
}
html.cts-ui-v81402 .webhook-management-shortcuts-v81402 h3,
html.cts-ui-v81402 .ten-mans-staff-shortcut-v81402 h3 { margin:3px 0 5px; }
html.cts-ui-v81402 .webhook-management-shortcuts-v81402 p,
html.cts-ui-v81402 .ten-mans-staff-shortcut-v81402 p { margin:0; }
html.cts-ui-v81402 .ten-mans-staff-shortcut-v81402 > a { flex:0 0 auto; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:0 14px; }
html.cts-ui-v81402 .webhook-destination-card-v81402 { border-color:rgba(31,208,194,.38); }
@media(max-width:900px){
  html.cts-ui-v81402 .admin-route-sidebar-head-v8100 { display:none; }
  html.cts-ui-v81402 .admin-route-group-v8100 { flex:1 1 220px; }
}
@media(max-width:700px){
  html.cts-ui-v81402 .webhook-management-shortcuts-v81402,
  html.cts-ui-v81402 .ten-mans-staff-shortcut-v81402 { align-items:flex-start; flex-direction:column; }
  html.cts-ui-v81402 .ten-mans-staff-shortcut-v81402 > a { width:100%; }
}


/* v8.14.4.9.1 — Public 10 Mans rank badges */
.public-ten-mans-rank-v81403{
  display:grid;
  grid-template-columns:minmax(120px,180px) minmax(0,1fr) auto;
  align-items:center;
  gap:20px;
  margin:16px 0;
  padding:18px 20px;
  border:1px solid rgba(236,183,77,.34);
  border-radius:18px;
  background:
    radial-gradient(circle at 12% 10%,rgba(236,183,77,.13),transparent 34%),
    linear-gradient(135deg,rgba(11,14,18,.98),rgba(22,25,31,.94));
  box-shadow:0 20px 45px rgba(0,0,0,.22);
}
.public-ten-mans-rank-v81403>img{
  width:100%;
  max-height:150px;
  object-fit:contain;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.42));
}
.public-ten-mans-rank-v81403 h3{margin:2px 0 5px;font-size:clamp(1.15rem,2vw,1.65rem)}
.public-ten-mans-rank-v81403 strong{display:block;color:#f4d28b;font-size:1.05rem}
.public-ten-mans-rank-v81403 span{display:block;margin-top:5px;color:var(--muted)}
.public-ten-mans-rank-v81403 .button-link{white-space:nowrap}
@media(max-width:760px){
  .public-ten-mans-rank-v81403{grid-template-columns:110px minmax(0,1fr)}
  .public-ten-mans-rank-v81403 .button-link{grid-column:1/-1;text-align:center}
}
@media(max-width:480px){
  .public-ten-mans-rank-v81403{grid-template-columns:1fr;text-align:center}
  .public-ten-mans-rank-v81403>img{max-width:180px;margin:auto}
}


/* CTS v8.14.4.9.1 — webhook delivery category guard */
.discord-webhook-card.webhook-route-empty-v81432{
  border-color:rgba(229,164,53,.72);
  box-shadow:0 0 0 1px rgba(229,164,53,.12);
}
.webhook-routing-warning-v81432{
  display:flex;
  flex-direction:column;
  gap:3px;
  padding:10px 12px;
  border:1px solid rgba(229,164,53,.58);
  border-left:3px solid #e5a435;
  background:rgba(229,164,53,.08);
}
.webhook-routing-warning-v81432 strong{
  font-size:10px;
  color:#ffd27a;
}
.webhook-routing-warning-v81432 span{
  font-size:9px;
  line-height:1.35;
  color:#d5c29a;
}
.connection-badge.warning{
  border-color:rgba(229,164,53,.6);
  color:#ffc65a;
}


/* CTS v8.14.4.9.1 — manually-created teams and collapsible team cards */
.manual-team-create-form-v8144{margin-bottom:12px;padding:12px;border:1px solid #303940;background:rgba(255,255,255,.02)}.captain-collapsible-team-v8144{display:block;padding:0!important;overflow:hidden}.captain-team-summary-v8144{display:grid;grid-template-columns:minmax(0,1fr) auto 24px;gap:10px;align-items:center;padding:14px;cursor:pointer;list-style:none}.captain-team-summary-v8144::-webkit-details-marker{display:none}.captain-team-summary-v8144 h3{margin:0}.captain-team-summary-v8144 p{margin:3px 0 0}.captain-team-summary-v8144>b{font-size:18px;transition:transform .2s}.captain-collapsible-team-v8144[open] .captain-team-summary-v8144>b{transform:rotate(180deg)}.captain-team-collapsible-body-v8144{padding:0 14px 14px;border-top:1px solid rgba(255,255,255,.07)}.manual-team-form-v8144{display:grid;gap:10px;padding-top:12px}.manual-team-member-row-v8144{display:grid;grid-template-columns:minmax(220px,1fr) 150px auto;gap:8px;margin-top:7px}.manual-team-member-row-v8144 select{min-width:0}.manual-team-card-v8144{border-color:rgba(27,203,190,.38)!important}.public-team-card-v860[data-manual-team="true"]{border-color:rgba(27,203,190,.45)}@media(max-width:700px){.captain-team-summary-v8144{grid-template-columns:minmax(0,1fr) auto}.captain-team-summary-v8144>b{display:none}.manual-team-member-row-v8144{grid-template-columns:1fr}.manual-team-member-row-v8144 button{width:100%}}


/* CTS v8.14.4.9.1 — player dashboard cleanup and admin-created teams */
.account-dashboard-command-v81441{
  display:grid;
  gap:12px;
  border-top:3px solid var(--cts-teal-v8130);
  background:linear-gradient(135deg,rgba(0,201,167,.055),#0b1012 55%);
}
.account-dashboard-command-head-v81441{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.account-dashboard-command-head-v81441 h2{margin:.15rem 0}
.account-dashboard-nav-v81441{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.account-dashboard-nav-v81441 button,
.account-dashboard-shortcuts-v81441 button{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
  min-width:0;
  padding:12px;
  border:1px solid rgba(137,173,225,.2);
  border-radius:12px;
  background:#091015;
  color:var(--text);
  text-align:left;
  cursor:pointer;
}
.account-dashboard-nav-v81441 button:hover,
.account-dashboard-shortcuts-v81441 button:hover{
  border-color:rgba(0,201,167,.6);
  transform:translateY(-1px);
}
.account-dashboard-nav-v81441 button.active{
  border-color:var(--cts-teal-v8130);
  background:rgba(0,201,167,.09);
  box-shadow:inset 0 0 0 1px rgba(0,201,167,.15);
}
.account-dashboard-nav-v81441 strong,
.account-dashboard-shortcuts-v81441 strong{font-size:.9rem}
.account-dashboard-nav-v81441 span,
.account-dashboard-shortcuts-v81441 small{
  overflow:hidden;
  max-width:100%;
  color:var(--muted);
  font-size:.73rem;
  text-overflow:ellipsis;
}
.account-dashboard-shortcuts-v81441{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.account-dashboard-shortcuts-v81441 button>span{
  color:var(--cts-teal-v8130);
  font-size:.66rem;
  font-weight:800;
  letter-spacing:.09em;
}
.account-dashboard-section-hidden-v81441{display:none!important}
.admin-created-team-note-v81441{margin-bottom:12px}

.admin-manual-team-panel-v81441{
  margin-bottom:14px;
  border:1px solid rgba(0,201,167,.25);
  border-radius:14px;
  background:rgba(6,13,16,.7);
}
.admin-manual-team-panel-v81441>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px;
  cursor:pointer;
  list-style:none;
}
.admin-manual-team-panel-v81441>summary::-webkit-details-marker{display:none}
.admin-manual-team-panel-v81441>summary h3{margin:.15rem 0}
.admin-manual-team-panel-v81441>summary p{margin:.2rem 0;color:var(--muted)}
.admin-manual-team-body-v81441{
  display:grid;
  gap:12px;
  padding:0 14px 14px;
}
.admin-manual-team-create-v81441{
  padding:12px;
  border:1px solid rgba(137,173,225,.16);
  border-radius:12px;
  background:#091015;
}
.admin-manual-team-list-v81441{display:grid;gap:9px}
.admin-manual-team-card-v81441{
  border:1px solid rgba(137,173,225,.2);
  border-radius:12px;
  background:#080e12;
}
.admin-manual-team-card-v81441>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:12px;
  cursor:pointer;
  list-style:none;
}
.admin-manual-team-card-v81441>summary::-webkit-details-marker{display:none}
.admin-manual-team-card-v81441>summary>div{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.admin-manual-team-card-v81441>summary>div:first-child{
  flex-direction:column;
  align-items:flex-start;
  gap:2px;
}
.admin-manual-team-card-v81441>summary strong,
.admin-manual-team-card-v81441>summary span{
  overflow:hidden;
  max-width:100%;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.admin-manual-team-card-v81441>summary span{color:var(--muted);font-size:.75rem}
.admin-manual-team-edit-v81441{
  padding:0 12px 12px;
  border-top:1px solid rgba(137,173,225,.12);
}
.admin-manual-members-v81441{display:grid;gap:8px}
.admin-manual-team-member-v81441{
  display:grid;
  grid-template-columns:minmax(220px,1fr) minmax(140px,.4fr) auto;
  gap:8px;
  align-items:end;
  padding:9px;
  border:1px solid rgba(137,173,225,.13);
  border-radius:10px;
  background:rgba(121,159,214,.045);
}

@media(max-width:900px){
  .account-dashboard-nav-v81441{grid-template-columns:repeat(2,minmax(0,1fr))}
  .account-dashboard-shortcuts-v81441{grid-template-columns:1fr}
}
@media(max-width:640px){
  .account-dashboard-command-head-v81441{display:grid}
  .account-dashboard-nav-v81441{grid-template-columns:1fr}
  .admin-manual-team-member-v81441{grid-template-columns:1fr}
}


/* CTS v8.14.4.9.1 — registration team builder and dashboard repair */
#playerCommandHomeV816,
#playerAreaToolbarV816{display:none!important}

.admin-registration-team-builder-v81442{
  margin-bottom:14px;
  border:1px solid rgba(0,201,167,.3);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(0,201,167,.055),rgba(7,13,17,.92) 50%);
}
.admin-registration-team-builder-v81442>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px;
  cursor:pointer;
  list-style:none;
}
.admin-registration-team-builder-v81442>summary::-webkit-details-marker{display:none}
.admin-registration-team-builder-v81442>summary h3{margin:.15rem 0}
.admin-registration-team-builder-v81442>summary p{margin:.2rem 0;color:var(--muted)}
.admin-registration-team-builder-body-v81442{
  display:grid;
  gap:12px;
  padding:0 14px 14px;
}
.admin-registration-team-player-list-v81442{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  max-height:390px;
  overflow:auto;
  padding:4px;
}
.admin-registration-team-player-v81442{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:11px;
  border:1px solid rgba(137,173,225,.17);
  border-radius:11px;
  background:#091015;
  cursor:pointer;
}
.admin-registration-team-player-v81442:has(input:checked){
  border-color:var(--cts-teal-v8130);
  background:rgba(0,201,167,.09);
}
.admin-registration-team-player-v81442 span{
  display:flex;
  flex-direction:column;
  min-width:0;
}
.admin-registration-team-player-v81442 strong,
.admin-registration-team-player-v81442 small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.admin-registration-team-player-v81442 small{color:var(--muted)}
.admin-registration-team-player-v81442 em{
  color:var(--muted);
  font-size:.7rem;
  font-style:normal;
}
.admin-formation-summary-v81442{
  padding:9px 11px;
  border-left:3px solid var(--cts-teal-v8130);
  background:rgba(0,201,167,.06);
  color:var(--muted);
}

@media(max-width:760px){
  .admin-registration-team-player-list-v81442{grid-template-columns:1fr}
}


/* CTS v8.14.4.9.1 — database-backed registration team builder */
.registration-builder-status-v81444{
  display:inline-flex;
  justify-content:center;
  min-width:78px;
  padding:4px 7px;
  border:1px solid rgba(137,173,225,.25);
  border-radius:999px;
  color:var(--muted);
  font-size:.68rem;
  font-weight:800;
  font-style:normal;
}
.registration-builder-status-v81444.approved{
  border-color:rgba(0,201,167,.42);
  color:#5ee6cf;
}
.registration-builder-status-v81444.pending{
  border-color:rgba(255,190,74,.45);
  color:#ffd071;
}
.registration-builder-status-v81444.action-required,
.registration-builder-status-v81444.waitlisted{
  border-color:rgba(255,115,96,.42);
  color:#ff9a8b;
}


/* CTS v8.14.4.9.1 — permanent approved-registration team builder */
.admin-registration-team-launcher-v81445{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px;
  border:1px solid rgba(0,201,167,.32);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(0,201,167,.065),#081015 60%);
}
.admin-registration-team-launcher-v81445 h3{margin:.15rem 0}
.admin-registration-team-launcher-v81445 p{margin:.25rem 0;color:var(--muted)}

.admin-formation-dialog-v81445{
  width:min(1040px,calc(100vw - 28px));
  max-height:calc(100vh - 28px);
  padding:0;
  border:1px solid rgba(0,201,167,.52);
  border-radius:16px;
  background:#080e12;
  color:var(--text);
}
.admin-formation-dialog-v81445::backdrop{
  background:rgba(0,5,8,.82);
  backdrop-filter:blur(3px);
}
.admin-formation-dialog-shell-v81445{
  display:grid;
  gap:12px;
  max-height:calc(100vh - 34px);
  overflow:auto;
  padding:18px;
}
.admin-formation-dialog-shell-v81445>header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  position:sticky;
  top:-18px;
  z-index:4;
  margin:-18px -18px 0;
  padding:18px;
  border-bottom:1px solid rgba(137,173,225,.16);
  background:#080e12;
}
.admin-formation-dialog-shell-v81445>header h2{margin:.15rem 0}
.admin-formation-selection-actions-v81445{align-items:center}
.admin-registration-team-player-list-v81445{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  max-height:430px;
  overflow:auto;
  padding:4px;
}
.admin-registration-team-player-v81445{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-width:0;
  padding:11px;
  border:1px solid rgba(137,173,225,.18);
  border-radius:11px;
  background:#091015;
  cursor:pointer;
}
.admin-registration-team-player-v81445.approved{
  border-left:3px solid rgba(0,201,167,.72);
}
.admin-registration-team-player-v81445:has(input:checked){
  border-color:var(--cts-teal-v8130);
  background:rgba(0,201,167,.1);
  box-shadow:inset 0 0 0 1px rgba(0,201,167,.12);
}
.admin-registration-team-player-v81445 span{
  display:flex;
  flex-direction:column;
  min-width:0;
}
.admin-registration-team-player-v81445 strong,
.admin-registration-team-player-v81445 small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.admin-registration-team-player-v81445 small{color:var(--muted)}
.admin-formation-summary-v81445{
  padding:10px 12px;
  border-left:3px solid var(--cts-teal-v8130);
  background:rgba(0,201,167,.06);
  color:var(--muted);
}
@media(max-width:760px){
  .admin-registration-team-launcher-v81445{display:grid}
  .admin-registration-team-player-list-v81445{grid-template-columns:1fr}
}


/* CTS v8.14.4.9.1 — any registered member event team builder */
.admin-registration-team-player-v81445 em{max-width:180px;text-align:center;white-space:normal}


/* CTS v8.14.4.9.1 — legacy registrations without email */
.admin-registration-team-player-v81445.legacy-registration-v81449{border-left:3px solid rgba(255,176,72,.82);background:linear-gradient(135deg,rgba(255,176,72,.075),#091015 48%)}
.admin-registration-team-player-v81445.legacy-registration-v81449:has(input:checked){border-color:rgba(255,176,72,.88);background:rgba(255,176,72,.11)}


/* CTS v8.14.5.0 — Formed Team Management */
.admin-formed-team-management-v81450{display:grid;gap:18px}.formed-team-heading-v81450{align-items:flex-start}.formed-team-selector-row-v81450{display:none}.formed-team-workspace-v81450{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:18px;align-items:start}.formed-team-browser-v81450,.formed-team-editor-shell-v81450{min-width:0}.formed-team-browser-controls-v81450{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:12px}.formed-team-list-v81450{display:grid;gap:8px;max-height:760px;overflow:auto;padding-right:4px}.formed-team-list-card-v81450{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;padding:14px;border:1px solid var(--border,#263035);border-radius:8px;background:var(--panel,#0d1114);color:inherit}.formed-team-list-card-v81450:hover,.formed-team-list-card-v81450.selected{border-color:var(--accent,#33d7ff);transform:none}.formed-team-list-card-v81450>span:first-child{display:grid;gap:3px;min-width:0}.formed-team-list-card-v81450 small,.formed-team-list-card-v81450 em{font-style:normal;color:var(--muted,#a2aaad);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.formed-team-list-card-v81450 strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.formed-team-editor-v81450{display:grid;gap:16px;min-width:0}.formed-team-editor-head-v81450{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.formed-team-editor-head-v81450 h3,.formed-team-member-heading-v81450 h4{margin:2px 0}.formed-team-core-fields-v81450{margin:0}.formed-team-member-heading-v81450{display:flex;align-items:end;justify-content:space-between;gap:14px}.formed-team-member-heading-v81450 label{min-width:min(340px,100%)}.formed-team-member-pool-v81450{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:620px;overflow:auto;padding:2px 4px 2px 0}.formed-team-member-card-v81450{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 12px;align-items:start;padding:13px;border:1px solid var(--border,#263035);border-radius:8px;background:rgba(255,255,255,.015);cursor:pointer;min-width:0}.formed-team-member-card-v81450.selected{border-color:var(--accent,#33d7ff);background:rgba(51,215,255,.055)}.formed-team-member-card-v81450.placed:not(.selected){border-color:rgba(255,183,77,.55)}.formed-team-member-card-v81450 input{margin-top:4px}.formed-team-member-copy-v81450{display:grid;gap:2px;min-width:0}.formed-team-member-copy-v81450 small,.formed-team-member-copy-v81450 em{font-style:normal;color:var(--muted,#a2aaad);overflow-wrap:anywhere}.formed-team-member-badges-v81450{grid-column:2;display:flex;flex-wrap:wrap;gap:6px}.formed-team-member-pool-v81450.readonly{pointer-events:none;opacity:.72}.formed-team-move-toggle-v81450{margin-top:2px}.formed-team-sticky-actions-v81450{position:sticky;bottom:0;z-index:4;display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 0 4px;background:linear-gradient(to bottom,transparent 0,var(--panel,#0d1114) 24%)}.formed-team-history-v81450{display:grid;gap:8px}.formed-team-history-row-v81450{border:1px solid var(--border,#263035);border-radius:8px;background:rgba(255,255,255,.015)}.formed-team-history-row-v81450>summary{display:flex;justify-content:space-between;gap:16px;padding:13px;cursor:pointer}.formed-team-history-row-v81450>summary>span:first-child{display:grid;gap:3px}.formed-team-history-row-v81450 small,.formed-team-history-row-v81450>summary>span:last-child{color:var(--muted,#a2aaad)}.formed-team-history-details-v81450{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 13px 13px}.formed-team-history-details-v81450 section{min-width:0}.formed-team-history-details-v81450 pre{max-height:320px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:10px;border:1px solid var(--border,#263035);border-radius:6px;background:#07090a;font-size:12px}.formed-team-dissolve-dialog-v81450{width:min(620px,calc(100% - 24px));border:1px solid var(--border,#263035);border-radius:10px;background:var(--panel,#0d1114);color:inherit;padding:0}.formed-team-dissolve-dialog-v81450::backdrop{background:rgba(0,0,0,.78)}.formed-team-dissolve-dialog-v81450 form{display:grid;gap:16px;padding:20px}.formed-team-dissolve-dialog-v81450 header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.formed-team-dissolve-dialog-v81450 h2{margin:2px 0 6px}
@media(max-width:900px){.formed-team-workspace-v81450{grid-template-columns:1fr}.formed-team-list-v81450{max-height:340px}.formed-team-member-pool-v81450{grid-template-columns:1fr}.formed-team-selector-row-v81450{display:block}.formed-team-selector-row-v81450 label,.formed-team-selector-row-v81450 select{width:100%}}
@media(max-width:520px){.admin-formed-team-management-v81450,.formed-team-workspace-v81450,.formed-team-editor-v81450,.formed-team-browser-v81450,.formed-team-editor-shell-v81450{min-width:0;max-width:100%}.formed-team-heading-v81450,.formed-team-editor-head-v81450,.formed-team-member-heading-v81450,.formed-team-history-row-v81450>summary,.formed-team-dissolve-dialog-v81450 header{align-items:stretch;flex-direction:column}.formed-team-member-heading-v81450 label{min-width:0;width:100%}.formed-team-history-details-v81450{grid-template-columns:1fr}.formed-team-sticky-actions-v81450{padding-bottom:max(8px,env(safe-area-inset-bottom))}.formed-team-sticky-actions-v81450>*{max-width:100%}.formed-team-member-card-v81450{grid-template-columns:auto minmax(0,1fr)}.formed-team-list-card-v81450{align-items:flex-start}.formed-team-list-card-v81450 .connection-badge{flex:0 0 auto}}


/* CTS v8.14.5.1 — admin registration mode control */
.registration-mode-box-v81451 {
  border-color: color-mix(in srgb, var(--cts-teal-v8130, #00c9a7) 35%, #263035);
}
.registration-mode-form-v81451 {
  display: grid;
  gap: 14px;
  padding-top: 14px;
}
.registration-mode-grid-v81451 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.registration-mode-grid-v81451 .wide { grid-column: 1 / -1; }
.registration-mode-warning-v81451 { margin: 0; }
.registration-mode-form-v81451 textarea { min-height: 92px; }
.registration-mode-form-v81451 select:disabled,
.registration-mode-form-v81451 input:disabled,
.registration-mode-form-v81451 textarea:disabled { opacity: .62; cursor: not-allowed; }
@media (max-width: 720px) {
  .registration-mode-grid-v81451 { grid-template-columns: 1fr; }
  .registration-mode-grid-v81451 .wide { grid-column: auto; }
  .registration-mode-form-v81451 .action-row button { width: 100%; }
}

/* CTS v8.14.6.0B1 R2 — desktop registration, account onboarding and DM diagnostics */
html.cts-ui-v8131 #registerView {
  width:min(1180px,100%);
  margin-inline:auto;
  grid-template-columns:minmax(0,1fr);
}
html.cts-ui-v8131 #registerView:has(#registrationForm.hidden) {
  width:min(820px,100%);
  grid-template-columns:minmax(0,1fr);
  justify-content:center;
}
html.cts-ui-v8131 .register-intro-stack-v8131 {
  grid-template-columns:minmax(0,1fr);
  width:100%;
}
html.cts-ui-v8131 .register-main-form-v8131 {
  width:100%;
  grid-template-columns:repeat(2,minmax(0,1fr));
}
html.cts-ui-v8131 .register-main-form-v8131 > .wide,
html.cts-ui-v8131 .register-main-form-v8131 > section.wide,
html.cts-ui-v8131 .register-main-form-v8131 > div.wide {
  grid-column:1 / -1;
}
.registration-account-management-v81460b1r2 {
  margin-top:16px;
  display:grid;
  gap:4px;
}
.registration-pin-retired-v81460b1r2 {
  width:min(840px,100%);
  margin-inline:auto;
  padding:clamp(22px,4vw,42px);
  border-top:3px solid var(--cts-teal-v8130,#00c9a7);
}
.registration-pin-retired-v81460b1r2 h2 { margin:.2rem 0 .65rem; }

.player-onboarding-card-v81460b1r2 {
  border-top:3px solid var(--cts-teal-v8130,#00c9a7);
  background:linear-gradient(135deg,rgba(0,201,167,.09),rgba(255,255,255,.025) 46%,#0b1012);
}
.player-onboarding-card-head-v81460b1r2 {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
}
.player-onboarding-card-head-v81460b1r2 h2 { margin:.15rem 0 .35rem; }
.player-onboarding-progress-v81460b1r2 {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:18px 0;
}
.player-onboarding-progress-v81460b1r2 span {
  padding:11px 12px;
  border:1px solid #344047;
  border-radius:6px;
  background:#0a0f11;
  color:#aab3b7;
  font-size:.78rem;
  font-weight:800;
}
.player-onboarding-progress-v81460b1r2 span.complete {
  border-color:rgba(0,201,167,.58);
  color:#c9fff4;
  background:rgba(0,201,167,.09);
}
.player-onboarding-progress-v81460b1r2 span.warning {
  border-color:rgba(255,176,72,.55);
  color:#ffd39b;
  background:rgba(255,176,72,.08);
}
.player-onboarding-dialog-v81460b1r2 {
  width:min(900px,calc(100% - 28px));
  max-height:calc(100vh - 28px);
  padding:0;
  border:1px solid #3b474d;
  border-radius:8px;
  color:var(--text,#f4f3ef);
  background:#090d0f;
  box-shadow:0 30px 90px rgba(0,0,0,.7);
}
.player-onboarding-dialog-v81460b1r2::backdrop { background:rgba(0,0,0,.78); backdrop-filter:blur(3px); }
.player-onboarding-shell-v81460b1r2 { padding:24px; display:grid; gap:18px; }
.player-onboarding-shell-v81460b1r2 > header { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; padding-bottom:14px; border-bottom:1px solid #283238; }
.player-onboarding-shell-v81460b1r2 h2 { margin:.15rem 0 .35rem; }
.player-onboarding-grid-v81460b1r2 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.player-onboarding-grid-v81460b1r2 section { display:grid; grid-template-columns:42px minmax(0,1fr); gap:12px; padding:15px; border:1px solid #2d383d; border-radius:7px; background:#0d1316; }
.player-onboarding-grid-v81460b1r2 section > span { display:grid; place-items:center; width:38px; height:38px; border-radius:6px; background:rgba(0,201,167,.1); color:var(--cts-teal-v8130,#00c9a7); font-weight:950; }
.player-onboarding-grid-v81460b1r2 h3 { margin:0 0 4px; font-size:.96rem; }
.player-onboarding-grid-v81460b1r2 p { margin:0; color:#a5aeb2; font-size:.83rem; line-height:1.5; }
.player-onboarding-status-v81460b1r2 { padding:12px 14px; border:1px solid #344047; border-radius:6px; background:#0b1012; color:#cbd2d5; }
.discord-linked-tools-v81460b1r2 { display:grid; gap:9px; width:100%; }
.discord-linked-tools-head-v81460b1r2 { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.discord-linked-tools-v81460b1r2 p { margin:0; }
.discord-dm-diagnosis-v81460b1r2 { margin-top:7px; padding:8px 10px; border-left:3px solid #59656b; background:rgba(255,255,255,.025); font-size:.78rem; }
.discord-dm-diagnosis-v81460b1r2.user-settings { border-color:#ffb048; color:#ffd39b; }
.discord-dm-diagnosis-v81460b1r2.bot-auth { border-color:#e31b23; color:#ffd0d2; }
.discord-dm-diagnosis-v81460b1r2.sent { border-color:#00c9a7; color:#c9fff4; }

@media (min-width:981px) {
  html.cts-ui-v8131 body[data-active-view="registerView"] .workspace-content { width:min(1320px,calc(100% - 48px)); }
  html.cts-ui-v8131 #registerView .intro-panel { min-height:0; }
}
@media (max-width:760px) {
  html.cts-ui-v8131 .register-main-form-v8131 { grid-template-columns:minmax(0,1fr); }
  html.cts-ui-v8131 .register-main-form-v8131 > * { grid-column:1 !important; }
  .player-onboarding-progress-v81460b1r2,
  .player-onboarding-grid-v81460b1r2 { grid-template-columns:1fr; }
  .player-onboarding-card-head-v81460b1r2,
  .player-onboarding-shell-v81460b1r2 > header,
  .discord-linked-tools-head-v81460b1r2 { align-items:stretch; flex-direction:column; }
  .player-onboarding-shell-v81460b1r2 { padding:17px; }
}


/* v8.14.6.0B1-R2.3: persistent Discord-link reminder for every signed-in unlinked account. */
.discord-link-persistent-prompt-v81460b1r22 {
  position: sticky;
  top: 0;
  z-index: 45;
  width: min(1280px, calc(100% - 40px));
  margin: 12px auto 0;
  padding: 12px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid rgba(88, 101, 242, .62);
  border-left: 4px solid #5865f2;
  border-radius: 7px;
  background: rgba(13, 17, 24, .97);
  box-shadow: 0 12px 28px rgba(0, 0, 0, .34);
  backdrop-filter: blur(10px);
}
.discord-link-persistent-copy-v81460b1r22 { display: flex; align-items: center; gap: 12px; min-width: 0; }
.discord-link-persistent-copy-v81460b1r22 strong { display: block; margin-bottom: 2px; color: #f5f6ff; }
.discord-link-persistent-copy-v81460b1r22 p { margin: 0; color: #b8c0c7; font-size: .86rem; line-height: 1.4; }
.discord-link-persistent-icon-v81460b1r22 {
  flex: 0 0 auto; display: grid; place-items: center; width: 36px; height: 36px;
  border-radius: 10px; background: #5865f2; color: white; font-weight: 950; font-size: 1rem;
}
.discord-link-persistent-actions-v81460b1r22 { display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex: 0 0 auto; }
.discord-link-persistent-actions-v81460b1r22 .primary { min-height: 40px; white-space: nowrap; }
@media (max-width: 760px) {
  .discord-link-persistent-prompt-v81460b1r22 { width: calc(100% - 24px); position: relative; flex-direction: column; align-items: stretch; margin-top: 10px; }
  .discord-link-persistent-actions-v81460b1r22 { justify-content: space-between; }
  .discord-link-persistent-actions-v81460b1r22 .primary { flex: 1; }
}