:root {
  --ink-950: #05070d;
  --ink-900: #080c17;
  --ink-850: #0b1020;
  --ink-800: #101624;
  --ink-760: #151d2e;
  --paper-50: #f8faf3;
  --paper-100: #f4f6ee;
  --paper-200: #eef3e5;
  --paper-300: #e4e9da;
  --paper-border: #d8ddcf;
  --paper-border-strong: #aab3a2;
  --text-primary: #ffffff;
  --text-secondary: #dbe2ef;
  --text-tertiary: #c5cfdd;
  --text-muted: #9ca6b8;
  --text-on-paper: #05070d;
  --text-on-paper-muted: #4b5565;
  --text-on-paper-soft: #586174;
  --brand-lime: #b7ff20;
  --brand-green: #08c46b;
  --brand-orange: #ff5a14;
  --brand-orange-strong: #f23f0b;
  --brand-blue: #6ea8ff;
  --status-danger: #ff3f5f;
  --surface-app: var(--ink-950);
  --surface-app-2: var(--ink-900);
  --surface-raised: var(--ink-800);
  --surface-raised-2: var(--ink-760);
  --surface-card: var(--paper-100);
  --surface-card-soft: var(--paper-200);
  --surface-card-muted: var(--paper-300);
  --surface-card-glass: rgba(244, 246, 238, 0.97);
  --surface-overlay: rgba(5, 7, 13, 0.78);
  --surface-overlay-strong: rgba(5, 7, 13, 0.94);
  --surface-panel-glass: rgba(16, 22, 36, 0.9);
  --surface-panel-soft: rgba(16, 22, 36, 0.76);
  --surface-ghost: rgba(255, 255, 255, 0.06);
  --surface-ghost-hover: rgba(255, 255, 255, 0.08);
  --surface-ghost-strong: rgba(255, 255, 255, 0.12);
  --surface-ghost-selected: rgba(255, 255, 255, 0.72);
  --border-subtle: rgba(255, 255, 255, 0.12);
  --border-quiet: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.22);
  --border-on-image: rgba(255, 255, 255, 0.54);
  --border-accent: rgba(183, 255, 32, 0.36);
  --border-accent-strong: rgba(183, 255, 32, 0.62);
  --text-on-accent-muted: rgba(5, 7, 13, 0.66);
  --accent-primary: var(--brand-lime);
  --accent-primary-soft: rgba(183, 255, 32, 0.1);
  --accent-primary-panel: rgba(183, 255, 32, 0.14);
  --accent-primary-border: rgba(183, 255, 32, 0.28);
  --accent-action: var(--brand-orange);
  --accent-action-soft: rgba(255, 90, 20, 0.1);
  --accent-action-panel: rgba(255, 90, 20, 0.12);
  --accent-action-border: rgba(255, 90, 20, 0.42);
  --accent-info: var(--brand-blue);
  --accent-info-soft: rgba(79, 168, 255, 0.1);
  --accent-info-panel: rgba(79, 168, 255, 0.12);
  --accent-info-border: rgba(79, 168, 255, 0.38);
  --accent-success: var(--brand-green);
  --accent-success-soft: rgba(8, 196, 107, 0.1);
  --accent-success-panel: rgba(8, 196, 107, 0.12);
  --accent-success-border: rgba(8, 196, 107, 0.42);
  --accent-danger: var(--status-danger);
  --accent-danger-soft: rgba(255, 63, 95, 0.13);
  --accent-danger-panel: rgba(255, 63, 95, 0.16);
  --accent-danger-border-soft: rgba(255, 63, 95, 0.44);
  --accent-danger-border: rgba(255, 63, 95, 0.52);
  --shadow: 0 18px 50px rgba(0, 0, 0, 0.34);
  --shadow-soft: 0 12px 32px rgba(0, 0, 0, 0.28);
  --shadow-accent: 0 12px 32px rgba(183, 255, 32, 0.2);
  --night: var(--ink-950);
  --night-2: var(--ink-850);
  --panel: var(--ink-800);
  --panel-2: var(--ink-760);
  --paper: var(--paper-100);
  --white: var(--text-primary);
  --muted: var(--text-muted);
  --line: var(--border-subtle);
  --lime: var(--brand-lime);
  --green: var(--brand-green);
  --orange: var(--brand-orange);
  --orange-2: var(--brand-orange-strong);
  --blue: var(--brand-blue);
  --danger: var(--status-danger);
  --radius-control: 8px;
  --ease-standard: cubic-bezier(0.19, 1, 0.22, 1);
  --display: "Barlow Condensed", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --heading: "Barlow Condensed", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --body: "Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-sans: var(--body);
  --mono: var(--body);
  --score: "Barlow Condensed", ui-sans-serif, system-ui, sans-serif;
  --weight-ui: 600;
  --weight-strong: 700;
  --weight-display: 900;
}

* {
  box-sizing: border-box;
}

html {
  min-height: 100%;
  background: var(--night);
}

body {
  min-height: 100%;
  margin: 0;
  overflow-x: clip;
  color: var(--white);
  background:
    linear-gradient(118deg, rgba(183, 255, 32, 0.11), transparent 34%),
    linear-gradient(242deg, rgba(255, 90, 20, 0.13), transparent 30%),
    linear-gradient(180deg, var(--ink-950) 0%, var(--ink-900) 48%, var(--ink-950) 100%);
  background-attachment: fixed;
  font-family: var(--body);
  font-size: 16px;
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
}

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

button {
  border: 0;
}

button:disabled {
  cursor: not-allowed;
  opacity: 0.42;
}

button,
a {
  color: inherit;
}

a {
  text-decoration: none;
}

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

.skip-link {
  position: fixed;
  left: 16px;
  top: 12px;
  z-index: 400;
  transform: translateY(-140%);
  opacity: 0;
  pointer-events: none;
  padding: 10px 14px;
  border-radius: var(--radius-control);
  color: var(--text-on-paper);
  background: var(--brand-lime);
  font-weight: 900;
  box-shadow: var(--shadow-soft);
}

.skip-link:focus-visible {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible {
  outline: 3px solid var(--blue);
  outline-offset: 3px;
}

img,
svg {
  display: block;
}

[hidden] {
  display: none !important;
}

.patota-loader {
  position: fixed;
  inset: 0;
  z-index: 220;
  display: grid;
  place-items: center;
  overflow: hidden;
  color: var(--white);
  background:
    linear-gradient(180deg, rgba(5, 7, 13, 0.92) 0%, rgba(5, 7, 13, 0.72) 48%, rgba(5, 7, 13, 0.94) 100%),
    linear-gradient(118deg, rgba(183, 255, 32, 0.16), transparent 34%),
    linear-gradient(242deg, rgba(255, 90, 20, 0.14), transparent 30%),
    url("assets/resenha-community.webp") center / cover no-repeat,
    var(--night);
  isolation: isolate;
}

.patota-loader::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.08) 0 1px, transparent 1px 100%),
    linear-gradient(0deg, rgba(183, 255, 32, 0.08) 0 1px, transparent 1px 100%);
  background-size: 92px 92px;
  mask-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.72) 26%, rgba(0, 0, 0, 0.3) 100%);
  opacity: 0.48;
}

.patota-loader-card {
  width: min(560px, calc(100vw - 32px));
  display: grid;
  gap: 24px;
  padding: clamp(22px, 4vw, 34px);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-control);
  background: rgba(5, 7, 13, 0.86);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.38);
  backdrop-filter: blur(18px);
}

.patota-loader-brand {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.patota-loader-brand img {
  width: min(180px, 48vw);
  height: auto;
}

.patota-loader-status {
  min-width: 0;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
}

.patota-loader-status span {
  max-width: 210px;
  overflow: hidden;
  padding: 8px 10px;
  border: 1px solid var(--border-accent);
  border-radius: var(--radius-control);
  color: var(--lime);
  background: var(--accent-primary-panel);
  font-size: 0.78rem;
  font-weight: 900;
  line-height: 1;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  will-change: transform, opacity;
  animation: loaderStatusIn 430ms var(--ease-standard) both;
}

.patota-loader-status span[data-tone="lime"] {
  color: var(--lime);
}

.patota-loader-status span[data-tone="paper"] {
  color: var(--paper);
  border-color: var(--border-on-image);
  background: rgba(255, 255, 255, 0.1);
}

.patota-loader-status span[data-tone="orange"] {
  color: var(--orange);
  border-color: var(--accent-action-border);
  background: var(--accent-action-panel);
}

.patota-loader-status span[data-tone="blue"] {
  color: var(--blue);
  border-color: var(--accent-info-border);
  background: var(--accent-info-panel);
}

.patota-loader-copy {
  display: grid;
  gap: 8px;
}

.patota-loader-kicker {
  margin: 0;
  color: var(--lime);
  font-size: 0.8rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.patota-loader-copy h1 {
  max-width: 100%;
  margin: 0;
  color: var(--white);
  font-family: var(--display);
  font-size: clamp(1.65rem, 6.8vw, 4.35rem);
  font-weight: var(--weight-display);
  line-height: 0.88;
  letter-spacing: 0;
}

.patota-loader-copy h1 span { white-space: nowrap; }

.patota-loader-context {
  max-width: 34rem;
  margin: 0;
  color: var(--text-secondary);
  font-size: 1rem;
  font-weight: 700;
  overflow-wrap: break-word;
}

.patota-loader-progress {
  height: 8px;
  overflow: hidden;
  border: 1px solid rgba(183, 255, 32, 0.22);
  border-radius: var(--radius-control);
  background: rgba(255, 255, 255, 0.12);
}

.patota-loader-bar {
  display: block;
  width: 40%;
  height: 100%;
  background: linear-gradient(90deg, var(--lime), var(--green));
  animation: loaderProgress 1200ms ease-in-out infinite alternate;
}

.patota-loader-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  color: var(--text-muted);
  font-size: 0.9rem;
  font-weight: 800;
}

.patota-loader.is-done {
  animation: loaderExit 420ms cubic-bezier(0.76, 0, 0.24, 1) forwards;
}

@keyframes loaderStatusIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}

@keyframes loaderProgress {
  from { transform: translateX(0); }
  to { transform: translateX(150%); }
}
@media (prefers-reduced-motion: reduce) {
  .patota-loader-bar { animation:none; width:100%; opacity:.6; }
  .patota-loader.is-done { animation:none; }
}

@keyframes loaderExit {
  to {
    opacity: 0;
    transform: translateY(-12px);
  }
}


.login-screen {

  position: relative;
  overflow: hidden;

  grid-template-columns: minmax(0, 1fr) clamp(520px, 42vw, 640px);

  gap: clamp(24px, 3vw, 48px);
  padding: clamp(22px, 5vw, 64px);
  background:
    linear-gradient(90deg, rgba(5, 7, 13, 0.97) 0%, rgba(5, 7, 13, 0.85) 46%, rgba(5, 7, 13, 0.54) 100%),
    linear-gradient(180deg, rgba(5, 7, 13, 0.12), var(--surface-overlay)),
    url("assets/resenha-community.webp") center / cover no-repeat;
  isolation: isolate;
}

.login-screen::before,
.login-screen::after {
  content: "";
  position: absolute;
  inset: auto;
  z-index: -1;
  pointer-events: none;
}

.login-screen::before {
  width: 120vw;
  height: 28vh;
  right: -28vw;
  top: -8vh;
  background: linear-gradient(102deg, transparent 0 36%, var(--accent-primary-border) 36% 39%, var(--surface-overlay) 39% 46%, transparent 46% 100%);
  transform: rotate(-8deg);
}

.login-screen::after {
  width: 118vw;

  left: -36vw;

  background: linear-gradient(74deg, transparent 0 36%, rgba(255, 90, 20, 0.24) 36% 41%, var(--surface-overlay) 41% 48%, transparent 48% 100%);
  transform: rotate(9deg);
}

.login-orbit {
  display: none;
}

.login-orbit span {
  position: absolute;
  width: 86px;
  height: 112px;
  display: grid;
  place-items: center;
  color: var(--night);
  background: var(--lime);
  border: 6px solid var(--white);
  border-radius: 8px;
  box-shadow: var(--shadow);
  font-family: var(--display);
  font-weight: var(--weight-display);
  font-size: 24px;
  transform: rotate(var(--card-rot, -8deg));
  animation: floatCard 5s ease-in-out infinite;
}

.login-orbit span:nth-child(1) {
  left: 8vw;
  top: 14vh;
  --card-rot: -14deg;
}

.login-orbit span:nth-child(2) {
  left: 45vw;
  top: 8vh;
  background: var(--orange);
  --card-rot: 10deg;
  animation-delay: -1.4s;
}

.login-orbit span:nth-child(3) {
  left: 57vw;
  bottom: 13vh;
  background: var(--green);
  --card-rot: -6deg;
  animation-delay: -2.2s;
}

.login-orbit span:nth-child(4) {
  left: 24vw;
  bottom: 8vh;
  background: var(--paper);
  --card-rot: 12deg;
  animation-delay: -3s;
}

.login-orbit span:nth-child(5) {
  right: 9vw;
  top: 20vh;
  --card-rot: 7deg;
  animation-delay: -0.7s;
}

@keyframes floatCard {
  0%,
  100% {
    transform: translateY(0) rotate(var(--card-rot));
  }
  50% {
    transform: translateY(-16px) rotate(calc(var(--card-rot) * -1));
  }
}

.login-hero {
  width: 100%;

  min-width: 0;
}

.login-brand {
  width: fit-content;
  margin-bottom: clamp(28px, 5vh, 56px);
}

.login-hero h1 {

  margin: 0;
  font-family: var(--heading);
  font-weight: 900;
  font-size: clamp(52px, 6vw, 86px);
  line-height: 0.98;
  overflow-wrap: anywhere;

}

.login-hero p:not(.eyebrow) {

  color: var(--text-secondary);
  font-size: clamp(18px, 1.6vw, 22px);
  font-weight: 600;
}

.login-feature-strip {

  display: grid;

  margin-top: 30px;
}

.login-feature-strip article {

  display: grid;
  align-content: space-between;
  gap: 18px;

  color: var(--white);
  background: rgba(16, 22, 36, 0.93);

  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.28);
}

.login-feature-strip article.is-accent {
  color: var(--night);
  background: var(--lime);
}

.login-feature-strip span {

  font-weight: var(--weight-ui);

}

.login-feature-strip strong {
  font-family: var(--heading);
  font-size: clamp(18px, 1.65vw, 24px);
  line-height: 1.1;
}

.login-preview-row {
  display: none;
}

.mini-sticker {
  width: 126px;
  min-height: 152px;
  display: grid;
  align-content: space-between;
  padding: 12px;
  color: var(--night);
  background: var(--lime);
  border: 5px solid var(--white);
  border-radius: 8px;
  box-shadow: var(--shadow);
  transform: rotate(-4deg);
}

.mini-sticker:nth-child(2) {
  transform: rotate(5deg) translateY(10px);
}

.mini-sticker:nth-child(3) {
  transform: rotate(-2deg);
}

.mini-sticker.is-orange {
  background: var(--orange);
}

.mini-sticker.is-paper {
  background: var(--paper);
}

.mini-sticker span,
.mini-sticker strong {
  font-family: var(--display);
  font-weight: var(--weight-display);
  text-transform: uppercase;
}

.mini-sticker span {
  font-size: 13px;
}

.mini-sticker strong {
  font-size: 24px;
  line-height: 0.94;
}

.login-card {
  width: min(440px, calc(100vw - 36px));
  min-width: 0;
  justify-self: center;
  min-height: auto;
  display: grid;

  color: var(--night);
  background: var(--surface-card-glass);
  border: 1px solid var(--border-on-image);

  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.42);
  backdrop-filter: blur(14px);
}

.login-card-header {
  display: grid;

}

.login-card h2 {
  margin: 0;
  font-family: var(--heading);

  font-weight: 900;
  line-height: 1.02;
  overflow-wrap: anywhere;

}

.login-card .eyebrow {
  color: var(--orange);

  letter-spacing: 0;
  text-transform: none;
}

.login-card label {
  display: grid;
  gap: 8px;
}

.login-card label span,
.login-card small {
  color: var(--text-on-paper-muted);
  font-size: 12px;
  font-weight: var(--weight-strong);
  text-transform: none;
}

.login-card input {
  min-height: 50px;
  width: 100%;
  padding: 0 14px;
  color: var(--night);
  background: var(--white);
  border: 1px solid var(--paper-border);
  border-radius: var(--bdr-radius-control);
  outline: none;
  font-weight: 700;
}

.login-card input:focus {
  border-color: var(--lime);
  box-shadow: 0 0 0 4px var(--border-accent);
}

.login-card label small {
  color: var(--text-on-paper-soft);

  font-weight: 500;
  line-height: 1.2;

}

#loginStatus {
  text-transform: none;
}

.login-help-steps {
  display: none;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.login-card.is-signup-mode .login-help-steps {
  display: grid;
}

.login-card.is-account-open .login-help-steps {
  display: none;
}

.login-help-steps li {
  min-width: 0;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  padding: 10px;
  background: rgba(5, 7, 13, 0.05);
  border: 1px solid var(--paper-border);

}

.login-help-steps li > span {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  color: var(--night);
  background: var(--lime);

  font-family: var(--score);
  font-size: 17px;
  font-weight: var(--weight-display);
  line-height: 1;
}

.login-help-steps strong,
.login-help-steps small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
  text-transform: none;
}

.login-help-steps strong {
  color: var(--night);
  font-size: 12px;
  line-height: 1.1;
}

.login-help-steps small {
  margin-top: 2px;
  color: var(--text-on-paper-soft);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.25;
}

.login-step-grid {
  display: grid;

}

.login-choice-bar {
  display: grid;
  grid-template-columns: 1fr;

}

/**/

.login-choice-bar button,
.invite-intent button,
.code-fallback-button {
  min-width: 0;
  min-height: 44px;
  padding: 8px;
  color: var(--night);
  background: var(--surface-card-muted);
  border: 1px solid transparent;
  border-radius: var(--bdr-radius-control);
  cursor: pointer;
  font-size: 12px;
  font-weight: var(--weight-strong);
  line-height: 1.05;
  overflow-wrap: anywhere;
  white-space: normal;
  text-transform: none;
}

.login-choice-bar button {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-content: center;
  gap: 4px 10px;

  text-align: left;
}

.login-choice-bar button strong,
.login-choice-bar button small,
.login-choice-kicker {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
  text-transform: none;
}

.login-choice-kicker {
  color: var(--text-on-paper-soft);

  font-weight: 900;

  line-height: 1;
  text-transform: none;
}

.login-choice-bar button strong {

  line-height: 1.1;
}

.login-choice-bar button small {
  color: var(--text-on-paper-soft);

  font-weight: 700;
  line-height: 1.18;
}

.login-choice-bar button::after {
  content: ">";
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  align-self: center;
  grid-row: 1 / span 2;
  grid-column: 2;
  color: var(--night);
  background: rgba(255, 255, 255, 0.62);

  font-weight: 900;
}

.login-choice-bar button.is-active,
.invite-intent button.is-active,
.code-fallback-button {
  background: var(--night);
  color: var(--white);
}

.login-choice-bar button.is-active small {
  color: var(--surface-ghost-selected);
}

.login-choice-bar button.is-active::after {
  color: var(--night);
  background: var(--lime);
}

.invite-intent {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));

}

.invite-intent button {
  min-height: 48px;

  line-height: 1.12;
}

.login-card.is-entry-choice-only .invite-intent,
.login-card.is-account-mode .invite-intent,
.login-card.is-account-open .invite-intent {
  display: none;
}

.invite-preview {
  display: grid;
  gap: 12px;

  color: var(--night);
  background: var(--text-primary);
  border: 1px solid var(--paper-border);
  border-radius: var(--bdr-radius-panel);
}

.invite-preview h3 {
  margin: 0 0 6px;
  font-family: var(--heading);

  line-height: 1.05;
  text-transform: none;
}

.invite-preview p {
  margin: 0;
  color: var(--text-on-paper-muted);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
}

.invite-preview-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.invite-preview-stats div {
  min-width: 0;
  padding: 9px;
  background: var(--surface-card-soft);

}

.invite-preview-stats dt {
  color: var(--text-on-paper-soft);
  font-size: 10px;
  font-weight: var(--weight-strong);
  text-transform: none;
}

.invite-preview-stats dd {
  margin: 3px 0 0;
  color: var(--night);
  font-family: var(--score);
  font-weight: var(--weight-display);
  font-size: 21px;
  line-height: 0.95;
  overflow-wrap: anywhere;
}

.login-card.is-entry-choice-only .login-step-grid,
.login-card.is-entry-choice-only .login-consent,
.login-card.is-entry-choice-only .login-actions,
.login-card.is-entry-choice-only .login-account-details,
.login-card.is-entry-choice-only #loginStatus {
  display: none !important;
}

.login-card.is-entry-choice-only {
  width: min(640px, 100%);

  color: var(--night);
  background: var(--surface-card-glass);
  border-color: var(--border-on-image);
}

.login-card.is-entry-choice-only h2 {
  color: var(--night);

  line-height: 1.02;
}

.login-card.is-entry-choice-only .login-mode-note {
  gap: 8px;

  border-top: 0;
  border-bottom: 1px solid var(--paper-border);
}

.login-card.is-entry-choice-only .login-mode-note strong {
  color: var(--night);

}

.login-card.is-entry-choice-only .login-mode-note span {
  color: var(--text-on-paper-muted);

}

.login-card.is-entry-choice-only .login-choice-bar button {
  min-height: 152px;
  align-content: start;
  gap: 9px;
  padding: 18px;
  color: var(--night);
  background: var(--text-primary);
  border-color: var(--paper-border);
  box-shadow: none;
}

.login-card.is-entry-choice-only .login-choice-bar button:hover,
.login-card.is-entry-choice-only .login-choice-bar button:focus-visible {
  border-color: var(--lime);
  box-shadow: 0 0 0 3px var(--accent-primary-panel);
  outline: none;
  transform: translateY(-1px);
}

.login-card.is-entry-choice-only .login-choice-kicker {
  color: var(--text-on-paper-soft);
  grid-column: 1 / -1;
}

.login-card.is-entry-choice-only .login-choice-bar button strong {
  color: var(--night);
  grid-column: 1;
  font-size: clamp(19px, 1.7vw, 23px);
  line-height: 1.06;
}

.login-card.is-entry-choice-only .login-choice-bar button small {
  color: var(--text-on-paper-muted);
  grid-column: 1 / -1;

  font-weight: 600;
  line-height: 1.38;
}

.login-card.is-entry-choice-only .login-choice-bar button::after {
  background: var(--lime);
  grid-column: 2;
  grid-row: 2;
}

.login-card.is-entry-choice-only .login-choice-bar [data-entry-choice="account"] strong {
  font-size: 18px;
}

.login-card.is-entry-choice-only .login-legal-links a {
  color: var(--text-on-paper-muted);
}

.login-card.is-create-mode .login-choice-bar,
.login-card.is-signup-mode .login-choice-bar,
.login-card.is-account-open .login-choice-bar,
.login-card.is-code-fallback-visible .login-choice-bar,
.login-card.has-invite-link .login-choice-bar {
  display: none;
}

.login-card.is-create-mode #loginCreatePatotaField {
  order: -1;
}

.login-card.is-create-mode {
  gap: 12px;
}

.login-card.is-create-mode .login-help-steps {
  display: none !important;
}

.login-card.is-create-mode .login-card-header {
  gap: 6px;
}

.login-card.is-create-mode .login-mode-note {
  padding-top: 8px;
}

.create-patota-note {
  display: grid;
  gap: 0;
  padding: 9px 10px;
  color: var(--text-on-paper);
  background: rgba(183, 255, 32, 0.11);
  border: 1px solid rgba(94, 120, 42, 0.16);
  border-radius: var(--bdr-radius-control);
}

.create-patota-note[hidden] {
  display: none;
}

.create-patota-note strong {
  font-size: 12px;
  line-height: 1.25;
}

.create-patota-note ul {
  display: grid;
  gap: 5px;
  margin: 0;
  padding-left: 17px;
  color: var(--text-on-paper-muted);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
}

.auth-mode-toggle {
  display: none;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 10px 0 12px;
}

.auth-mode-toggle button {
  min-width: 0;
  min-height: 48px;
  color: var(--night);
  background: var(--surface-card-muted);
  border-radius: var(--bdr-radius-control);
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  overflow-wrap: anywhere;

}

.auth-mode-toggle button.is-active,
.login-submit {
  color: var(--night);
  background: var(--lime);
}

.login-mode-note {
  display: grid;
  gap: 4px;
  margin: 0;

  border-top: 1px solid var(--paper-border);
}

.login-mode-note strong {
  color: var(--night);

}

.login-mode-note span {
  color: var(--text-on-paper-muted);

  font-weight: 500;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.login-account-details {

  min-width: 0;

  border-top: 1px solid var(--paper-border);
  border-bottom: 1px solid var(--paper-border);
}

.login-account-details summary {
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  color: var(--night);
  background: var(--surface-card-muted);

  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  list-style: none;

}

.login-account-details summary::-webkit-details-marker {
  display: none;
}

.login-account-details summary::after {
  content: "+";
  font-family: var(--heading);
}

.login-account-details[open] summary::after {
  content: "-";
}

.login-account-details:not([open]) label {
  display: none;
}

.login-card.is-create-mode .login-account-details {

  border: 0;
  gap: 9px;
}

.login-card.is-create-mode .login-account-details summary,
.login-card.is-create-mode .login-phone-field,
.login-card.is-create-mode #demoLogin {
  display: none;
}

.login-card.is-create-mode .login-account-details label {
  margin-top: 0;
}

.login-account-grid {
  display: grid;
  gap: 10px;
}

.login-account-details {
  display: grid;
}

.login-account-details .auth-mode-toggle {
  order: 1;
}

.login-account-details .login-account-grid {
  order: 2;
}

.login-account-details .login-phone-field {
  order: 3;
}

.login-account-details .player-card-builder {
  order: 4;
}

.login-card.is-personal-signup-mode .login-phone-field {
  display: none;
}

/**/
.organization-ui .login-card:is(.is-personal-signup-mode, .is-plain-account-signin) .login-account-details {
  padding: 0;
  border: 0;
  background: transparent;
}

.organization-ui .login-card:is(.is-personal-signup-mode, .is-plain-account-signin) :is(#loginNameField, .login-account-field) {
  padding: 0;
}

.organization-ui .login-card .login-social-access {
  display: grid;
  gap: 16px;
  min-width: 0;
}

/**/
.organization-ui .login-card .login-social-access > * { order: 0; }
.organization-ui .login-card .login-social-access .login-consent { margin: 0; }

.organization-ui .login-card .login-social-access[hidden] {
  display: none;
}

.organization-ui .login-card .login-social-access .google-login {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  min-height: 56px;
  padding: 14px 20px;
  color: #1f2921;
  background: #fff;
  border: 1px solid #83917e;
  border-radius: var(--bdr-radius-control);
  box-shadow: 0 2px 0 rgba(20, 30, 20, .12);
  transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.organization-ui .login-card .login-social-access .google-login[hidden] {
  display: none;
}

.organization-ui .login-card .login-social-access .google-login strong {
  font-family: var(--body);
  font-size: 16px;
  line-height: 1.4;
  font-weight: 700;
  text-transform: none;
  white-space: normal;
}

.organization-ui .login-card .login-social-access .google-login svg {
  flex: 0 0 24px;
}

.organization-ui .login-card .login-social-access .google-login:hover {
  background: #f4f7ef;
  border-color: #385236;
}

.organization-ui .login-card .login-social-access .google-login:active {
  transform: translateY(1px);
}

.organization-ui .login-card .login-social-access .login-divider {
  color: #52624e;
  font: 500 13px/1.5 var(--body);
  text-transform: none;
}

.organization-ui .login-card .login-social-access .login-divider::before { content:none; }
.organization-ui .login-card .login-social-access .login-divider span { padding:0; background:transparent; }
.organization-ui .login-card.is-entry-choice-only .login-social-access .login-divider { color:#e0e8dc; text-shadow:0 1px 4px #0b1512; }

@media (prefers-reduced-motion: reduce) {
  .organization-ui .login-card .login-social-access .google-login {
    transition: none;
  }
}


/**/
.email-confirmation-panel {
  display: grid;
  gap: 12px;
  padding: 20px;
  background: var(--surface-card-muted, rgba(255, 255, 255, 0.06));
  border: 1px solid var(--paper-border, rgba(255, 255, 255, 0.14));
  border-radius: var(--bdr-radius-panel, 16px);
}
.email-confirmation-panel[hidden] { display: none; }
.email-confirmation-panel h2 { margin: 0; font-size: 1.35rem; line-height: 1.1; }
.email-confirmation-panel p { margin: 0; line-height: 1.45; }
.email-confirmation-panel p strong { overflow-wrap: anywhere; }
.email-confirmation-actions { display: grid; gap: 8px; }
.email-confirmation-actions .primary-button { min-height: 48px; }
.email-confirmation-actions .auth-text-action { justify-self: start; min-height: 44px; }
.email-confirmation-panel small { min-height: 1.2em; }
.login-card.is-confirmation-pending > :not(.login-card-identity, .login-card-header, .email-confirmation-panel, .login-legal-links) { display: none !important; }
.login-card.is-confirmation-pending .login-mode-note { display: none; }

.login-card.is-email-code .login-account-grid { grid-template-columns: minmax(0, 1fr); }
.login-card.is-email-code #loginPasswordField { display: none !important; }
#emailCodeEntry:not([hidden]) { display: grid; gap: 12px; min-width: 0; }
#emailCodeEntry .primary-button { width: 100%; }
#loginEmailCode { font-variant-numeric: tabular-nums; letter-spacing: .12em; }

/**/
.account-created-panel.prefers-create button:first-child { background: var(--text-primary); border-color: var(--paper-border); }
.account-created-panel.prefers-create button[data-entry-choice="create"] { background: var(--lime); border-color: var(--lime); }
.account-more-options { margin-top: 12px; }
.account-more-options > summary { min-height: 44px; display: flex; align-items: center; cursor: pointer; color: var(--text-primary); font-size: 0.9rem; font-weight: 600; opacity: 0.85; text-decoration: underline; text-underline-offset: 3px; }
.account-more-options[open] > summary { margin-bottom: 8px; }
.account-more-options:has(> #accountDeletionAccountRoot[hidden]) { display: none; }

/**/
.initial-round-summary { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 12px; padding: 10px 12px; border: 1px dashed var(--paper-border, rgba(255, 255, 255, 0.24)); border-radius: var(--bdr-radius-control, 12px); }
.initial-round-summary[hidden], #loginInitialRoundDetails[hidden] { display: none !important; }
.initial-round-summary p { margin: 0; font-weight: 700; font-variant-numeric: tabular-nums; }
.initial-round-summary .auth-text-action { min-height: 44px; }
.email-typo-suggestion { justify-self: start; min-height: 44px; padding: 0 2px; color: inherit; background: none; border: 0; cursor: pointer; font: 600 14px/1.3 var(--body); text-align: left; text-decoration: underline; text-underline-offset: 3px; }
.email-typo-suggestion[hidden], .password-rule[hidden], .login-access-retry[hidden] { display: none !important; }
.email-typo-suggestion:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; border-radius: 4px; }
.password-rule { font-size: 0.85rem; opacity: 0.85; }
.login-access-retry { display: grid; }
.login-access-retry .primary-button { min-height: 48px; }

/**/
body .login-screen .login-card .login-consent.is-already-accepted,
.login-consent.is-already-accepted { display: flex; flex-direction: column; align-items: stretch; gap: 4px; }
.login-consent.is-already-accepted > span { flex: none; width: auto; }

.player-card-builder {
  display: grid;
  gap: 10px;
  margin-top: 10px;
  padding: 0;
  overflow: visible;
  background: transparent;
  border: 0;
}

.player-card-builder[hidden],
.player-card-modal[hidden],
.login-card:not(.is-signup-mode) .player-card-builder {
  display: none !important;
}

.player-card-launch {
  display: grid;

  align-items: center;

  color: var(--paper);
  background:
    linear-gradient(135deg, rgba(183, 255, 32, 0.14), rgba(255, 90, 20, 0.08) 54%, rgba(110, 168, 255, 0.12)),
    var(--surface-raised);
  border: 1px solid var(--border-subtle);

}

.player-card-launch div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.player-card-launch span,
.player-card-modal-header span {
  color: var(--text-tertiary);
  font-family: var(--mono);
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.player-card-launch strong {
  color: var(--paper);
  font-family: var(--heading);

  line-height: 0.95;
  text-transform: uppercase;
}

.player-card-launch small {
  color: var(--text-tertiary);

  font-weight: 700;
  line-height: 1.2;
  text-transform: none;
}

.player-card-open {

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 14px;
  color: var(--night);
  background: var(--lime);
  border: 1px solid rgba(255, 255, 255, 0.24);

  cursor: pointer;
  font-family: var(--heading);
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}

.player-card-open svg {
  width: 18px;
  height: 18px;
}

body.is-player-card-modal-open {
  overflow: hidden;
}

.player-card-modal {
  position: fixed;
  inset: 0;

  place-items: center;
  padding: 18px;
}

.player-card-backdrop {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(4, 7, 9, 0.72), rgba(4, 7, 9, 0.9)),
    rgba(4, 7, 9, 0.72);
  border: 0;
  cursor: pointer;
}

.player-card-modal-panel {
  width: min(960px, calc(100vw - 32px));
  max-height: min(760px, calc(100vh - 32px));

  color: var(--paper);
  background:
    linear-gradient(135deg, rgba(17, 29, 27, 0.96), rgba(9, 13, 17, 0.98)),
    var(--ink-900);
  border: 1px solid rgba(126, 221, 81, 0.42);

  box-shadow:
    0 24px 80px rgba(0, 0, 0, 0.56),
    inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

.player-card-modal-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(126, 221, 81, 0.18) 0 2px, transparent 2px calc(100% - 2px), rgba(126, 221, 81, 0.18) calc(100% - 2px)),
    repeating-linear-gradient(180deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 8px);
  opacity: 0.58;
}

.player-card-modal-header {

  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;

  border-bottom: 1px solid rgba(126, 221, 81, 0.22);
}

.player-card-modal-header h3 {

  color: var(--paper);
  font-family: var(--heading);
  font-size: clamp(34px, 5vw, 56px);
  line-height: 0.86;
  text-transform: uppercase;
}

.player-card-close {
  width: 44px;
  height: 44px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  color: var(--paper);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.14);

  cursor: pointer;
}

.player-card-close svg {
  width: 20px;
  height: 20px;
}

.player-card-builder-body {
  min-height: 0;
  position: relative;
  z-index: 1;
  overflow: auto;

}

.player-card-copy {
  display: grid;
  gap: 4px;
}

.player-card-copy strong {
  color: var(--paper);
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
}

.player-card-copy span {
  color: var(--text-tertiary);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25;
  text-transform: none;
}

.player-card-layout {

  grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);

  align-items: start;
}

.player-sticker-preview {
  min-width: 0;
  position: relative;
  display: grid;
  gap: 10px;
  overflow: hidden;
  padding: 13px;
  color: var(--paper);
  background:
    radial-gradient(circle at 22% 18%, var(--border-strong), transparent 24%),
    linear-gradient(145deg, var(--ink-760) 0%, var(--surface-raised) 58%, var(--ink-950) 100%);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 8px;
  box-shadow:
    inset 0 0 0 1px var(--border-subtle),
    0 16px 34px rgba(0, 0, 0, 0.26);
  isolation: isolate;
}

.player-card-modal .player-sticker-preview {
  min-height: 520px;
  align-content: start;
  padding: 18px;
  border-color: rgba(126, 221, 81, 0.34);
}

.player-sticker-preview[data-theme="orange"] {
  background:
    radial-gradient(circle at 22% 18%, rgba(255, 255, 255, 0.2), transparent 24%),
    linear-gradient(145deg, var(--brand-orange-strong) 0%, var(--accent-action) 42%, var(--surface-raised) 100%);
}

.player-sticker-preview[data-theme="blue"] {
  background:
    radial-gradient(circle at 22% 18%, rgba(255, 255, 255, 0.24), transparent 24%),
    linear-gradient(145deg, var(--ink-850) 0%, var(--accent-info) 48%, var(--surface-raised) 100%);
}

.player-sticker-preview[data-theme="night"] {
  background:
    radial-gradient(circle at 22% 18%, var(--accent-primary-border), transparent 24%),
    linear-gradient(145deg, var(--ink-950) 0%, var(--surface-raised-2) 52%, var(--ink-760) 100%);
}

.player-sticker-shine {
  position: absolute;
  inset: -60% 32% 40% -20%;

  background: rgba(255, 255, 255, 0.18);

  pointer-events: none;
}

.player-sticker-top,
.player-sticker-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  align-items: center;
}

.player-sticker-top {
  grid-template-columns: minmax(0, 1fr) 52px;
}

.player-sticker-top span {
  min-width: 0;
  color: rgba(244, 246, 238, 0.78);

  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.player-sticker-top strong {

  display: grid;
  place-items: center;
  color: var(--ink-950);
  background: var(--lime);

  font-family: var(--heading);
  font-size: 21px;
  line-height: 1;
}

.player-sticker-photo {

  aspect-ratio: 1;

  display: grid;
  place-items: center;
  justify-self: center;
  overflow: hidden;
  color: var(--paper);
  background:
    radial-gradient(circle at 35% 28%, rgba(192, 255, 61, 0.42), transparent 28%),
    var(--ink-800);
  border: 4px solid rgba(255, 255, 255, 0.88);
  border-radius: 50%;
  font-family: var(--heading);
  font-size: clamp(30px, 12vw, 42px);
  line-height: 1;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.28);
}

.player-sticker-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(var(--photo-x, 0), var(--photo-y, 0)) scale(var(--photo-zoom, 1));
  transform-origin: center;
  will-change: transform;
}

.player-sticker-photo.is-croppable {
  cursor: grab;
  touch-action: none;
}

.player-sticker-photo.is-dragging {
  cursor: grabbing;
}

.player-sticker-photo.has-photo span {
  display: none;
}

.player-sticker-name {
  min-width: 0;

  font-family: var(--heading);

  line-height: 0.95;
  overflow-wrap: anywhere;
  text-align: center;
  text-transform: uppercase;
}

.player-sticker-meta {
  color: rgba(244, 246, 238, 0.76);

  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  text-transform: none;
}

.player-sticker-stats {
  margin: 0;
}

.player-sticker-stats div {
  min-width: 0;

  background: var(--surface-ghost-strong);

  text-align: center;
}

.player-sticker-stats dt {
  color: rgba(244, 246, 238, 0.68);
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}

.player-sticker-stats dd {
  margin: 3px 0 0;
  color: var(--paper);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.05;
  overflow-wrap: anywhere;
}

.player-sticker-overall {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  justify-self: center;
  padding: 6px 10px;
  color: var(--ink-950);
  background: var(--lime);

  line-height: 1;
}

.player-sticker-overall strong {
  font-family: var(--heading);
  font-size: 20px;
}

.player-sticker-overall span {
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}

.player-sticker-attributes {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));

}

.player-sticker-attributes span {
  min-width: 0;

  color: rgba(244, 246, 238, 0.74);
  background: rgba(5, 7, 13, 0.22);
  border: 1px solid var(--surface-ghost-hover);

  font-size: 8px;
  font-weight: 800;
  line-height: 1.05;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  text-transform: uppercase;
}

.player-sticker-attributes b {
  display: block;
  color: var(--paper);
  font-size: 13px;
  line-height: 1.05;
}

.player-card-fields {
  display: grid;

  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.1);

}

.player-card-field,
.player-photo-picker {

  margin: 0;
}

.player-card-field.is-full,
.player-photo-picker.is-full,
.player-photo-clear,
.player-card-randomize {
  grid-column: 1 / -1;
}

.player-card-fields input,
.player-card-fields select {
  width: 100%;
  min-height: 44px;
  padding: 0 12px;
  color: var(--night);

  border: 1px solid rgba(255, 255, 255, 0.24);

  font: inherit;
  font-size: 16px;
  font-weight: 800;
}

.player-card-fields label span,
.player-card-fields label small {
  color: var(--text-secondary);
}

.player-photo-picker {
  position: relative;
}

.player-photo-picker input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

.player-photo-picker > span,
.player-photo-clear,
.player-card-randomize {

  color: var(--night);
  background: var(--lime);
  border: 1px solid rgba(255, 255, 255, 0.28);

  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}

.player-photo-picker svg,
.player-card-randomize svg {
  width: 16px;
  height: 16px;
}

.player-photo-clear {
  background: var(--surface-ghost-hover);
  color: var(--paper);
}

.player-card-randomize {
  background: var(--paper-50);
  color: var(--night);
}

.player-card-modal-actions {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: flex-end;
  gap: 10px;

  border-top: 1px solid rgba(126, 221, 81, 0.22);
}

.player-card-done {

  padding: 0 18px;
  color: var(--night);
  background: var(--lime);
  border: 0;

  cursor: pointer;
  font-family: var(--heading);
  font-size: 18px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}


.code-fallback-button {
  width: 100%;
}

.login-consent {

  display: grid;

  color: var(--text-on-paper-muted);
  background: rgba(238, 243, 229, 0.72);
  border: 1px solid var(--paper-border);

  cursor: pointer;
}

.login-consent input {

  display: grid;
  place-items: center;
  appearance: none;
  color: var(--night);
  background: var(--text-primary);
  border: 2px solid var(--paper-border-strong);

  cursor: pointer;
  box-shadow: none;
}

.login-consent input:checked {
  background: var(--lime);
  border-color: var(--lime);
}

.login-consent input:checked::after {
  content: "";
  width: 5px;
  height: 10px;
  border: solid var(--night);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) translateY(-1px);
}

.login-consent span {
  display: block;
  align-self: start;
  padding-top: 1px;
  color: var(--text-on-paper-muted);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  text-transform: none;
}

.login-card .login-consent span {
  text-transform: none;
}

.login-card.is-fast-invite {
  min-height: auto;
  align-content: stretch;
}

.save-access-button {
  min-height: 44px;
  padding: 8px 10px;
  color: var(--night);

  border: 1px dashed var(--paper-border-strong);
  border-radius: var(--bdr-radius-control);
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.save-access-button:hover,
.save-access-button:focus-visible {
  background: var(--surface-card-soft);
  outline: none;
}

.account-created-panel {
  display: grid;
  gap: 8px;

  color: var(--night);
  background: var(--surface-card-soft);
  border: 1px solid var(--paper-border);
  border-radius: var(--bdr-radius-panel);
}

.account-created-panel strong {
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
}

.account-created-panel span {
  color: var(--text-on-paper-muted);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.25;
  text-transform: none;
}

.account-created-panel > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.account-created-panel button {
  min-width: 0;
  min-height: 44px;
  color: var(--night);
  background: var(--text-primary);
  border: 1px solid var(--paper-border);
  border-radius: var(--bdr-radius-control);
  cursor: pointer;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.05;
  overflow-wrap: anywhere;
  text-transform: uppercase;
}

.account-created-panel button:first-child {
  background: var(--lime);
  border-color: var(--lime);
}

.login-card:not(.is-account-open) .login-account-details {
  display: none;
}

.login-card.is-create-mode .auth-mode-toggle {
  display: none;
}

.login-card.is-personal-signup-mode .auth-mode-toggle {
  display: none;
}

.login-submit {
  width: 100%;
}

.login-actions {
  display: grid;
  gap: 10px;
}

.login-divider {
  min-height: 18px;
  display: grid;
  place-items: center;
  position: relative;
  color: var(--text-on-paper-soft);

  font-weight: 700;
  text-transform: uppercase;
}

.login-divider::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  background: var(--paper-border);
}

.login-divider span {
  position: relative;
  padding: 0 10px;
  background: var(--paper);
}

.google-login {
  min-height: 48px;
  display: grid;

  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  color: var(--night);
  background: var(--white);
  border: 1px solid var(--paper-border);

  cursor: pointer;
  font-weight: 700;
  text-align: left;
}

.google-login span {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  color: #1a73e8;
  background: var(--paper-50);
  border: 1px solid var(--paper-border);

  font-family: var(--heading);
  line-height: 1;
}

.google-login strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.google-login:hover {
  border-color: var(--text-muted);
  transform: translateY(-1px);
}

.secondary-login {
  min-height: 44px;
  color: var(--text-on-paper-soft);
  background: transparent;
  border: 1px solid rgba(107, 114, 128, 0.18);

  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  text-transform: none;
}

.secondary-login:hover {
  color: var(--night);
  background: rgba(255, 255, 255, 0.44);
  border-color: rgba(107, 114, 128, 0.28);
}

.login-legal-links {
  margin: 0;
  color: var(--text-on-paper-muted);

  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}

.login-legal-links a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.legal-page {
  width: min(980px, calc(100% - 32px));
  margin: 0 auto;
  padding: 32px 0 56px;
}

.legal-page .brand {
  width: fit-content;
  margin-bottom: 36px;
}

.legal-hero {
  margin-bottom: 34px;
}

.legal-hero h1 {
  max-width: 780px;
  margin: 0 0 14px;
  font-family: var(--heading);
  font-size: clamp(42px, 8vw, 86px);
  line-height: 0.9;
  text-transform: uppercase;
}

.legal-hero p {
  max-width: 680px;
  margin: 0;
  color: var(--muted);
  font-size: 20px;
  font-weight: 700;
}

.legal-grid {
  display: grid;
  gap: 14px;
}

.legal-section {
  padding: var(--bdr-panel-inset);
  background: var(--surface-ghost-hover);
  border: 1px solid var(--line);
  border-radius: var(--bdr-radius-panel);
}

.legal-section h2 {
  margin: 0 0 12px;
  font-family: var(--heading);
  font-size: 28px;
  line-height: 0.95;
  text-transform: uppercase;
}

.legal-section p,
.legal-section li {
  color: var(--text-secondary);
  font-size: 16px;
  font-weight: 650;
}

.legal-section p {
  margin: 0 0 10px;
}

.legal-section ul {
  margin: 0;
  padding-left: 20px;
}

.legal-back {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin-top: 20px;
  padding: 0 16px;
  color: var(--night);
  background: var(--lime);
  border-radius: var(--bdr-radius-control);
  font-weight: 700;
  text-transform: uppercase;
}

.public-patota-screen {
  --public-primary: var(--lime);
  --public-secondary: #ff7a18;
  --public-accent: #50d5ff;
  width: min(1180px, calc(100vw - 32px));
  min-height: 100dvh;
  margin: 0 auto;
  padding: clamp(18px, 4vw, 42px) 0 34px;
  display: grid;
  gap: 18px;
}

.public-patota-header,
.public-patota-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.public-patota-brand {
  min-height: 48px;
}

.public-patota-hero {
  min-height: min(680px, calc(100dvh - 112px));
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(360px, 0.68fr);
  align-items: stretch;
  gap: clamp(16px, 3vw, 28px);
}

.public-patota-cover,
.public-patota-copy,
.public-panel,
.public-join-section {
  border: 1px solid var(--line);
  border-radius: var(--bdr-radius-panel);
  box-shadow: var(--shadow);
}

.public-patota-cover {
  min-height: 420px;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
  background:
    linear-gradient(90deg, var(--surface-ghost-hover) 1px, transparent 1px) 0 0 / 80px 80px,
    linear-gradient(0deg, color-mix(in srgb, var(--public-primary) 20%, transparent) 1px, transparent 1px) 0 0 / 80px 80px,
    radial-gradient(circle at 50% 54%, color-mix(in srgb, var(--public-primary) 42%, transparent), transparent 32%),
    linear-gradient(145deg, color-mix(in srgb, var(--public-accent) 18%, transparent), rgba(16, 22, 36, 0.96));
}

.public-patota-cover.has-image {
  background-size: cover;
  background-position: center;
}

.public-crest {
  width: clamp(132px, 24vw, 220px);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  overflow: hidden;
  color: var(--night);
  background: var(--public-primary);
  border: 7px solid var(--white);
  border-radius: 8px;
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.36);
  font-family: var(--display);
  font-size: clamp(38px, 7vw, 76px);
  font-weight: var(--weight-display);
}

.public-crest img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.public-patota-copy {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 18px;
  padding: clamp(22px, 4vw, 42px);
  background:
    linear-gradient(160deg, color-mix(in srgb, var(--public-secondary) 20%, transparent), transparent 42%),
    rgba(16, 22, 36, 0.92);
}

.public-patota-copy h1 {
  margin: 0;
  overflow-wrap: anywhere;
  font-family: var(--display);
  font-size: clamp(40px, 7.6vw, 92px);
  line-height: 0.92;
}

.public-patota-copy p {
  margin: 0;
}

.public-patota-copy > p:not(.eyebrow) {
  max-width: 58ch;
  color: var(--text-secondary);
  font-size: clamp(17px, 2vw, 22px);
  font-weight: 650;
}

.public-patota-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.public-patota-chips span,
.public-status-note,
.public-form-status {
  color: var(--text-secondary);
}

.public-patota-chips span {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: var(--bdr-radius-control);
  background: var(--surface-ghost-hover);
  font-weight: 800;
}

.public-patota-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.public-patota-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.public-panel,
.public-join-section {
  min-width: 0;
  padding: clamp(18px, 3vw, 26px);
  background: var(--surface-panel-glass);
}

.public-about-panel {
  grid-column: 1 / -1;
}

.public-panel h2,
.public-join-section h2 {
  margin: 0;
  font-family: var(--heading);
  font-size: clamp(24px, 3vw, 38px);
  line-height: 1.05;
}

.public-score-list,
.public-player-strip,
.public-photo-grid,
.public-ranking-list,
.public-badge-list,
.public-next-match {
  display: grid;
  gap: 10px;
}

.public-score-card,
.public-player-pill,
.public-ranking-row,
.public-badge-card,
.public-next-match-card,
.public-empty-state {
  min-height: 64px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: var(--bdr-radius-control);
  background: var(--surface-ghost);
}

.public-score-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.public-ranking-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.public-ranking-row i {
  width: 34px;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  color: var(--night);
  background: var(--lime);
  border-radius: 50%;
  font-family: var(--heading);
  font-style: normal;
  font-weight: 900;
}

.public-ranking-row strong {
  display: block;
  overflow: hidden;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.public-ranking-row small,
.public-badge-card small {
  color: var(--text-secondary);
  font-weight: 750;
}

.public-ranking-row b {
  color: var(--lime);
  font-family: var(--heading);
  font-size: 18px;
  white-space: nowrap;
}

.public-ranking-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 8px;
}

.public-ranking-badges span,
.public-badge-card span {
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding: 4px 7px;
  color: var(--night);
  background: var(--paper);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.public-badge-list {
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
}

.public-badge-card {
  display: grid;
  align-content: space-between;
  gap: 8px;
}

.public-badge-card strong {
  color: var(--lime);
  font-family: var(--heading);
  font-size: 30px;
  line-height: 1;
}

.public-next-match-card {
  display: grid;
  gap: 10px;
}

.public-next-match-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.public-next-match-meta span {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  padding: 7px 9px;
  color: var(--white);
  background: var(--surface-ghost-hover);
  border: 1px solid var(--line);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
}

.public-score-card strong {
  font-family: var(--score);
  font-size: 38px;
  line-height: 0.9;
}

.public-player-strip {
  grid-template-columns: repeat(auto-fit, minmax(104px, 1fr));
}

.public-player-pill {
  display: grid;
  place-items: center;
  text-align: center;
  font-weight: 800;
}

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

.public-photo-grid img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 8px;
  background: var(--surface-ghost-hover);
}

.public-join-section {
  display: grid;
  grid-template-columns: minmax(0, 0.7fr) minmax(360px, 1fr);
  gap: clamp(18px, 4vw, 34px);
  align-items: start;
}

.public-join-section p {
  color: var(--text-secondary);
}

.public-join-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.public-join-form input[name="website"] {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.public-join-form label,
.public-page-settings-form label {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.public-join-form input,
.public-join-form textarea,
.public-page-settings-form textarea {
  width: 100%;
  min-height: 46px;
  padding: 11px 12px;
  color: var(--white);
  background: var(--surface-ghost-hover);
  border: 1px solid var(--line);
  border-radius: var(--bdr-radius-control);
  outline: none;
  resize: vertical;
}

.public-join-form input:focus,
.public-join-form textarea:focus,
.public-page-settings-form textarea:focus {
  border-color: var(--lime);
  box-shadow: 0 0 0 3px var(--accent-primary-panel);
}

.public-join-form-wide,
.public-page-form-wide {
  grid-column: 1 / -1;
}

.public-form-status[data-tone="success"] {
  color: var(--lime);
}

.public-form-status[data-tone="error"] {
  color: var(--danger);
}

.public-patota-footer {
  padding: 16px 0 0;
  color: var(--muted);
}

.public-patota-footer a,
.public-patota-footer button {
  min-height: 44px;
  color: var(--white);
  background: transparent;
  cursor: pointer;
  font-weight: 800;
}


/**/
#loginScreen .login-legal-links { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px 20px; }
#loginScreen .login-legal-links a { display:inline-flex; align-items:center; min-height:44px; margin:0; }

.app-shell {
  min-height: 100dvh;
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
}

.admin-only {
  display: none !important;
}

.admin-panel-only {
  display: none !important;
}

body.is-admin .nav-item.admin-only:not([hidden]) {
  display: inline-flex !important;
}

body.is-admin .stage-step.admin-only:not([hidden]) {
  display: grid !important;
}

body.is-admin .admin-panel-only:not([hidden]) {
  display: block !important;
}

body.is-admin .add-player.admin-panel-only:not([hidden]) {
  display: grid !important;
}

body.is-admin button.admin-panel-only:not([hidden]) {
  display: inline-flex !important;
}

body.is-admin .view-actions > .admin-panel-only:not([hidden]) {
  display: inline-flex !important;
}

.sidebar {
  position: sticky;
  top: 0;
  height: 100dvh;
  min-height: 0;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 22px;
  background:
    linear-gradient(180deg, var(--accent-success-panel), transparent 34%),
    var(--surface-overlay-strong);
  border-right: 1px solid var(--line);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

.sidebar::-webkit-scrollbar {
  width: 8px;
}

.sidebar::-webkit-scrollbar-track {
  background: transparent;
}

.sidebar::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.14);
  border-radius: 999px;
}

.brand {
  flex: 0 0 auto;
  min-height: 58px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.brand-logo {
  display: block;
  height: auto;
  object-fit: contain;
}

.brand-logo-full {
  width: min(198px, 100%);
}

.login-brand .brand-logo-full {
  width: min(224px, calc(100vw - 36px));
}

.brand-logo-symbol {
  display: none;
  width: 46px;
}

.nav-list {
  min-height: 0;
  display: grid;
  gap: 8px;
}

.nav-item,
.nav-more > summary,
.primary-button,
.ghost-button,
.light-button {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 8px;
  border: 1px solid transparent;
  cursor: pointer;
  font-weight: 700;
  line-height: 1;
  transition:
    transform 170ms ease,
    background 170ms ease,
    border-color 170ms ease,
    color 170ms ease,
    box-shadow 170ms ease;
}

.primary-button:disabled,
.ghost-button:disabled,
.light-button:disabled {
  cursor: wait;
  opacity: 0.62;
  transform: none;
}

.nav-item svg,
.nav-more svg,
.primary-button svg,
.ghost-button svg,
.light-button svg {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
}

.nav-item {
  justify-content: flex-start;
  color: var(--muted);
  background: transparent;
}

.nav-more {
  min-width: 0;
}

.nav-more > summary {
  justify-content: flex-start;
  color: var(--muted);
  background: transparent;
  list-style: none;
}

.nav-more > summary::-webkit-details-marker {
  display: none;
}

.nav-more-menu {
  display: none;
  gap: 6px;
  padding: 7px 0 0 12px;
}

.nav-more[open] .nav-more-menu {
  display: grid;
}

.nav-more-menu .nav-item {
  min-height: 42px;
  font-size: 13px;
}

.nav-more > summary:hover,
.nav-more[open] > summary,
body[data-view="caixa"] .nav-more > summary,
body[data-view="times"] .nav-more > summary,
body[data-view="temporada"] .nav-more > summary,
body[data-view="feed"] .nav-more > summary,
body[data-view="avisos"] .nav-more > summary,
.nav-item:hover,
.nav-item.is-active {
  color: var(--night);
  background: var(--lime);
  transform: translateX(2px);
}

.primary-button {
  color: var(--night);
  background: var(--lime);
  box-shadow: 0 12px 32px rgba(183, 255, 32, 0.2);
}

.primary-button:hover,
.light-button:hover,
.ghost-button:hover {
  transform: translateY(-2px);
}

.primary-button:active,
.light-button:active,
.ghost-button:active,
.nav-item:active {
  transform: translateY(0) scale(0.98);
}

.ghost-button {
  color: var(--white);
  background: var(--surface-ghost);
  border-color: var(--line);
}

.light-button {
  color: var(--night);
  background: var(--white);
}

.compact {
  min-height: 44px;
  padding: 10px 12px;
  font-size: 14px;
}

.season-card {
  flex: 0 0 auto;
  margin-top: auto;
  padding: 18px;
  border-radius: 8px;
  background: var(--panel);
  border: 1px solid var(--line);
}

.season-card span,
.season-card small,
.metric-tile span,
.metric-tile small,
.amount-chip span,
.team-column > span,
.share-card-top span,
.ticket-top span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.season-card strong {
  display: block;
  margin: 4px 0 12px;
  font-family: var(--heading);
  font-size: 26px;
  line-height: 1;
}

.season-meter,
.metric-track {
  height: 8px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 999px;
}

.season-meter span,
.metric-track i {
  display: block;
  height: 100%;
  width: 0;
  background: var(--lime);
  border-radius: inherit;
  transition: width 260ms ease;
}

.workspace {
  min-width: 0;
  overflow-x: clip;
  padding: 22px;
}

@media (min-width: 1800px) {
  .workspace {
    max-width: 1480px;
    width: 100%;
    justify-self: center;
  }
}

.topbar,
.view-header,
.surface-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.view-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.topbar {
  margin-bottom: 22px;
}

.stage-rail {
  max-width: 100%;

  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 10px;
  margin: -6px 0 22px;
}

.stage-step {
  min-height: 74px;
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px 12px;
  align-content: center;
  padding: 13px;
  color: var(--white);
  text-align: left;
  background: var(--surface-panel-soft);
  border: 1px solid var(--line);
  border-radius: 8px;
  cursor: pointer;
  transition: transform 170ms ease, border-color 170ms ease, background 170ms ease;
}

.stage-step::after {
  content: "";
  position: absolute;
  left: 13px;
  right: 13px;
  bottom: 10px;
  height: 3px;
  background: var(--border-subtle);
  border-radius: 999px;
}

.stage-step.is-active {
  color: var(--night);
  background: var(--lime);
  border-color: var(--lime);
  transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(183, 255, 32, 0.2);
}

.stage-step.is-active::after {
  background: rgba(5, 7, 13, 0.34);
}

.stage-step span {
  grid-row: span 2;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  color: var(--night);
  background: var(--white);
  border-radius: 50%;
  font-family: var(--heading);
  font-size: 12px;
}

.stage-step small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.stage-step strong {
  min-width: 0;
  overflow-wrap: anywhere;
  font-family: var(--heading);
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
}

.stage-step small {
  color: var(--muted);
  font-weight: 700;
  text-transform: uppercase;
}

.stage-step.is-active small {
  color: var(--text-on-accent-muted);
}

.topbar h1,
.view-header h2,
.hero-copy h2 {
  margin: 0;
  font-family: var(--heading);
  font-weight: 900;
  line-height: 0.98;
  letter-spacing: 0;
  text-transform: uppercase;
}

.topbar h1 {
  font-size: 42px;
}

.topbar-actions,
.hero-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.patota-switcher {
  min-height: 46px;
  display: inline-grid;
  grid-template-columns: auto minmax(150px, 220px);
  align-items: center;
  gap: 8px;
  padding: 6px 8px 6px 12px;
  color: var(--white);
  background: var(--surface-ghost);
  border: 1px solid var(--line);
  border-radius: 999px;
}

.patota-switcher[hidden] {
  display: none;
}

.patota-switcher span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.patota-switcher select {
  min-height: 34px;
  min-width: 0;
  width: 100%;
  padding: 0 28px 0 10px;
  color: var(--white);
  background: var(--surface-overlay);
  border: 1px solid var(--border-subtle);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  outline: none;
}

.patota-switcher select:focus {
  border-color: var(--lime);
  box-shadow: 0 0 0 3px var(--accent-primary-panel);
}

.session-pill {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  padding: 10px 14px;
  color: var(--lime);
  background: var(--accent-primary-soft);
  border: 1px solid var(--accent-primary-border);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.sync-pill {
  color: var(--white);
  background: var(--surface-ghost);
  border-color: var(--line);
}

.sync-pill[data-sync-status="online"] {
  color: var(--night);
  background: var(--green);
  border-color: var(--green);
}

.guest-upgrade-button[hidden] {
  display: none;
}

.guest-upgrade-button {
  border-color: rgba(183, 255, 32, 0.38);
  color: var(--lime);
}

.sync-pill[data-sync-status="syncing"] {
  color: var(--night);
  background: var(--lime);
  border-color: var(--lime);
}

.sync-pill[data-sync-status="error"] {
  color: var(--white);
  background: var(--accent-danger-panel);
  border-color: var(--accent-danger-border-soft);
}

.eyebrow {
  margin: 0 0 7px;
  color: var(--lime);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.view {
  display: none;
}

.view.is-active {
  display: block;
  animation: viewIn 300ms ease both;
}

@keyframes viewIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


/**/
body.organization-ui.matchday-ui.street-ui #appShell .nav-more-secondary {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}

body.organization-ui.matchday-ui.street-ui #appShell .nav-more-secondary + .nav-more-secondary {
  margin-top: 4px;
  padding-top: 4px;
  border-top: 1px solid var(--line);
}

body.organization-ui.matchday-ui.street-ui #appShell .nav-more-secondary > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 48px;
  padding: 12px;
  color: #d7e2d2;
  font: 650 14px/1.4 var(--body);
  border-radius: 8px;
  cursor: pointer;
  list-style: none;
}

body.organization-ui.matchday-ui.street-ui #appShell .nav-more-secondary > summary::-webkit-details-marker {
  display: none;
}

body.organization-ui.matchday-ui.street-ui #appShell .nav-more-secondary > summary::after {
  content: none;
}

body.organization-ui.matchday-ui.street-ui #appShell .nav-more-label {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

body.organization-ui.matchday-ui.street-ui #appShell .nav-more-secondary > summary svg {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
}

body.organization-ui.matchday-ui.street-ui #appShell .nav-more-chevron {
  transition: transform 160ms ease-out;
}

body.organization-ui.matchday-ui.street-ui #appShell .nav-more-secondary[open] > summary .nav-more-chevron {
  transform: rotate(180deg);
}

body.organization-ui.matchday-ui.street-ui #appShell .nav-more-secondary:has(.nav-item.is-active) > summary {
  color: var(--lime);
}

body.organization-ui.matchday-ui.street-ui #appShell .nav-more-secondary > summary:focus-visible {
  outline: 2px solid #b7ff20;
  outline-offset: -2px;
}

@media (hover: hover) and (pointer: fine) {
  body.organization-ui.matchday-ui.street-ui #appShell .nav-more-secondary > summary:hover {
    color: var(--white);
    background: var(--surface-ghost);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.organization-ui.matchday-ui.street-ui #appShell .nav-more-chevron {
    transition: none;
  }
}

body.organization-ui.matchday-ui.street-ui #appShell .nav-more-secondary > summary:focus-visible .nav-more-chevron {
  transition: none;
}

.hero-panel {
  min-height: 430px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 28px;
  align-items: end;
  overflow: hidden;
  padding: 34px;
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(5, 7, 13, 0.98), var(--surface-overlay) 48%, rgba(5, 7, 13, 0.08)),
    linear-gradient(135deg, var(--accent-primary-border) 0 18%, transparent 18% 100%),
    url("assets/hero-nitro-inspired.webp") center right / cover no-repeat;
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
}

.hero-copy {
  max-width: 700px;
}

.hero-copy h2 {
  max-width: 700px;
  font-size: 64px;
}

.hero-copy p:not(.eyebrow) {
  max-width: 540px;
  color: var(--text-secondary);
  font-size: 20px;
  font-weight: 600;
}

.round-details {
  margin-top: 12px;
  color: var(--text-secondary);
}

.round-details > summary {
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
  color: var(--text-secondary);
  background: var(--surface-panel-soft);
  border: 1px solid var(--line);
  border-radius: 8px;
  cursor: pointer;
  list-style: none;
}

.section-details {
  min-width: 0;
  color: var(--text-secondary);
}

.section-details > summary {
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  color: var(--text-secondary);
  background: var(--surface-panel-soft);
  border: 1px solid var(--line);
  border-radius: 8px;
  cursor: pointer;
  list-style: none;
}

.section-details > summary::-webkit-details-marker {
  display: none;
}

.section-details > summary span:not(.status-pill) {
  color: var(--lime);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.section-details > summary strong {
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--white);
  font-size: 14px;
  line-height: 1.2;
}

.section-details > summary::after {
  content: "+";
  width: 28px;
  height: 28px;
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  color: var(--night);
  background: var(--lime);
  border-radius: 50%;
  font-weight: 900;
}

.section-details[open] > summary::after {
  content: "-";
}

.section-details-actions {
  display: flex;
  justify-content: flex-end;
  padding: 12px 0 0;
}

.section-details > .season-badge-grid,
.feed-badge-details > .badge-board {
  margin-top: 12px;
}

.season-details {
  margin-top: 18px;
}

.finance-ledger-surface.section-details {
  padding: 16px;
}

.round-details > summary::-webkit-details-marker {
  display: none;
}

.round-details > summary span,
.my-round-disclosure > summary span {
  color: var(--lime);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.round-details > summary strong,
.my-round-disclosure > summary strong {
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--white);
  font-size: 14px;
  line-height: 1.2;
}

.round-details > summary::after,
.my-round-disclosure > summary::after {
  content: "+";
  width: 28px;
  height: 28px;
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  color: var(--night);
  background: var(--lime);
  border-radius: 50%;
  font-weight: 900;
}

.round-details[open] > summary::after,
.my-round-disclosure[open] > summary::after {
  content: "-";
}

.round-details-body {
  display: grid;
  gap: 18px;
  padding-top: 12px;
}

.match-ticket,
.tool-surface,
.metric-tile,
.finance-summary,
.team-column,
.versus-card,
.share-card,
.sticker-card {
  border-radius: 8px;
  border: 1px solid var(--line);
}

.match-ticket {
  padding: 22px;
  background: var(--surface-overlay);
  backdrop-filter: blur(12px);
}

.ticket-top {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.ticket-top strong {
  color: var(--orange);
}

.ticket-score {
  display: grid;
  margin: 24px 0;
}

.ticket-score strong {
  font-family: var(--score);
  font-weight: var(--weight-display);
  font-size: 104px;
  line-height: 0.86;
}

.ticket-score span {
  color: var(--lime);
  font-weight: 700;
  text-transform: uppercase;
}

.my-round-panel {
  min-height: 118px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  margin: 0 0 18px;
  padding: 18px;
  background:
    linear-gradient(135deg, var(--accent-primary-panel), transparent 34%),
    var(--surface-panel-glass);
  border: 1px solid var(--accent-primary-border);
  border-radius: 8px;
}

.my-round-copy {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.my-round-panel > .my-round-live-grid,
.my-round-panel > .my-round-guide,
.my-round-panel > .my-round-matchday,
.my-round-panel > .my-round-insights,
.my-round-panel > .my-round-secondary,
.my-round-panel > .my-round-disclosure {
  grid-column: 1 / -1;
}

.my-round-matchday {
  min-width: 0;
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) minmax(280px, 0.78fr);
  gap: 12px;
  align-items: center;
  padding: 12px;
  color: var(--text-secondary);
  background:
    linear-gradient(135deg, var(--accent-action-panel), transparent 42%),
    var(--surface-ghost);
  border: 1px solid var(--border-subtle);
  border-radius: 8px;
}

.my-round-crest {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  color: var(--night);
  background: var(--lime);
  border-radius: 50%;
  font-family: var(--score);
  font-size: 24px;
  font-weight: var(--weight-display);
}

.my-round-matchday > div:not(.my-round-crest) {
  min-width: 0;
}

.my-round-matchday span {
  display: block;
  color: var(--orange);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.my-round-matchday strong {
  display: block;
  min-width: 0;
  overflow: hidden;
  color: var(--white);
  font-family: var(--heading);
  font-size: 21px;
  line-height: 1.08;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.my-round-matchday small {
  display: block;
  min-width: 0;
  overflow: hidden;
  margin-top: 4px;
  color: var(--text-tertiary);
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.my-round-matchday dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.my-round-matchday dl div {
  min-width: 0;
  padding: 8px;
  background: rgba(5, 7, 13, 0.32);
  border: 1px solid var(--surface-ghost-hover);
  border-radius: 8px;
}

.my-round-matchday dt,
.my-round-matchday dd {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.my-round-matchday dt {
  color: var(--muted);
  font-size: 10px;
  font-weight: 850;
}

.my-round-matchday dd {
  margin: 3px 0 0;
  color: var(--white);
  font-size: 12px;
  font-weight: 800;
}

.my-round-copy h3 {
  margin: 0;
  font-family: var(--heading);
  font-size: 30px;
  line-height: 1.08;
  text-transform: none;
}

.my-round-copy p {
  max-width: 720px;
  margin: 0;
  color: var(--text-secondary);
  font-weight: 500;
}

.my-round-next {
  min-width: 0;
  display: grid;
  gap: 3px;
  max-width: 720px;
  padding: 10px 12px;
  color: var(--night);
  background: rgba(183, 255, 32, 0.92);
  border-radius: 8px;
}

.my-round-next span {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.my-round-next strong {
  min-width: 0;
  overflow-wrap: anywhere;
  font-size: 14px;
  line-height: 1.2;
}

.my-round-feedback {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  max-width: 720px;
  padding: 9px 11px;
  color: var(--text-secondary);
  background: var(--surface-ghost);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.my-round-feedback span {
  color: var(--lime);
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.my-round-feedback strong {
  min-width: 0;
  overflow-wrap: anywhere;
  font-size: 13px;
  line-height: 1.2;
}

.my-round-feedback[data-tone="error"] {
  border-color: var(--accent-danger-border);
  background: var(--accent-danger-soft);
}

.my-round-feedback[data-tone="error"] span {
  color: var(--danger);
}

.my-round-feedback[data-tone="success"] {
  border-color: var(--accent-success-border);
  background: var(--accent-success-panel);
}

.my-round-feedback[data-tone="success"] span {
  color: var(--green);
}

.my-round-feedback[data-tone="syncing"] span {
  color: var(--blue);
}

.my-round-guide {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  max-width: 820px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.my-round-guide li {
  min-width: 0;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  padding: 10px;
  color: var(--text-secondary);
  background: var(--surface-ghost);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.my-round-guide li > span {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  color: var(--night);
  background: var(--surface-ghost-selected);
  border-radius: 50%;
  font-family: var(--score);
  font-size: 17px;
  font-weight: var(--weight-display);
  line-height: 1;
}

.stage-step span svg {
  width: 15px;
  height: 15px;
}

.my-round-guide strong,
.my-round-guide small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
  text-transform: none;
}

.my-round-guide strong {
  color: var(--white);
  font-size: 12px;
  line-height: 1.1;
}

.my-round-guide small {
  margin-top: 3px;
  color: var(--text-tertiary);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.25;
}

.my-round-guide li[data-guide-state="active"] {
  border-color: var(--border-accent);
  background: var(--accent-primary-soft);
}

.my-round-guide li[data-guide-state="active"] > span,
.my-round-guide li[data-guide-state="done"] > span {
  background: var(--lime);
}

.my-round-guide li[data-guide-state="done"] {
  border-color: var(--accent-success-border);
}

.my-round-guide li[data-guide-state="done"] > span::after {
  content: "✓";
  font-family: var(--body);
  font-size: 13px;
  font-weight: 900;
}

.my-round-guide li[data-guide-state="done"] > span {
  font-size: 0;
}

.my-round-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 2px;
}

.my-round-summary span {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 7px 9px;
  color: var(--text-secondary);
  background: var(--surface-ghost-hover);
  border: 1px solid var(--line);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 650;
  line-height: 1;
}

.my-round-summary b {
  color: var(--lime);
  font-family: var(--score);
  font-size: 16px;
  font-weight: var(--weight-display);
  line-height: 1;
}

.my-round-secondary {
  display: grid;
  gap: 8px;
  max-width: 820px;
}

.my-round-live-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  max-width: 820px;
}

.my-round-insights {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  max-width: 980px;
}

.my-round-insights button {
  min-width: 0;
  min-height: 96px;
  display: grid;
  align-content: start;
  gap: 5px;
  padding: 12px;
  text-align: left;
  color: var(--text-secondary);
  background: var(--surface-ghost);
  border: 1px solid var(--line);
  border-radius: 8px;
  cursor: pointer;
}

.my-round-insights span,
.my-round-insights strong,
.my-round-insights small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.my-round-insights span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.my-round-insights strong {
  color: var(--white);
  font-size: 16px;
  line-height: 1.12;
}

.my-round-insights small {
  color: var(--text-tertiary);
  font-size: 11px;
  font-weight: 650;
  line-height: 1.25;
}

.my-round-insights button[data-tone="lime"] {
  border-color: var(--border-accent);
  background: var(--accent-primary-soft);
}

.my-round-insights button[data-tone="orange"] {
  border-color: var(--accent-action-border);
  background: var(--accent-action-soft);
}

.my-round-insights button[data-tone="green"] {
  border-color: var(--accent-success-border);
  background: var(--accent-success-soft);
}

.my-round-insights button[data-tone="blue"] {
  border-color: rgba(79, 168, 255, 0.42);
  background: var(--accent-info-soft);
}

.round-ops-panel {
  display: grid;
  gap: 10px;
  padding: 12px;
  color: var(--text-secondary);
  background:
    linear-gradient(135deg, var(--accent-primary-panel), transparent 34%),
    linear-gradient(225deg, var(--accent-action-soft), transparent 38%),
    rgba(5, 7, 13, 0.36);
  border: 1px solid var(--border-subtle);
  border-radius: 8px;
}

.round-ops-heading {
  display: grid;
  gap: 4px;
}

.round-ops-heading span,
.round-duty-list > div span,
.round-duty-list article span,
.round-ops-grid button span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.round-ops-heading strong,
.round-duty-list > div strong {
  color: var(--white);
  font-family: var(--heading);
  font-size: 17px;
  line-height: 1.08;
}

.round-ops-heading small {
  color: var(--text-tertiary);
  font-size: 12px;
  font-weight: 650;
}

.round-ops-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.round-ops-grid button,
.round-duty-list article {
  min-width: 0;
  display: grid;
  gap: 5px;
  padding: 11px;
  text-align: left;
  color: var(--text-secondary);
  background: var(--surface-ghost);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.round-ops-grid button {
  min-height: 104px;
  cursor: pointer;
}

.round-ops-grid button strong,
.round-duty-list article strong {
  min-width: 0;
  overflow: hidden;
  color: var(--white);
  font-size: 14px;
  line-height: 1.14;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.round-ops-grid button small,
.round-duty-list article small {
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--text-tertiary);
  font-size: 11px;
  font-weight: 650;
  line-height: 1.25;
}

.round-ops-grid button[data-tone="lime"],
.round-ops-grid button[data-tone="green"] {
  border-color: var(--border-accent);
  background: var(--accent-primary-soft);
}

.round-ops-grid button[data-tone="orange"] {
  border-color: var(--accent-action-border);
  background: var(--accent-action-soft);
}

.round-ops-grid button[data-tone="blue"] {
  border-color: var(--accent-info-border);
  background: var(--accent-info-soft);
}

.round-ops-grid button[data-tone="idle"] {
  opacity: 0.78;
}

.round-duty-list {
  display: grid;
  grid-template-columns: minmax(150px, 0.78fr) repeat(4, minmax(0, 1fr));
  gap: 8px;
  align-items: stretch;
}

.round-duty-list > div {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 11px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px dashed var(--surface-ghost-strong);
  border-radius: 8px;
}

.round-social-event-card {
  min-width: 0;
  display: grid;
  gap: 10px;
  padding: 14px;
  color: var(--text-secondary);
  background:
    linear-gradient(135deg, rgba(183, 255, 32, 0.12), rgba(255, 138, 0, 0.08)),
    var(--surface-ghost);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.round-social-event-card[data-enabled="true"] {
  border-color: rgba(183, 255, 32, 0.28);
}

.round-social-event-card > div:first-child {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.round-social-event-card span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.round-social-event-card strong {
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--white);
  font-family: var(--heading);
  font-size: 24px;
  line-height: 0.98;
  text-transform: uppercase;
}

.round-social-event-card p {
  margin: 0;
  color: var(--text-tertiary);
  font-weight: 750;
  line-height: 1.35;
}

.round-social-event-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.round-social-event-meta span {
  padding: 6px 8px;
  background: var(--surface-ghost-hover);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.round-social-event-card.is-compact {
  padding: 12px;
}

.round-social-event-card.is-compact strong {
  font-size: 19px;
}

.my-round-disclosure {
  max-width: 980px;
  color: var(--text-secondary);
}

.my-round-disclosure > summary {
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
  background: var(--surface-ghost);
  border: 1px solid var(--line);
  border-radius: 8px;
  cursor: pointer;
  list-style: none;
}

.my-round-disclosure > summary::-webkit-details-marker {
  display: none;
}

.my-round-disclosure-body {
  display: grid;
  gap: 10px;
  padding-top: 10px;
}

.my-round-secondary-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.my-round-secondary-actions button {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 9px 11px;
  color: var(--text-secondary);
  background: var(--surface-ghost-hover);
  border: 1px solid var(--line);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 750;
}

.my-round-secondary-actions button.blue-action {
  border-color: var(--accent-info-border);
  background: var(--accent-info-panel);
}

.admin-mode-disclosure summary {
  border-color: var(--accent-action-border);
  background: var(--accent-action-soft);
}

.admin-mode-disclosure summary span {
  color: var(--orange);
}

.my-round-live-card {
  min-width: 0;
  display: grid;
  gap: 8px;
  padding: 10px;
  color: var(--text-secondary);
  background: var(--surface-ghost);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.my-round-live-card > div {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}

.my-round-live-card > div span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.my-round-live-card > div strong {
  color: var(--lime);
  font-size: 12px;
}

.my-round-live-card ol {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.my-round-live-card li {
  min-width: 0;
  min-height: 34px;
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 7px;
  align-items: center;
}

.my-round-live-card li > span {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  color: var(--night);
  background: var(--lime);
  border-radius: 50%;
  font-size: 10px;
  font-weight: 900;
}

.my-round-live-card li.is-current > span {
  background: var(--orange);
}

.my-round-live-card li.is-empty {
  grid-template-columns: 1fr;
}

.my-round-live-card li.is-empty strong {
  color: var(--white);
}

.my-round-live-card strong,
.my-round-live-card small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.my-round-live-card strong {
  color: var(--white);
  font-size: 12px;
  line-height: 1.15;
}

.my-round-live-card small {
  color: var(--text-tertiary);
  font-size: 11px;
  font-weight: 700;
}

.my-round-status-note {
  max-width: 720px;
  display: grid;
  gap: 3px;
  padding: 10px 12px;
  color: var(--text-secondary);
  background: var(--surface-ghost);
  border: 1px solid var(--border-subtle);
  border-radius: 8px;
}

.my-round-status-note span {
  color: var(--orange);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.my-round-status-note strong {
  min-width: 0;
  overflow-wrap: anywhere;
  font-size: 13px;
  line-height: 1.25;
}

.admin-day-panel {
  grid-column: 1 / -1;
  max-width: 980px;
  display: grid;
  gap: 10px;
  padding: 12px;
  color: var(--text-secondary);
  background: rgba(5, 7, 13, 0.38);
  border: 1px solid var(--border-subtle);
  border-radius: 8px;
}

.admin-day-heading,
.admin-day-task,
.admin-day-task > div {
  min-width: 0;
}

.admin-day-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.admin-day-heading span,
.admin-day-task span {
  display: block;
  color: var(--lime);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.admin-day-heading strong {
  display: block;
  margin-top: 2px;
  color: var(--white);
  font-size: 15px;
  line-height: 1.12;
}

.admin-day-heading button,
.admin-day-task button {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 8px 10px;
  color: var(--night);
  background: var(--surface-ghost-selected);
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
}

.admin-day-heading svg {
  width: 15px;
  height: 15px;
}

.admin-day-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(128px, 1fr));
  gap: 8px;
}

.admin-day-task {
  display: grid;
  grid-template-rows: minmax(74px, auto) auto;
  gap: 8px;
  padding: 10px;
  background: var(--surface-ghost);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.admin-day-task[data-state="active"] {
  border-color: var(--accent-action-border);
  background: var(--accent-action-panel);
}

.admin-day-task[data-state="done"] {
  border-color: var(--accent-success-border);
  background: var(--accent-success-soft);
}

.admin-day-task[data-state="watch"] {
  border-color: var(--accent-info-border);
  background: var(--accent-info-soft);
}

.admin-day-task strong,
.admin-day-task small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.admin-day-task strong {
  margin-top: 4px;
  color: var(--white);
  font-size: 13px;
  line-height: 1.12;
}

.admin-day-task small {
  margin-top: 4px;
  color: var(--text-tertiary);
  font-size: 11px;
  font-weight: 650;
  line-height: 1.22;
}

.admin-day-task button {
  width: 100%;
  min-height: 44px;
}

.admin-round-status-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  gap: 8px;
}

.admin-round-status-actions[hidden],
.admin-round-status-actions button[hidden] {
  display: none;
}

.my-round-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.my-round-actions button {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 12px;
  color: var(--white);
  background: var(--surface-ghost-hover);
  border: 1px solid var(--line);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 700;
}

.my-round-actions button.primary-action {
  color: var(--night);
  background: var(--lime);
  border-color: var(--lime);
}

.my-round-actions button.orange-action {
  color: var(--night);
  background: var(--orange);
  border-color: var(--orange);
}

.my-round-actions button.blue-action {
  color: var(--night);
  background: var(--blue);
  border-color: var(--blue);
}

.my-round-actions svg {
  width: 17px;
  height: 17px;
}

.match-ticket dl,
.finance-summary dl {
  display: grid;
  gap: 10px;
  margin: 0;
}

.match-ticket dl div,
.finance-summary dl div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 10px;
  border-top: 1px solid var(--line);
}

dt {
  color: var(--muted);
}

dd {
  margin: 0;
  font-weight: 700;
}

.metric-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin: 18px 0;
}

.metric-tile {
  min-height: 142px;
  display: grid;
  align-content: space-between;
  padding: 18px;
  background: var(--panel);
}

.metric-tile strong {
  font-family: var(--score);
  font-weight: var(--weight-display);
  font-size: 40px;
  line-height: 1;
}

.metric-track.orange i {
  background: var(--orange);
}

.mini-stack {
  display: flex;
  min-height: 26px;
}

.mini-stack span {
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: -6px;
  color: var(--night);
  background: var(--lime);
  border: 2px solid var(--panel);
  border-radius: 50%;
  font-size: 10px;
  font-weight: 700;
}

.split-work,
.finance-layout,
.recap-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
  gap: 18px;
}

.finance-layout {
  align-items: start;
}

.player-finance-card {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  grid-column: 1 / -1;
  padding: 18px;
  color: var(--text-secondary);
  background:
    linear-gradient(135deg, var(--accent-primary-panel), var(--accent-action-soft)),
    var(--surface-panel-glass);
  border: 1px solid var(--accent-primary-border);
  border-radius: 8px;
}

/**/
.player-finance-card span,
.profile-summary-hero span:not(.profile-summary-avatar),
.profile-summary-grid span,
.privacy-list strong {
  display: block;
  color: var(--lime);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.player-finance-card strong {
  display: block;
  margin-top: 3px;
  color: var(--white);
  font-family: var(--heading);
  font-size: 26px;
  line-height: 1.05;
}

.player-finance-card p {
  margin: 6px 0 0;
  color: var(--text-secondary);
  font-weight: 650;
}

.tool-surface {
  min-width: 0;
  padding: 20px;
  background: var(--surface-panel-glass);
}

.settings-surface {
  padding: 0;
}

.settings-surface > summary {
  margin: 0;
  padding: 20px;
  list-style: none;
  cursor: pointer;
}

.settings-surface > summary::-webkit-details-marker {
  display: none;
}

.settings-surface .round-settings-form {
  padding: 0 20px 20px;
}

.public-page-settings-surface {
  grid-column: 1 / -1;
}

.public-page-settings-form textarea,
.rule-grid textarea {
  min-height: 96px;
}

.public-page-link-box {
  grid-template-columns: minmax(0, 1fr) auto auto auto;
  margin-bottom: 4px;
}

.public-page-toggle {
  min-height: 58px;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: start;
  column-gap: 10px;
  row-gap: 0;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-ghost);
}

.rule-grid .public-page-toggle input {
  inline-size: 22px;
  block-size: 22px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  aspect-ratio: 1;
  align-self: start;
  justify-self: start;
  margin: 2px 0 0;
  padding: 0;
  accent-color: var(--lime);
}

.public-page-toggle span {
  display: block;
  align-self: start;
  padding-top: 1px;
  color: var(--white);
  font-weight: 800;
  line-height: 1.25;
}

.public-page-toggle-locked {
  opacity: 0.72;
}

.public-page-color-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.public-page-color-row input[type="color"] {
  min-height: 48px;
  padding: 4px;
  cursor: pointer;
}

.public-page-identity-preview {
  --public-primary: var(--lime);
  --public-secondary: #ff7a18;
  --public-accent: #50d5ff;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(190px, 0.34fr);
  gap: 12px;
  min-width: 0;
}

.public-page-preview-card,
.public-page-qr-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-ghost);
}

.public-page-preview-card {
  display: grid;
  grid-template-columns: minmax(160px, 0.46fr) minmax(0, 1fr);
}

.public-page-preview-cover {
  min-height: 196px;
  display: grid;
  place-items: center;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px) 0 0 / 46px 46px,
    radial-gradient(circle at 50% 50%, var(--public-accent), transparent 36%),
    linear-gradient(145deg, var(--public-primary), rgba(16, 22, 36, 0.94));
  background-size: auto, auto, auto;
}

.public-page-preview-cover.has-image {
  background-position: center;
  background-size: cover;
}

.public-page-preview-crest {
  width: 92px;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  overflow: hidden;
  color: var(--night);
  background: var(--public-primary);
  border: 4px solid var(--white);
  border-radius: 8px;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34);
  font-family: var(--display);
  font-size: 32px;
  font-weight: var(--weight-display);
}

.public-page-preview-crest img,
.public-page-qr-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.public-page-preview-copy {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 8px;
  padding: 18px;
  background:
    linear-gradient(160deg, rgba(255, 255, 255, 0.05), transparent 50%),
    rgba(16, 22, 36, 0.9);
}

.public-page-preview-copy span,
.public-page-preview-copy small,
.public-page-qr-card small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.public-page-preview-copy span {
  color: var(--public-primary);
  text-transform: uppercase;
}

.public-page-preview-copy strong {
  overflow-wrap: anywhere;
  font-family: var(--heading);
  font-size: clamp(24px, 4vw, 40px);
  line-height: 0.98;
  text-transform: uppercase;
}

.public-page-preview-copy p,
.public-page-preview-copy small,
.public-page-qr-card small {
  margin: 0;
  overflow-wrap: anywhere;
}

.public-page-preview-swatches {
  display: flex;
  gap: 8px;
  margin-top: 4px;
}

.public-page-preview-swatches i {
  width: 28px;
  height: 10px;
  border-radius: 99px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22);
}

.public-page-qr-card {
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 10px;
  padding: 14px;
  text-align: center;
}

.public-page-qr-card img,
.public-page-qr-card > span {
  width: 118px;
  height: 118px;
  display: grid;
  place-items: center;
  padding: 6px;
  color: var(--night);
  background: var(--white);
  border-radius: 8px;
  font-weight: 900;
}

.public-page-qr-card strong {
  display: block;
  margin-bottom: 4px;
}

#publicPageAdminNote {
  color: var(--muted);
  font-weight: 800;
}

.surface-heading {
  margin-bottom: 18px;
}

.surface-heading h3,
.view-header h2,
.team-column h3 {
  margin: 0;
  font-family: var(--heading);
  text-transform: uppercase;
  line-height: 1;
}

.surface-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.view-header {
  margin-bottom: 18px;
}

.view-header h2 {
  font-size: 42px;
}


.profile-layout {
  display: grid;
  grid-template-columns: minmax(320px, 0.82fr) minmax(0, 1.18fr);
  gap: 18px;
}

/**/
@media (min-width: 761px) and (max-width: 1100px) {
  .profile-layout { grid-template-columns: minmax(0, 1fr); }
}

.profile-card-surface,
.profile-edit-surface,
.profile-privacy-surface {
  min-width: 0;
}

.profile-card-surface {
  display: grid;
  gap: 14px;
  align-content: start;
  padding: 20px;
  color: var(--text-secondary);
  background:
    linear-gradient(140deg, var(--accent-primary-panel), transparent 42%),
    var(--surface-panel-glass);
  border: 1px solid var(--accent-primary-border);
  border-radius: 8px;
}

.profile-summary-hero,
.profile-summary-empty {
  min-width: 0;
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
}

.profile-summary-avatar,
.profile-summary-empty > span,
.profile-photo-preview,
.sticker-avatar {
  overflow: hidden;
}

.profile-summary-avatar,
.profile-summary-empty > span {
  width: 74px;
  height: 74px;
  display: grid;
  place-items: center;
  color: var(--night);
  background: var(--lime);
  border-radius: 50%;
  font-family: var(--score);
  font-size: 28px;
  font-weight: var(--weight-display);
}

.profile-summary-avatar img,
.profile-photo-preview img,
.sticker-avatar img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.profile-summary-hero strong,
.profile-summary-empty strong {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--white);
  font-family: var(--heading);
  font-size: 28px;
  line-height: 1.05;
}

.profile-summary-hero p,
.profile-summary-empty p,
.profile-summary-bio {
  margin: 5px 0 0;
  color: var(--text-secondary);
  font-weight: 650;
}

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

.profile-summary-grid article {
  min-width: 0;
  padding: 12px;
  background: var(--surface-ghost);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.profile-summary-grid strong {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
  margin-top: 4px;
  color: var(--white);
  font-size: 15px;
  line-height: 1.15;
}

.profile-summary-grid article[data-tone="orange"] {
  border-color: var(--accent-action-border);
  background: var(--accent-action-soft);
}

.profile-summary-grid article[data-tone="green"] {
  border-color: var(--accent-success-border);
  background: var(--accent-success-soft);
}

.profile-summary-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.profile-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.profile-form label,
.profile-privacy-toggle {
  display: grid;
  gap: 6px;
}

.profile-form label > span,
.profile-privacy-toggle span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.profile-form input,
.profile-form select,
.profile-form textarea {
  width: 100%;
  min-height: 46px;
  padding: 11px 12px;
  color: var(--white);
  background: rgba(5, 7, 13, 0.48);
  border: 1px solid var(--line);
  border-radius: 8px;
  font: inherit;
}

.profile-form textarea {
  resize: vertical;
}

.profile-form-wide,
.profile-photo-control {
  grid-column: 1 / -1;
}

.profile-photo-control {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background: var(--surface-ghost);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.profile-photo-control > div:last-child {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.profile-photo-preview {
  width: 70px;
  height: 70px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  color: var(--night);
  background: var(--lime);
  border-radius: 50%;
  font-family: var(--score);
  font-size: 26px;
  font-weight: var(--weight-display);
}

.profile-privacy-toggle {
  min-height: 52px;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: start;
  column-gap: 10px;
  row-gap: 0;
  padding: 10px 12px;
  background: var(--surface-ghost);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.profile-privacy-toggle input {
  inline-size: 22px;
  block-size: 22px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  aspect-ratio: 1;
  align-self: start;
  justify-self: start;
  margin: 2px 0 0;
  accent-color: var(--lime);
}

.profile-privacy-toggle span {
  display: block;
  align-self: start;
  padding-top: 1px;
  line-height: 1.25;
}

.privacy-list {
  display: grid;
  gap: 10px;
}

.privacy-list article {
  min-width: 0;
  padding: 12px;
  background: var(--surface-ghost);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.privacy-list span {
  display: block;
  margin-top: 4px;
  color: var(--text-secondary);
  font-weight: 650;
}


.status-pill {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  padding: 7px 10px;
  color: var(--night);
  background: var(--lime);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.status-pill[data-state="urgent"] {
  color: var(--night);
  background: var(--blue);
}

.roster-list,
.bench-list,
.payment-list,
.monthly-fee-grid,
.team-list {
  display: grid;
  gap: 10px;
}

.roster-row,
.bench-row,
.payment-row,
.monthly-fee-row,
.team-player {
  min-height: 58px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border-radius: var(--bdr-radius-control);
  background: var(--surface-ghost);
}

.roster-row strong,
.bench-row strong,
.payment-row strong,
.monthly-fee-row strong,
.team-player strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.roster-row small,
.bench-row small,
.payment-row small,
.monthly-fee-row small,
.team-player small {
  color: var(--muted);
  font-weight: 700;
}

.roster-row button,
.bench-row button,
.payment-row button,
.monthly-fee-row button,
.card-actions button {
  min-height: 44px;
  padding: 8px 10px;
  color: var(--white);
  background: var(--surface-ghost-hover);
  border: 1px solid var(--line);
  border-radius: var(--bdr-radius-control);
  cursor: pointer;
  font-size: 13px;
  font-weight: 700;
}

.roster-row button:hover,
.bench-row button:hover,
.payment-row button:hover,
.monthly-fee-row button:hover,
.card-actions button:hover {
  color: var(--night);
  background: var(--lime);
}

.monthly-fee-surface {
  border-color: rgba(16, 139, 255, 0.24);
}

.round-social-event-surface {
  border-color: rgba(255, 138, 0, 0.26);
}

.round-social-event-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}

.round-social-event-actions button:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.round-social-preset {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
  background: var(--surface-ghost);
  border: 1px solid var(--line);
  border-radius: var(--bdr-radius-control);
}

.round-social-preset strong,
.round-social-preset small {
  display: block;
}

.round-social-preset strong {
  color: var(--white);
}

.round-social-preset small {
  margin-top: 3px;
  color: var(--muted);
  font-weight: 750;
  line-height: 1.35;
}

.monthly-fee-row {
  border: 1px solid transparent;
}

.monthly-fee-row.is-paid {
  border-color: rgba(183, 255, 32, 0.22);
}

.monthly-fee-row[data-mode="exempt"] {
  opacity: 0.78;
}

.monthly-fee-row .fee-mode-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

.monthly-fee-row .fee-mode-actions button {
  min-height: 44px;
  padding: 6px 8px;
  font-size: 12px;
}

.monthly-fee-row .fee-mode-actions button.is-active {
  color: var(--night);
  background: var(--lime);
  border-color: transparent;
}

.pitch-surface {
  background:
    linear-gradient(140deg, rgba(8, 196, 107, 0.18), var(--surface-panel-glass)),
    var(--panel);
}

.add-player {
  display: grid;
  grid-template-columns: 180px 128px auto;
  gap: 8px;
}

.add-player input,
.add-player select,
textarea {
  min-height: 44px;
  width: 100%;
  color: var(--white);
  background: var(--surface-ghost-hover);
  border: 1px solid var(--line);
  border-radius: var(--bdr-radius-control);
  outline: none;
}

.add-player input,
.add-player select {
  padding: 0 12px;
}

textarea {
  resize: vertical;
  padding: 14px;
}

.add-player input:focus,
.add-player select:focus,
textarea:focus {
  border-color: var(--lime);
  box-shadow: 0 0 0 3px var(--accent-primary-panel);
}

.segmented-control {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 18px;
}

.segmented-control button {
  min-height: 44px;
  padding: 10px 14px;
  color: var(--muted);
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 999px;
  cursor: pointer;
  font-weight: 700;
}

.segmented-control button.is-active {
  color: var(--night);
  background: var(--lime);
  border-color: var(--lime);
}

.team-command-strip {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 0.58fr) minmax(180px, 0.58fr) minmax(240px, 0.88fr);
  gap: 12px;
  margin-bottom: 18px;
}

.team-progress-card,
.team-pack-card {
  min-height: 116px;
  display: grid;
  align-content: space-between;
  gap: 12px;
  padding: 18px;
  background: rgba(16, 22, 36, 0.86);
  border: 1px solid var(--line);
  border-radius: var(--bdr-radius-control);
}

.team-progress-card span,
.team-progress-card small,
.team-pack-card > span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.team-progress-card strong {
  font-family: var(--heading);
  font-size: 42px;
  line-height: 1;
}

.team-progress-card.accent-orange strong {
  color: var(--orange);
}

.team-progress-card.accent-blue strong {
  color: var(--blue);
}

.badge-stack-large {
  min-height: 56px;
  max-width: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.badge-stack-large span {
  width: 56px;
  height: 56px;
  flex: 0 0 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: -10px;
  color: var(--night);
  background: var(--lime);
  border: 4px solid var(--panel);
  border-radius: 50%;
  font-family: var(--heading);
  font-size: 16px;
  line-height: 1;
}

.badge-stack-large span:nth-child(3n) {
  background: var(--orange);
}

.badge-stack-large span:nth-child(4n) {
  background: var(--green);
}

.sticker-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(178px, 1fr));
  gap: 14px;
}

.sticker-card {
  min-height: 254px;
  position: relative;
  overflow: hidden;
  padding: 14px;
  background:
    linear-gradient(160deg, rgba(183, 255, 32, 0.16), transparent 26%),
    linear-gradient(135deg, var(--border-subtle) 0 16%, transparent 16%),
    var(--panel);
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, filter 180ms ease;
}

.sticker-card::before {
  content: "";
  position: absolute;
  inset: 9px;
  border: 1px solid var(--border-subtle);
  border-radius: 6px;
  pointer-events: none;
}

.sticker-card::after {
  content: "BR";
  position: absolute;
  right: -4px;
  bottom: 46px;
  color: var(--surface-ghost);
  font-family: var(--heading);
  font-size: 72px;
  line-height: 1;
  pointer-events: none;
}

.sticker-card:hover {
  transform: translateY(-4px) rotate(-1deg);
  border-color: rgba(183, 255, 32, 0.5);
  box-shadow: 0 18px 30px rgba(0, 0, 0, 0.26);
}

.sticker-status {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

.sticker-status span {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  padding: 6px 9px;
  color: var(--night);
  background: var(--lime);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.sticker-avatar {
  width: 86px;
  height: 86px;
  display: grid;
  place-items: center;
  margin: 22px auto 18px;
  color: var(--night);
  background: var(--lime);
  border: 8px solid rgba(255, 255, 255, 0.15);
  border-radius: 50%;
  box-shadow: inset 0 -10px 0 rgba(5, 7, 13, 0.14);
  font-family: var(--heading);
  font-size: 28px;
  line-height: 1;
}

.sticker-card h3 {
  min-height: 48px;
  margin: 0;
  font-family: var(--heading);
  font-size: 24px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}

.sticker-card p {
  margin: 8px 0 14px;
  color: var(--muted);
  text-align: center;
  font-weight: 700;
}

.card-actions {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.card-actions button {
  min-width: 0;
}

.sticker-card[data-status="maybe"] .sticker-avatar,
.sticker-card[data-status="maybe"] .sticker-status span {
  background: var(--blue);
}

.sticker-card[data-status="reserve"] .sticker-avatar,
.sticker-card[data-status="reserve"] .sticker-status span {
  background: var(--orange);
}

.sticker-card[data-status="out"] {
  filter: grayscale(0.7);
  opacity: 0.66;
}

.sticker-card[data-status="out"] .sticker-avatar,
.sticker-card[data-status="out"] .sticker-status span {
  background: var(--muted);
}


.amount-chip {
  min-height: 58px;
  display: grid;
  align-content: center;
  padding: 10px 16px;
  color: var(--night);
  background: var(--lime);
  border-radius: 8px;
}

.amount-chip strong {
  font-family: var(--heading);
  font-size: 28px;
  line-height: 1;
}

.finance-summary {
  min-height: 420px;
  display: grid;
  align-content: center;
  gap: 22px;
  padding: 24px;
  background: var(--paper);
  color: var(--night);
}

.finance-summary dt {
  color: inherit;
}

.cash-ring {
  width: 190px;
  height: 190px;
  display: grid;
  place-items: center;
  margin: 0 auto;
  border-radius: 50%;
  background:
    radial-gradient(circle at center, var(--paper) 0 56%, transparent 57%),
    conic-gradient(var(--green) var(--cash-angle, 0deg), #dbe1d2 0);
}

.cash-ring span {
  font-family: var(--heading);
  font-size: 44px;
}

.payment-row.is-paid {
  background: var(--accent-primary-panel);
}

.bench-row.is-called,
.admin-reserve-call {
  border-color: rgba(255, 90, 20, 0.48);
  box-shadow: inset 4px 0 0 var(--orange);
}

.finance-ledger-surface {
  grid-column: 1 / -1;
}

.finance-ledger-list {
  display: grid;
  gap: 8px;
}

.ledger-row {
  min-height: 56px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background: var(--surface-ghost);
  border: 1px solid transparent;
  border-radius: 8px;
}

.ledger-row strong,
.ledger-row small {
  display: block;
  white-space: normal;
  overflow-wrap: anywhere;
}

.ledger-row small,
.ledger-note {
  color: var(--muted);
  font-weight: 700;
}

.ledger-row span {
  font-family: var(--heading);
  font-size: 18px;
}

.ledger-row[data-kind="income"] {
  border-color: rgba(183, 255, 32, 0.2);
}

.ledger-row[data-kind="expense"] span {
  color: var(--orange);
}

.ledger-row[data-kind="pending"] span {
  color: var(--blue);
}

.ledger-row[data-kind="balance"] span,
.status-pill[data-state="positive"] {
  color: var(--night);
  background: var(--lime);
}

.status-pill[data-state="negative"] {
  color: var(--white);
  background: var(--orange);
}

.ledger-note {
  display: block;
  margin-top: 12px;
  text-transform: uppercase;
}

.teams-state-strip,
.result-gate-note,
.recap-publish-status {
  display: block;
  margin-bottom: 12px;
  padding: 10px 12px;
  color: var(--text-secondary);
  background: var(--surface-ghost);
  border: 1px solid var(--line);
  border-radius: 8px;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
}

.teams-state-strip[data-state="official"],
.teams-state-strip[data-state="shared"],
.result-gate-note[data-state="ready"] {
  color: var(--night);
  background: var(--lime);
  border-color: var(--white);
}

.teams-state-strip[data-state="preview"] {
  display: none;
}

.recap-publish-status {
  margin: 10px 0 0;
}


.match-flow-slot {
  margin: 0 0 18px;
}

.match-flow-panel {
  min-width: 0;
  display: grid;
  gap: 10px;
  padding: 14px;
  color: var(--white);
  background:
    linear-gradient(180deg, rgba(24, 32, 33, 0.92), rgba(13, 19, 20, 0.94)),
    var(--panel);
  border: 1px solid var(--line);
  border-left: 3px solid rgba(183, 255, 32, 0.64);
  border-radius: var(--bdr-radius-control);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22);
}

.match-flow-panel[data-state="active"],
.match-flow-panel[data-state="ready"] {
  border-left-color: var(--orange);
}

.match-flow-panel[data-state="locked"] {
  border-left-color: var(--blue);
}

.match-flow-panel[data-state="shared"],
.match-flow-panel[data-state="official"] {
  border-left-color: var(--lime);
}

.match-flow-main {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
}

.match-flow-main > div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.match-flow-main span,
.match-flow-grid article > span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--lime);
  font-family: var(--mono);
  font-size: 0.68rem;
  font-weight: 850;
  line-height: 1.1;
  text-transform: uppercase;
  letter-spacing: 0;
}

.match-flow-main span {
  color: var(--lime);
}

.match-flow-main i,
.match-flow-grid article i,
.match-flow-action i {
  width: 16px;
  height: 16px;
}

.match-flow-main strong {
  color: var(--white);
  font-family: var(--heading);
  font-size: clamp(2rem, 3.6vw, 3.25rem);
  font-weight: 900;
  line-height: 0.92;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.match-flow-main p {
  max-width: 780px;
  margin: 0;
  color: var(--text-secondary);
  font-weight: 800;
  line-height: 1.3;
}

.match-flow-main em {
  min-width: 86px;
  padding: 10px 12px;
  color: var(--night);
  background: var(--lime);
  border-radius: var(--bdr-radius-control);
  font-family: var(--heading);
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}

.match-flow-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.match-flow-grid article {
  min-width: 0;
  min-height: 106px;
  display: grid;
  align-content: start;
  gap: 7px;
  padding: 12px;
  background: var(--surface-ghost);
  border: 1px solid var(--line);
  border-left: 3px solid rgba(183, 255, 32, 0.44);
  border-radius: var(--bdr-radius-control);
}

.match-flow-grid article[data-tone="orange"] {
  border-left-color: var(--orange);
}

.match-flow-grid article[data-tone="blue"] {
  border-left-color: var(--blue);
}

.match-flow-grid article[data-tone="lime"],
.match-flow-grid article[data-tone="green"] {
  border-left-color: var(--lime);
}

.match-flow-grid article strong {
  min-width: 0;
  color: var(--white);
  font-family: var(--heading);
  font-size: 1.65rem;
  font-weight: 900;
  line-height: 0.95;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.match-flow-grid article small {
  min-width: 0;
  color: var(--text-secondary);
  font-weight: 800;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.match-flow-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.match-flow-action {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 10px 14px;
  color: var(--night);
  background: var(--lime);
  border: 1px solid var(--lime);
  border-radius: var(--bdr-radius-control);
  cursor: pointer;
  font-family: var(--heading);
  font-size: 1rem;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
  transition: transform 170ms var(--ease-standard), border-color 170ms var(--ease-standard), background 170ms var(--ease-standard);
}

.match-flow-action:hover {
  transform: translateY(-1px);
}

.match-flow-action.is-secondary {
  color: var(--white);
  background: var(--surface-ghost-hover);
  border-color: var(--line);
}

@media (max-width: 760px) {
  .match-flow-panel {
    gap: 8px;
    padding: 12px;
  }

  .match-flow-main {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .match-flow-main strong {
    font-size: clamp(1.8rem, 9vw, 2.45rem);
  }

  .match-flow-main p {
    font-size: 0.95rem;
  }

  .match-flow-main em {
    width: fit-content;
    min-width: 0;
    padding: 7px 10px;
    font-size: 1rem;
  }

  .match-flow-grid {
    order: 3;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  .match-flow-grid article {
    min-height: 84px;
    padding: 9px;
  }

  .match-flow-grid article strong {
    font-size: 1.18rem;
  }

  .match-flow-grid article small {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 0.7rem;
    line-height: 1.12;
  }

  .match-flow-actions {
    order: 2;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .match-flow-action.is-primary {
    grid-column: 1 / -1;
  }
}

.teams-board {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 170px minmax(0, 1fr);
  gap: 18px;
  align-items: stretch;
}

.team-column,
.versus-card {
  min-height: 520px;
  padding: 20px;
  background:
    linear-gradient(180deg, var(--accent-primary-panel), transparent 38%),
    var(--panel);
}

.orange-team {
  background:
    linear-gradient(180deg, rgba(255, 90, 20, 0.16), transparent 38%),
    var(--panel);
}

.team-column h3 {
  margin: 4px 0 18px;
  font-size: 36px;
}

.versus-card {
  display: grid;
  place-items: center;
  text-align: center;
  background: var(--paper);
  color: var(--night);
}

.versus-card strong {
  font-family: var(--heading);
  font-size: 68px;
  line-height: 1;
}

.versus-card span {
  font-weight: 700;
  text-transform: uppercase;
}

.team-player {
  grid-template-columns: 42px minmax(0, 1fr) auto;
}

.team-player.has-team-action {
  grid-template-columns: 42px minmax(0, 1fr) auto minmax(80px, auto);
}

.team-player i {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  color: var(--night);
  background: var(--lime);
  border-radius: 50%;
  font-style: normal;
  font-weight: 700;
}

.orange-team .team-player i {
  background: var(--orange);
}

.team-player button {
  min-height: 44px;
  padding: 7px 10px;
  color: var(--white);
  background: var(--surface-ghost-hover);
  border: 1px solid var(--line);
  border-radius: var(--bdr-radius-control);
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
}

.team-drawer {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 280px;
  z-index: 90;
  display: none;
  transform: translateY(calc(100% - 54px));
  transition: transform 260ms cubic-bezier(0.19, 1, 0.22, 1);
  pointer-events: none;
}

body[data-view="times"]:not(.is-locked) .team-drawer.is-open {
  display: block;
}

.team-drawer.is-open {
  transform: translateY(0);
}

.team-drawer:not(.is-open) .team-drawer-panel {
  display: none;
}

.team-drawer-toggle {
  min-width: 134px;
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 0 auto;
  padding: 10px 18px;
  color: var(--night);
  background: var(--lime);
  border: 2px solid var(--white);
  border-bottom: 0;
  border-radius: var(--bdr-radius-control) 8px 0 0;
  box-shadow: 0 -12px 28px rgba(0, 0, 0, 0.32);
  cursor: pointer;
  font-family: var(--heading);
  line-height: 1;
  text-transform: uppercase;
  pointer-events: auto;
}

.team-drawer-toggle strong {
  padding: 4px 7px;
  color: var(--white);
  background: var(--night);
  border-radius: 999px;
  font-family: var(--body);
  font-size: 12px;
  font-weight: 700;
}

.team-drawer-panel {
  min-height: 326px;
  padding: 18px 0 22px;
  background: var(--surface-overlay-strong);
  border-top: 1px solid var(--line);
  box-shadow: 0 -24px 60px rgba(0, 0, 0, 0.48);
  backdrop-filter: blur(16px);
  pointer-events: auto;
}

.team-drawer-track {
  display: flex;
  gap: 14px;
  overflow-x: auto;
  padding: 4px max(18px, calc((100vw - 1180px) / 2)) 12px;
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
  scroll-snap-type: x proximity;
}

.team-drawer-track::-webkit-scrollbar {
  display: none;
}

.team-drawer-card {
  width: 174px;
  min-height: 252px;
  flex: 0 0 174px;
  position: relative;
  display: grid;
  align-content: space-between;
  gap: 12px;
  padding: 14px;
  color: var(--night);
  text-align: left;
  background: var(--paper);
  border: 2px solid var(--white);
  border-radius: var(--bdr-radius-control);
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.36);
  cursor: pointer;
  scroll-snap-align: center;
  transform: rotate(-2deg);
  transition: transform 170ms ease, filter 170ms ease;
}

.team-drawer-card:nth-child(even) {
  transform: rotate(2deg) translateY(8px);
}

.team-drawer-card:hover {
  filter: brightness(1.04);
  transform: translateY(-5px) rotate(0deg);
}

.team-drawer-card[data-tone="lime"] {
  background: var(--lime);
}

.team-drawer-card[data-tone="orange"] {
  background: var(--orange);
}

.team-drawer-card[data-tone="blue"] {
  background: var(--blue);
}

.team-drawer-card[data-tone="muted"] {
  color: var(--white);
  background: #303846;
}

.team-drawer-card span,
.team-drawer-card small {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.team-drawer-card span {
  color: var(--text-on-accent-muted);
}

.team-drawer-card[data-tone="muted"] span {
  color: rgba(255, 255, 255, 0.66);
}

.team-drawer-card strong {
  overflow-wrap: anywhere;
  font-family: var(--heading);
  font-size: 50px;
  line-height: 0.88;
  text-transform: uppercase;
}

.team-drawer-card b {
  min-height: 30px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}

.team-drawer-card i,
.team-drawer-card em {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  background: var(--surface-overlay);
  border-radius: 50%;
  font-style: normal;
  font-size: 10px;
  font-weight: 700;
}

.team-column.is-pulsing {
  animation: teamPulse 850ms ease;
}

.manual-teams {
  --manual-text: var(--paper-50);
  --manual-muted: var(--paper-300);
  --manual-line: rgba(228, 233, 218, 0.28);
  --manual-choice: var(--ink-760);
  --manual-orange: #ffb76b;
  display: grid;
  gap: 18px;
  min-width: 0;
  padding: 20px;
  color: var(--manual-text);
  background: var(--panel);
  border: 1px solid var(--manual-line);
  border-radius: var(--radius-panel, 8px);
}

.manual-teams header {
  display: grid;
  gap: 6px;
}

.manual-teams-kicker {
  color: var(--brand-lime);
  font: 750 0.75rem var(--mono);
  text-transform: uppercase;
}

.manual-teams h3,
.manual-teams p {
  margin: 0;
}

.manual-teams h3 {
  font: 850 clamp(1.7rem, 3vw, 2.3rem)/1.05 var(--heading);
}

.manual-teams header p,
.manual-team-player-name small,
.manual-team-footer small {
  color: var(--manual-muted);
  line-height: 1.45;
}

.manual-team-counts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  font-size: 0.88rem;
  font-weight: 750;
}

.manual-team-counts [data-side="lime"] { color: var(--brand-lime); }
.manual-team-counts [data-side="orange"] { color: var(--manual-orange); }

.manual-team-list {
  min-width: 0;
  border-top: 1px solid var(--manual-line);
}

.manual-team-player {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 14px 0;
  border-bottom: 1px solid var(--manual-line);
}

.manual-team-player .player-avatar {
  width: 40px;
  height: 48px;
}

.manual-team-player-name {
  display: grid;
  min-width: 0;
  gap: 3px;
  overflow-wrap: anywhere;
}

.manual-team-choices {
  display: flex;
  gap: 4px;
  padding: 4px;
  border-radius: var(--radius-control, 8px);
  background: var(--manual-choice);
}

.manual-team-choices button {
  min-width: 72px;
  min-height: 44px;
  padding: 8px 10px;
  border: 1px solid transparent;
  border-radius: var(--radius-control, 8px);
  color: var(--manual-text);
  background: var(--manual-choice);
  font: 750 0.82rem var(--body);
  cursor: pointer;
  transition: background 140ms var(--ease-standard), color 140ms var(--ease-standard);
}

.manual-team-choices button[aria-pressed="false"]:not(:disabled):hover { background: var(--ink-800); border-color: var(--manual-line); }

.manual-team-choices button:focus-visible { outline: 3px solid var(--brand-lime); outline-offset: 3px; position: relative; z-index: 1; }

.manual-team-choices button[aria-pressed="true"] {
  color: var(--ink-950);
  border-color: var(--manual-line);
  background: var(--paper-300);
}

.manual-team-choices button[data-side="lime"][aria-pressed="true"] { color: var(--ink-950); background: var(--brand-lime); }
.manual-team-choices button[data-side="orange"][aria-pressed="true"] { color: var(--ink-950); background: var(--manual-orange); }
.manual-team-choices button:disabled { opacity: 1; cursor: default; }

.manual-team-status {
  color: var(--manual-muted);
  line-height: 1.45;
}

.manual-team-status[role="alert"] { color: var(--manual-text); }

.manual-team-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}

.manual-team-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.manual-team-actions .is-secondary { color: var(--manual-text); background: var(--manual-choice); border-color: var(--manual-line); }
.manual-team-actions .is-primary { color: var(--ink-950); background: var(--brand-lime); }
.manual-team-actions button:disabled { color: var(--paper-300); background: var(--ink-760); border-color: var(--manual-line); opacity: 1; }

@media (max-width: 600px) {
  .manual-teams { gap: 16px; padding: 14px; }
  .manual-team-player { grid-template-columns: 40px minmax(0, 1fr); gap: 10px; }
  .manual-team-choices { grid-column: 1 / -1; }
  .manual-team-choices button { flex: 1; min-width: 0; }
  .manual-team-footer { align-items: stretch; }
  .manual-team-actions { display: grid; grid-template-columns: 1fr; width: 100%; }
  .manual-team-actions .is-primary { grid-row: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .manual-team-choices button { transition: none; }
}

@keyframes teamPulse {
  0%,
  100% {
    border-color: var(--line);
    transform: translateY(0);
  }
  34% {
    border-color: var(--lime);
    transform: translateY(-4px);
    box-shadow: 0 18px 38px rgba(183, 255, 32, 0.18);
  }
}


.recap-layout {
  align-items: start;
}

.share-card {
  min-height: 520px;
  display: grid;
  align-content: space-between;
  padding: 28px;
  color: var(--white);
  background:
    linear-gradient(140deg, rgba(5, 7, 13, 0.96), rgba(5, 7, 13, 0.48)),
    url("assets/resenha-community.webp") center / cover no-repeat;
  box-shadow: var(--shadow);
}

.share-card-top {
  display: flex;
  justify-content: space-between;
  gap: 14px;
}

.share-card h3 {
  max-width: 460px;
  margin: 60px 0 20px;
  font-family: var(--heading);
  font-size: 58px;
  line-height: 0.98;
  text-transform: uppercase;
}

.share-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.share-stats div {
  min-height: 92px;
  display: grid;
  align-content: center;
  padding: 12px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.share-stats span {
  font-family: var(--heading);
  font-size: 32px;
  line-height: 1;
}

.share-stats small,
.share-card p {
  color: var(--text-secondary);
  font-weight: 800;
}

.share-score {
  width: fit-content;
  max-width: 100%;
  padding: 10px 12px;
  color: var(--night);
  background: var(--lime);
  border: 2px solid var(--white);
  border-radius: 8px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.24);
  font-family: var(--heading);
  font-size: 20px;
  line-height: 1;
  text-transform: uppercase;
}

.story-card-surface {
  margin-top: 18px;
}

.story-card-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 14px;
}

.story-card-tabs button {
  min-height: 44px;
  padding: 8px 14px;
  color: var(--text-secondary);
  background: var(--surface-ghost);
  border: 1px solid var(--line);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.story-card-tabs button.is-active {
  color: var(--night);
  background: var(--lime);
  border-color: var(--lime);
}

.story-card-workbench {
  display: grid;
  grid-template-columns: minmax(240px, 320px) minmax(0, 1fr);
  gap: 16px;
  align-items: stretch;
}

.story-card-preview {
  min-height: 568px;
  aspect-ratio: 9 / 16;
  display: grid;
  align-content: space-between;
  gap: 18px;
  padding: 22px;
  overflow: hidden;
  color: var(--white);
  background:
    radial-gradient(circle at 82% 16%, rgba(255, 255, 255, 0.14), transparent 22%),
    radial-gradient(circle at 12% 84%, rgba(183, 255, 32, 0.18), transparent 24%),
    linear-gradient(150deg, rgba(5, 7, 13, 1), rgba(17, 24, 39, 0.96));
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: var(--shadow);
}

.story-card-preview[data-card-type="mvp"] {
  background:
    radial-gradient(circle at 82% 16%, rgba(54, 197, 255, 0.24), transparent 22%),
    radial-gradient(circle at 12% 84%, rgba(183, 255, 32, 0.16), transparent 24%),
    linear-gradient(150deg, rgba(5, 7, 13, 1), rgba(17, 24, 39, 0.96));
}

.story-card-preview[data-card-type="spot"] {
  background:
    radial-gradient(circle at 82% 16%, rgba(255, 138, 0, 0.24), transparent 22%),
    radial-gradient(circle at 12% 84%, rgba(54, 197, 255, 0.16), transparent 24%),
    linear-gradient(150deg, rgba(5, 7, 13, 1), rgba(17, 24, 39, 0.96));
}

.story-card-preview > span {
  color: var(--lime);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.story-card-preview h3 {
  margin: 0;
  overflow-wrap: anywhere;
  font-family: var(--heading);
  font-size: 46px;
  line-height: 0.95;
  text-transform: uppercase;
}

.story-card-preview strong {
  color: var(--lime);
  font-family: var(--heading);
  font-size: 22px;
  line-height: 1;
  text-transform: uppercase;
}

.story-card-preview p,
.story-card-preview small {
  margin: 0;
  color: var(--text-secondary);
  font-weight: 800;
}

.story-card-stat-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.story-card-stat-grid span {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.story-card-stat-grid strong {
  overflow: hidden;
  color: var(--white);
  font-family: var(--heading);
  font-size: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.story-card-stat-grid small {
  overflow: hidden;
  font-size: 10px;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.story-card-side {
  min-width: 0;
  display: grid;
  align-content: space-between;
  gap: 14px;
  padding: 16px;
  background: var(--surface-ghost);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.story-card-side p {
  margin: 0;
  color: var(--text-secondary);
  font-weight: 800;
}

.story-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.story-card-download {
  display: grid;
  justify-items: start;
  gap: 12px;
  min-width: 0;
  padding-top: 16px;
  border-top: 1px solid var(--line);
}

.story-card-download[hidden] { display: none; }
.story-card-download h4 { margin: 0; }
.story-card-download img {
  display: block;
  width: min(100%, 240px);
  height: auto;
  aspect-ratio: 9 / 16;
  object-fit: contain;
  border-radius: 10px;
}

.result-surface {
  margin-top: 18px;
}

.public-media-surface {
  margin-top: 18px;
}

.public-media-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.public-media-form label {
  display: grid;
  gap: 8px;
}

.public-media-form label span,
.public-media-row small,
.public-media-empty small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.public-media-form input {
  width: 100%;
  min-height: 46px;
  padding: 0 12px;
  color: var(--white);
  background: var(--surface-ghost-hover);
  border: 1px solid var(--line);
  border-radius: 8px;
  outline: none;
}

.public-media-form input:focus {
  border-color: var(--lime);
  box-shadow: 0 0 0 3px var(--accent-primary-panel);
}

.public-media-toggle {
  min-height: 58px;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: start;
  column-gap: 10px;
  row-gap: 0;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-ghost);
}

.public-media-toggle input {
  inline-size: 22px;
  block-size: 22px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  aspect-ratio: 1;
  align-self: start;
  justify-self: start;
  margin: 2px 0 0;
  padding: 0;
  accent-color: var(--lime);
}

.public-media-toggle span {
  display: block;
  align-self: start;
  padding-top: 1px;
  line-height: 1.25;
}

.public-media-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.public-media-list {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.public-media-row,
.public-media-empty {
  min-width: 0;
  display: grid;
  gap: 12px;
  align-items: center;
  padding: 12px;
  background: var(--surface-ghost);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.public-media-row {
  grid-template-columns: 92px minmax(0, 1fr) auto;
}

.public-media-row[data-public="false"] {
  opacity: 0.72;
}

.public-media-row img {
  width: 92px;
  height: 72px;
  object-fit: cover;
  background: var(--surface-ghost-hover);
  border-radius: 8px;
}

.public-media-row strong,
.public-media-empty strong {
  display: block;
  overflow-wrap: anywhere;
}

.public-media-row code {
  display: block;
  max-width: 100%;
  margin-top: 6px;
  overflow: hidden;
  color: var(--muted);
  font-family: var(--body);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.public-media-row-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.public-media-row-actions button {
  min-height: 44px;
  padding: 8px 10px;
  color: var(--white);
  background: var(--surface-ghost-hover);
  border: 1px solid var(--line);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 800;
}

.public-media-empty {
  grid-template-columns: auto minmax(0, 1fr);
}

.public-media-empty i {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  color: var(--night);
  background: var(--lime);
  border-radius: 8px;
  font-style: normal;
  font-weight: 900;
}

.round-result-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 16px;
}

.round-result-summary article {
  min-height: 112px;
  display: grid;
  align-content: space-between;
  padding: 14px;
  color: var(--night);
  background: var(--paper);
  border-radius: 8px;
}

.round-result-summary article:nth-child(1) {
  background: var(--lime);
}

.round-result-summary article:nth-child(3) {
  background: var(--green);
}

.round-result-summary span {
  color: var(--text-on-accent-muted);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.round-result-summary strong {
  overflow-wrap: anywhere;
  font-family: var(--heading);
  font-size: 30px;
  line-height: 0.98;
  text-transform: uppercase;
}

.round-result-form {
  display: grid;
  gap: 14px;
}

.round-result-form.is-gated {
  opacity: 0.66;
}

.round-result-form.is-gated input,
.round-result-form.is-gated select,
.round-result-form.is-gated textarea {
  cursor: not-allowed;
}

.score-inputs {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 52px minmax(0, 1fr);
  align-items: end;
  gap: 12px;
}

.score-inputs strong {
  min-height: 54px;
  display: grid;
  place-items: center;
  color: var(--night);
  background: var(--orange);
  border-radius: 8px;
  font-family: var(--heading);
  font-size: 28px;
  text-transform: uppercase;
}

.round-result-form label {
  display: grid;
  gap: 8px;
}

.round-result-form label span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.round-result-form input,
.round-result-form select,
.round-result-form textarea {
  width: 100%;
  min-height: 54px;
  padding: 12px;
  color: var(--white);
  background: var(--surface-ghost);
  border: 1px solid var(--line);
  border-radius: 8px;
  font: inherit;
  font-weight: 800;
}

.round-result-form textarea {
  resize: vertical;
}


.season-layout {
  display: grid;
  grid-template-columns: minmax(300px, 0.72fr) minmax(0, 1.28fr);
  align-items: start;
  gap: 18px;
  margin-bottom: 18px;
}

.season-quick-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 18px;
}

.season-quick-card {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 7px;
  min-height: 132px;
  padding: 14px;
  color: var(--text-secondary);
  background: var(--surface-panel-glass);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.season-quick-card[data-tone="lime"] {
  border-color: var(--border-accent);
  background: var(--accent-primary-soft);
}

.season-quick-card[data-tone="green"] {
  border-color: rgba(8, 196, 107, 0.38);
  background: var(--accent-success-soft);
}

.season-quick-card[data-tone="blue"] {
  border-color: var(--accent-info-border);
  background: var(--accent-info-soft);
}

.season-quick-card span,
.season-quick-card strong,
.season-quick-card small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.season-quick-card span {
  color: var(--lime);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.season-quick-card strong {
  color: var(--white);
  font-size: 17px;
  line-height: 1.12;
}

.season-quick-card small {
  color: var(--text-tertiary);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.3;
}

.season-quick-card button {
  width: fit-content;
  min-height: 38px;
  margin-top: auto;
  padding: 8px 10px;
  color: var(--night);
  background: var(--lime);
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
}

.season-hero-panel {
  min-height: 520px;
  display: grid;
  align-content: space-between;
  gap: 22px;
  padding: 26px;
  color: var(--night);
  background:
    linear-gradient(135deg, var(--border-strong) 0 18%, transparent 18%),
    var(--green);
  border-radius: 8px;
  box-shadow: var(--shadow);
}

.season-hero-panel > span {
  width: 92px;
  height: 118px;
  display: grid;
  place-items: center;
  background: var(--paper);
  border: 6px solid var(--night);
  border-radius: 8px;
  font-family: var(--heading);
  font-size: 32px;
}

.season-hero-panel h3 {
  margin: 0;
  font-family: var(--heading);
  font-size: 58px;
  line-height: 0.94;
  text-transform: uppercase;
}

.season-hero-panel p:not(.eyebrow) {
  max-width: 420px;
  margin: 12px 0 0;
  font-size: 20px;
  font-weight: 700;
}

.season-xp-meter {
  display: grid;
  gap: 10px;
}

.season-xp-meter strong {
  font-family: var(--heading);
  font-size: 36px;
  line-height: 1;
}

.season-ranking-list,
.season-hall-list {
  display: grid;
  gap: 10px;
}

.season-ranking-row,
.season-hall-row {
  width: 100%;
  min-height: 78px;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background: var(--surface-ghost);
  border: 1px solid var(--surface-ghost-hover);
  border-radius: 8px;
}

button.season-ranking-row {
  cursor: pointer;
  text-align: left;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

button.season-ranking-row:hover,
button.season-ranking-row.is-active {
  background: var(--accent-primary-soft);
  border-color: rgba(183, 255, 32, 0.5);
  transform: translateY(-1px);
}

.season-ranking-row i,
.season-hall-row span {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  color: var(--night);
  background: var(--lime);
  border-radius: 50%;
  font-family: var(--heading);
  font-style: normal;
}

.season-ranking-row strong,
.season-hall-row strong {
  display: block;
  overflow: hidden;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.season-ranking-row small,
.season-hall-row small {
  color: var(--muted);
  font-weight: 800;
}

.season-hall-row b {
  color: var(--lime);
  font-family: var(--heading);
  font-size: 18px;
  white-space: nowrap;
}

.season-mini-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 8px;
}

.season-mini-badges span {
  padding: 4px 7px;
  color: var(--night);
  background: var(--paper);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.season-badge-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}

.season-badge-card {
  min-height: 154px;
  display: grid;
  align-content: space-between;
  padding: 18px;
  color: var(--night);
  background: var(--paper);
  border-radius: 8px;
}

.season-badge-card[data-tone="lime"] {
  background: var(--lime);
}

.season-badge-card[data-tone="green"] {
  background: var(--green);
}

.season-badge-card[data-tone="orange"] {
  background: var(--orange);
}

.season-badge-card span {
  color: var(--text-on-accent-muted);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.season-badge-card strong {
  overflow-wrap: anywhere;
  font-family: var(--heading);
  font-size: 32px;
  line-height: 0.98;
  text-transform: uppercase;
}

.season-bottom-grid {
  display: grid;
  grid-template-columns: minmax(280px, 0.95fr) minmax(250px, 0.75fr) minmax(0, 1.15fr);
  gap: 18px;
}

.season-profile-surface {
  align-content: start;
}

.season-profile-panel {
  display: grid;
  gap: 14px;
}

.season-profile-identity {
  min-height: 74px;
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
}

.season-profile-identity i {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  color: var(--night);
  background: var(--orange);
  border-radius: 50%;
  font-family: var(--heading);
  font-style: normal;
}

.season-profile-identity strong {
  display: block;
  overflow: hidden;
  font-family: var(--heading);
  font-size: 26px;
  line-height: 1;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.season-profile-identity small,
.season-profile-panel small {
  color: var(--muted);
  font-weight: 800;
}

.season-profile-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.season-profile-stats article {
  min-height: 72px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 10px;
  background: var(--surface-ghost);
  border: 1px solid var(--surface-ghost-hover);
  border-radius: 8px;
}

.season-profile-stats span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.season-profile-stats strong {
  color: var(--lime);
  font-family: var(--heading);
  font-size: 28px;
  line-height: 1;
}

.season-profile-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.season-profile-badges span {
  padding: 6px 8px;
  color: var(--night);
  background: var(--paper);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.season-profile-panel p {
  margin: 0;
  color: var(--paper);
  font-size: 18px;
  font-weight: 700;
}

.feed-layout {
  display: grid;
  grid-template-columns: minmax(300px, 0.7fr) minmax(0, 1.3fr);
  gap: 18px;
  margin-bottom: 18px;
}

.feed-signal-card {
  min-height: 520px;
  display: grid;
  align-content: space-between;
  gap: 20px;
  padding: 26px;
  color: var(--night);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0 16%, transparent 16%),
    var(--lime);
  border: 1px solid rgba(255, 255, 255, 0.48);
  border-radius: 8px;
  box-shadow: var(--shadow);
}

.feed-signal-card span,
.badge-card span,
.badge-card small,
.feed-event small {
  color: var(--text-on-accent-muted);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.feed-signal-card strong {
  font-family: var(--heading);
  font-size: 64px;
  line-height: 0.9;
  overflow-wrap: anywhere;
  text-transform: uppercase;
}

.feed-signal-card p {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
}

.feed-list {
  display: grid;
  gap: 10px;
}

.feed-event {
  min-height: 70px;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background: var(--surface-ghost);
  border: 1px solid var(--surface-ghost-hover);
  border-radius: 8px;
}

.feed-event i {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  color: var(--night);
  background: var(--lime);
  border-radius: 50%;
  font-style: normal;
  font-weight: 700;
}

.feed-event[data-tone="orange"] i {
  background: var(--orange);
}

.feed-event[data-tone="green"] i {
  background: var(--green);
}

.feed-event[data-tone="blue"] i {
  background: var(--blue);
}

.feed-event strong {
  display: block;
  overflow: hidden;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.feed-event em {
  color: var(--muted);
  font-style: normal;
  font-weight: 800;
}

.badge-board {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.badge-card {
  min-height: 170px;
  display: grid;
  align-content: space-between;
  padding: 20px;
  color: var(--night);
  background: var(--paper);
  border-radius: 8px;
}

.badge-card strong {
  font-family: var(--heading);
  font-size: 44px;
  line-height: 0.94;
  text-transform: uppercase;
}

.badge-card.accent-orange {
  background: var(--orange);
}

.badge-card.accent-green {
  background: var(--green);
}


.announcements-layout {
  display: grid;
  grid-template-columns: minmax(300px, 0.68fr) minmax(0, 1.32fr);
  gap: 18px;
  margin-bottom: 18px;
}

.announcement-signal-card {
  min-height: 460px;
  display: grid;
  align-content: space-between;
  gap: 18px;
  padding: 26px;
  color: var(--night);
  background:
    linear-gradient(135deg, var(--border-strong) 0 18%, transparent 18%),
    var(--blue);
  border: 1px solid rgba(255, 255, 255, 0.48);
  border-radius: var(--bdr-radius-control);
  box-shadow: var(--shadow);
}

.announcement-signal-card span,
.announcement-signal-card small {
  color: var(--text-on-accent-muted);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.announcement-row small,
.announcement-form label span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.announcement-signal-card strong {
  font-family: var(--heading);
  font-size: 58px;
  line-height: 0.92;
  overflow-wrap: anywhere;
  text-transform: uppercase;
}

.announcement-signal-card p {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
}

.announcement-list {
  display: grid;
  gap: 10px;
}

.announcement-row {
  min-height: 92px;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  padding: 14px;
  background: var(--surface-ghost);
  border: 1px solid var(--surface-ghost-hover);
  border-radius: var(--bdr-radius-control);
}

.announcement-row i {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  color: var(--night);
  background: var(--lime);
  border-radius: 50%;
  font-style: normal;
  font-weight: 700;
}

.announcement-row[data-kind="urgent"] i {
  background: var(--blue);
}

.announcement-row strong {
  display: block;
  margin-bottom: 4px;
  overflow: visible;
  font-weight: 700;
  text-overflow: clip;
  overflow-wrap: anywhere;
}

.announcement-row p {
  margin: 0 0 8px;
  color: var(--text-secondary);
  font-weight: 750;
}

.announcement-form-surface {
  margin-top: 18px;
}

.announcement-form {
  display: grid;
  gap: 12px;
}

.announcement-form label {
  display: grid;
  gap: 8px;
}

.announcement-form input,
.announcement-form textarea,
.announcement-form select {
  min-height: 46px;
  width: 100%;
  padding: 0 12px;
  color: var(--white);
  background: var(--surface-ghost-hover);
  border: 1px solid var(--line);
  border-radius: var(--bdr-radius-control);
  outline: none;
}

.announcement-form textarea {
  min-height: 112px;
  padding: 14px;
}

.announcement-form input:focus,
.announcement-form textarea:focus,
.announcement-form select:focus {
  border-color: var(--lime);
  box-shadow: 0 0 0 3px var(--accent-primary-panel);
}

.announcement-form-actions {
  display: grid;
  grid-template-columns: minmax(180px, 0.25fr) auto;
  gap: 10px;
  justify-content: end;
}

.admin-command-center {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(190px, 0.28fr);
  align-items: start;
  gap: 14px;
  margin-bottom: 18px;
}

.admin-tabs {
  display: flex;
  gap: 8px;
  margin: -6px 0 18px;
  padding: 6px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid var(--line);
  border-radius: var(--bdr-radius-control);
}

.admin-tabs::-webkit-scrollbar {
  display: none;
}

.admin-tabs button {
  min-height: 44px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  color: var(--muted);
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--bdr-radius-control);
  cursor: pointer;
  font-family: var(--heading);
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
  transition: transform 180ms var(--ease-standard), background 180ms var(--ease-standard), color 180ms var(--ease-standard), border-color 180ms var(--ease-standard);
}

.admin-tabs button:hover {
  color: var(--white);
  background: rgba(255, 255, 255, 0.08);
  transform: translateY(-1px);
}

.admin-tabs button.is-active {
  color: var(--night);
  background: var(--lime);
  border-color: rgba(183, 255, 32, 0.74);
  box-shadow: 0 12px 34px rgba(183, 255, 32, 0.12);
}

.admin-tab-panel[hidden] {
  display: none !important;
}

.admin-tab-panel {
  animation: adminPanelEnter 220ms var(--ease-standard) both;
}

.admin-invite-surface {
  display: grid;
  gap: 16px;
}

.admin-tab-copy {
  max-width: 760px;
  margin: 0;
  color: var(--muted-strong);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.5;
}

.admin-tab-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

@keyframes adminPanelEnter {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.admin-hero-card,
.admin-stat-card {
  min-height: 178px;
  display: grid;
  align-content: space-between;
  gap: 12px;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: var(--bdr-radius-control);
}

.admin-hero-card {
  color: var(--night);
  background:
    linear-gradient(135deg, var(--border-strong) 0 18%, transparent 18%),
    var(--lime);
}

.admin-hero-card span,
.admin-stat-card span,
.admin-stat-card small,
.rule-grid span,
.audit-row small,
.admin-player-row small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.admin-hero-card span {
  color: rgba(5, 7, 13, 0.64);
}

.admin-hero-card strong,
.admin-stat-card strong {
  font-family: var(--heading);
  line-height: 0.95;
  text-transform: uppercase;
}

.admin-hero-card strong {
  font-size: 46px;
}

.admin-hero-card p {
  max-width: 560px;
  margin: 0;
  font-weight: 700;
}

.admin-link-box {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 8px;
  align-items: center;
}

.admin-link-box code {
  min-width: 0;
  inline-size: 100%;
  min-height: 44px;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 10px 12px;
  color: var(--white);
  background: rgba(5, 7, 13, 0.9);
  border-radius: var(--bdr-radius-control);
  font-family: var(--body);
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-link-box button,
.admin-link-box a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  color: var(--night);
  background: var(--white);
  border-radius: var(--bdr-radius-control);
  cursor: pointer;
  font-weight: 700;
  text-decoration: none;
}

.admin-link-box svg {
  width: 16px;
  height: 16px;
}

.admin-secondary-link {
  min-height: 44px;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  color: var(--night);
  background: rgba(255, 255, 255, 0.74);
  border-radius: var(--bdr-radius-control);
  cursor: pointer;
  font-weight: 700;
}

.admin-secondary-link:disabled {
  cursor: not-allowed;
  opacity: 0.54;
}

.admin-secondary-link svg {
  width: 16px;
  height: 16px;
}

.admin-next-round-status {
  width: fit-content;
  padding: 5px 8px;
  color: rgba(5, 7, 13, 0.72);
  background: rgba(255, 255, 255, 0.42);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.admin-checklist {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.admin-checklist span {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 9px;
  color: var(--night);
  background: rgba(255, 255, 255, 0.44);
  border: 1px solid rgba(5, 7, 13, 0.12);
  border-radius: var(--bdr-radius-control);
}

.admin-checklist span[data-state="ok"] {
  background: rgba(255, 255, 255, 0.68);
}

.admin-checklist span[data-state="active"],
.admin-checklist span[data-state="pending"] {
  background: rgba(255, 90, 20, 0.22);
}

.admin-checklist i {
  overflow: hidden;
  color: var(--text-on-accent-muted);
  font-style: normal;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.1;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.admin-checklist strong {
  overflow-wrap: anywhere;
  font-family: var(--body);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.08;
  text-transform: none;
}

.admin-stat-card {
  background: var(--surface-panel-glass);
}

.admin-stat-card strong {
  font-size: 54px;
}

.admin-stat-card.accent-orange strong {
  color: var(--orange);
  font-size: 38px;
}

.admin-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.72fr);
  gap: 18px;
  margin-bottom: 18px;
}

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

.round-settings-form {
  display: grid;
  gap: 14px;
}

.is-just-updated {
  animation: justUpdatedPulse 820ms var(--ease-standard) both;
}

.rule-grid label {
  display: grid;
  gap: 8px;
}

.rule-grid input,
.rule-grid select {
  min-height: 46px;
  width: 100%;
  padding: 0 12px;
  color: var(--white);
  background: var(--surface-ghost-hover);
  border: 1px solid var(--line);
  border-radius: var(--bdr-radius-control);
  outline: none;
}

.rule-grid input:focus,
.rule-grid select:focus {
  border-color: var(--lime);
  box-shadow: 0 0 0 3px var(--accent-primary-panel);
}

.settings-actions {
  display: flex;
  justify-content: flex-end;
}

.audit-surface {
  background:
    linear-gradient(140deg, rgba(255, 90, 20, 0.16), var(--surface-panel-glass)),
    var(--panel);
}

.audit-list,
.admin-table {
  display: grid;
  gap: 10px;
}

.audit-row,
.admin-player-row {
  min-height: 58px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background: var(--surface-ghost);
  border: 1px solid var(--surface-ghost-hover);
  border-radius: var(--bdr-radius-control);
}

.audit-row i,
.admin-player-row i {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  color: var(--night);
  background: var(--lime);
  border-radius: 50%;
  font-style: normal;
  font-weight: 700;
}

.audit-row strong {
  display: block;
  white-space: normal;
  overflow-wrap: anywhere;
}

.event-time { display:block; margin-top:6px; color:var(--muted); font:400 12px/1.45 var(--body); }

.admin-player-row strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 480px) {
  .audit-row { grid-template-columns: 38px minmax(0, 1fr); }
  .audit-row > i { grid-row: 1 / span 2; align-self: start; }
  .audit-row > .status-pill { grid-column: 2; justify-self: start; }
}

.admin-player-row {
  grid-template-columns: 42px minmax(0, 1fr) minmax(86px, 110px) minmax(120px, auto) auto;
}

.admin-player-row[data-status="reserve"] i {
  background: var(--orange);
}

.admin-player-row[data-status="maybe"] i {
  background: var(--blue);
}

.admin-player-row[data-status="out"] {
  opacity: 0.58;
}

.admin-player-row[data-status="out"] i {
  background: var(--muted);
}

.admin-player-row button {
  min-height: 44px;
  padding: 8px 10px;
  color: var(--night);
  background: var(--lime);
  border-radius: var(--bdr-radius-control);
  cursor: pointer;
  font-size: 13px;
  font-weight: 700;
}


.swarm {
  position: fixed;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 100;
}

.app-toast {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 130;
  max-width: min(360px, calc(100vw - 28px));
  padding: 13px 15px;
  color: var(--night);
  background: var(--white);
  border: 2px solid rgba(5, 7, 13, 0.2);
  border-radius: 8px;
  box-shadow: var(--shadow);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
}

.app-toast[data-tone="success"] {
  background: var(--lime);
}

.app-toast[data-tone="error"] {
  color: var(--night);
  background: var(--danger);
}

.swarm-chip {
  position: absolute;
  width: 74px;
  height: 96px;
  display: grid;
  place-items: center;
  color: var(--night);
  background: var(--lime);
  border: 6px solid var(--white);
  border-radius: 8px;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.32);
  font-family: var(--heading);
  font-size: 22px;
  animation: swarmFly 950ms cubic-bezier(0.19, 1, 0.22, 1) forwards;
}

.swarm-chip:nth-child(3n) {
  background: var(--orange);
}

.swarm-chip:nth-child(4n) {
  background: var(--green);
}

@keyframes swarmFly {
  0% {
    opacity: 0;
    transform: translate(var(--start-x), var(--start-y)) rotate(var(--rot-start)) scale(0.35);
  }
  28% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate(var(--end-x), var(--end-y)) rotate(var(--rot-end)) scale(1);
  }
}

@keyframes justUpdatedPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(183, 255, 32, 0);
  }
  35% {
    box-shadow: 0 0 0 4px rgba(183, 255, 32, 0.34);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(183, 255, 32, 0);
  }
}

/**/
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-property: opacity, color, background-color, border-color, outline-color, text-decoration-color, fill, stroke !important;
    transition-duration: 150ms !important;
    transition-delay: 0s !important;
  }

	  .patota-loader,
	  .patota-loader::before,
	  .patota-loader-status span,
	  .patota-loader-bar,
	  .patota-loader.is-done,
	  .login-orbit span,
	  .view,
	  .team-drawer,
	  .team-drawer-card,
	  .team-column.is-pulsing,
  .swarm-chip,
  .is-just-updated {
    animation: none !important;
    transition: none !important;
  }

  .patota-loader.is-done {
    opacity: 0;
    transform: translateY(-12px);
  }

  /**/
  .nav-item,
  .nav-more > summary,
  .primary-button,
  .ghost-button,
  .light-button,
  .stage-step {
    animation: none !important;
  }
}

@media (max-width: 1500px) {
  .login-feature-strip {
    display: none;
  }
}

@media (max-width: 1240px) {
  .login-screen {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 18px;
  }

  .login-card {
    order: 1;
    min-height: auto;
  }

  .login-hero {
    order: 2;
  }

  .login-card,
  .login-hero {
    width: 100%;
    max-width: min(760px, 100%);
    justify-self: center;
  }

  .login-card.is-entry-choice-only {
    width: min(680px, 100%);
  }

  .login-hero h1 {
    max-width: 760px;
    font-size: clamp(44px, 7vw, 76px);
  }

  .login-hero p:not(.eyebrow) {
    max-width: 620px;
    font-size: 18px;
  }
}

@media (max-width: 1080px) {

  .app-shell {
    grid-template-columns: 88px minmax(0, 1fr);
  }

  .team-drawer {
    left: 88px;
  }

  .sidebar {
    padding: 14px;
    align-items: center;
  }

  .brand span,
  .sidebar .brand-logo-full,
	  .nav-item span,
	  .nav-more,
	  .season-card {
	    display: none;
	  }

  .sidebar .brand-logo-symbol {
    display: block;
    width: 48px;
  }

  .nav-item {
    width: 56px;
    justify-content: center;
  }

  .hero-panel,
  .my-round-panel,
  .split-work,
  .finance-layout,
  .recap-layout,
  .season-layout,
  .season-bottom-grid,
  .feed-layout,
  .announcements-layout,
  .team-command-strip,
  .admin-command-center,
  .admin-layout {
    grid-template-columns: 1fr;
  }

  .public-media-form,
  .public-media-row,
  .story-card-workbench {
    grid-template-columns: 1fr;
  }

  .story-card-preview {
    width: min(100%, 320px);
    min-height: 0;
    margin: 0 auto;
  }

  .story-card-actions button,
  .story-card-tabs button {
    flex: 1 1 120px;
  }

  .public-media-row img {
    width: 100%;
    height: 168px;
  }

  .public-media-actions,
  .public-media-row-actions {
    justify-content: stretch;
  }

  .public-media-actions button,
  .public-media-row-actions button {
    flex: 1 1 140px;
  }

  .stage-rail {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  }

  .view-header {
    align-items: flex-start;
    flex-direction: column;
  }

  .add-player {
    width: 100%;
    grid-template-columns: minmax(0, 1fr) minmax(128px, 0.35fr) auto;
  }

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

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

  .teams-board {
    grid-template-columns: 1fr;
  }

  .round-result-summary {
    grid-template-columns: 1fr;
  }

  .round-ops-grid,
  .round-duty-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .round-duty-list > div {
    grid-column: 1 / -1;
  }

  .round-social-preset {
    grid-template-columns: 1fr;
  }

  .round-social-event-actions button {
    flex: 1 1 150px;
  }

  .season-badge-grid {
    grid-template-columns: 1fr;
  }

  .versus-card {
    min-height: 130px;
  }
}

@media (min-width: 761px) and (max-width: 1080px) {
  .match-flow-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1081px) and (max-height: 780px) {
  .sidebar {
    gap: 14px;
    padding-block: 16px;
  }

  .nav-list {
    gap: 6px;
  }

  .season-card {
    display: none;
  }
}

@media (max-width: 760px) {
  .patota-loader {
    place-items: end center;
    padding: 18px;
  }

  .patota-loader-card {
    width: min(100%, calc(100vw - 36px));
    max-width: calc(100vw - 36px);
    margin-bottom: max(10px, env(safe-area-inset-bottom));
    gap: 20px;
  }

  .patota-loader-brand {
    align-items: flex-start;
    flex-direction: column;
  }

  .patota-loader-status {
    justify-content: flex-start;
  }

  .patota-loader-copy h1 {
    max-width: 9ch;
  }

  .login-screen {
    display: grid;

    gap: 12px;
    overflow-x: hidden;
    background:
      linear-gradient(180deg, rgba(5, 7, 13, 0.92), rgba(5, 7, 13, 0.82) 46%, rgba(5, 7, 13, 0.96)),
      url("assets/resenha-community.webp") 42% top / auto 58vh no-repeat,
      var(--night);
  }

  .login-screen::before,
  .login-screen::after {
    display: none;
  }

  .login-orbit {
    display: none;
  }

  .login-brand {
    display: block;
    width: fit-content;
    margin-bottom: 18px;
  }

  .login-hero {
    order: 2;

    max-width: 100% !important;
    min-width: 0;
    margin: 0 auto;

  }

  .login-hero h1 {
    max-width: 100%;
    font-size: clamp(33px, 8.7vw, 42px);
  }

  .login-hero p:not(.eyebrow) {
    max-width: 100%;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 1.35;
  }

  .login-preview-row {
    display: none;
  }

  .login-feature-strip {
    display: none;
  }

  .mini-sticker {
    width: 96px;
    min-height: 120px;
  }

  .mini-sticker strong {
    font-size: 20px;
  }

  .login-card {
    order: 1;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    gap: 10px;
    padding: 14px;
    margin: 10px auto 18px;
  }

  .login-card.is-fast-invite {
    min-height: auto;
    align-content: stretch;
  }

  .login-card h2 {
    font-size: 32px;
  }

  .login-card.is-entry-choice-only {
    gap: 16px;
    padding: 18px;
    margin: 6px auto 12px;
  }

  .login-card.is-entry-choice-only h2 {
    font-size: 36px;
  }

  .login-card.is-entry-choice-only .login-mode-note strong {
    font-size: 15px;
  }

  .login-card.is-entry-choice-only .login-mode-note span {
    font-size: 14px;
  }

  .login-card.is-entry-choice-only .login-choice-bar {

    gap: 10px;
  }

  .login-card.is-entry-choice-only .login-choice-bar button {
    min-height: 112px;
    padding: 16px;
  }

  .login-card.is-entry-choice-only .login-choice-bar [data-entry-choice="account"] {
    min-height: 76px;
  }

  .login-help-steps {
    gap: 6px;
  }

  .login-help-steps li {
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 7px;
    padding: 8px;
  }

  .login-help-steps li > span {
    width: 24px;
    height: 24px;
    font-size: 15px;
  }

  .login-help-steps strong {
    font-size: 11px;
  }

  .login-help-steps small {
    font-size: 10px;
  }

  .login-choice-bar button {
    max-width: 100%;
    min-height: 58px;
    padding: 10px;
    overflow-wrap: anywhere;
    text-align: left;
  }

  .login-choice-bar button strong {
    font-size: 14px;
  }

  .login-choice-bar button small {
    font-size: 11px;
  }

  .invite-intent {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }

  .invite-intent button {
    max-width: 100%;
    min-height: 44px;
    padding: 8px 6px;
    font-size: 11px;
    overflow-wrap: anywhere;
  }

  .invite-preview {
    gap: 10px;
    padding: 12px;
  }

  .invite-preview h3 {
    font-size: 22px;
  }

  .invite-preview p {
    font-size: 13px;
  }

  .invite-preview-stats {

    gap: 6px;
  }

  .invite-preview-stats div {
    padding: 7px;
  }

  .invite-preview-stats dd {
    font-size: 17px;
    overflow-wrap: anywhere;
  }

  .auth-mode-toggle {
    gap: 6px;
  }

  .auth-mode-toggle button {
    min-height: 44px;
    padding: 6px 4px;
    font-size: 10px;
  }

  .login-mode-note {
    gap: 3px;
    padding-top: 6px;
  }

  .login-mode-note strong {
    font-size: 11px;
  }

  .login-mode-note span {
    font-size: 12px;
    line-height: 1.25;
  }

  .login-card input {
    min-height: 46px;
  }

  .player-card-builder {
    padding: 0;
  }

  .player-card-modal {
    align-items: end;

  }

  .player-card-modal-panel {
    width: min(100%, 420px);
    max-height: calc(100vh - 20px);
    border-radius: 10px 10px 0 0;
  }

  .player-card-modal .player-sticker-top {
    grid-template-columns: minmax(0, 1fr) 46px;
  }

  .player-card-modal .player-sticker-photo {
    width: min(104px, 34vw);
    border-width: 3px;
    font-size: 31px;
  }

  .player-card-modal .player-sticker-name {
    font-size: 22px;
  }

  .player-card-modal .player-sticker-stats div {
    padding: 6px 5px;
  }

  .player-card-modal .player-sticker-attributes span {
    padding: 5px 2px;
  }

  .player-card-fields input,
  .player-card-fields select {
    min-height: 44px;
  }

  .player-photo-picker > span,
  .player-photo-clear,
  .player-card-randomize {
    min-height: 44px;
  }

  .login-consent {
    padding: 9px;
  }

  .login-card .login-consent input {
    min-height: 22px;
  }

  .login-consent span {
    font-size: 11px;
  }

  @media (max-width: 360px) {
    .login-screen {
      padding: 12px;
      gap: 12px;
    }

    .login-card {
      gap: 8px;
      padding: 12px;
    }

    .login-card h2 {
      font-size: 29px;
    }

    .login-card.is-entry-choice-only h2 {
      font-size: 31px;
    }

    .login-card.is-entry-choice-only .login-choice-bar button {
      min-height: 104px;
      padding: 14px;
    }

    .login-card.is-entry-choice-only .login-choice-bar [data-entry-choice="account"] {
      min-height: 70px;
    }

    .login-card.is-entry-choice-only .login-choice-bar button strong {
      font-size: 18px;
    }

    .login-card.is-entry-choice-only .login-choice-bar button small {
      font-size: 12px;
      line-height: 1.28;
    }

    .login-choice-bar button {
      min-height: 44px;
      font-size: 10px;
    }

    .invite-preview {
      padding: 10px;
    }

    .invite-preview h3 {
      font-size: 20px;
    }

    .invite-preview-stats {
      display: none;
    }

    .login-card input {
      min-height: 44px;
    }

    .player-card-fields {
      grid-template-columns: 1fr;
    }

    .player-card-field {
      grid-column: 1 / -1;
    }

    .login-submit {
      min-height: 44px;
    }

    .login-card .login-consent input {
      min-height: 22px;
    }
  }

  .app-shell {
    display: block;
  }

  .sidebar {
    position: fixed;
    left: 10px;
    right: 10px;
    bottom: calc(10px + env(safe-area-inset-bottom, 0px));
    top: auto;
    height: 68px;
    z-index: 50;
    padding: 6px;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    border: 1px solid var(--line);
    border-radius: 8px;
    background:
      linear-gradient(180deg, rgba(126, 221, 81, 0.08), rgba(5, 7, 13, 1) 44%),
      rgba(5, 7, 13, 1);
    box-shadow: 0 -14px 36px rgba(0, 0, 0, 0.42), 0 0 0 1px rgba(126, 221, 81, 0.08);
    backdrop-filter: blur(18px) saturate(1.15);
  }

  /**/
  .sidebar .brand {
    display: none;
  }

  .nav-list {
    width: 100%;
    min-width: 0;
    display: flex;
    align-items: stretch;
    gap: 2px;
  }

  .nav-item,
  .nav-list > .nav-more > summary {
    flex: 1 1 0;
    min-width: 0;

    flex-direction: column;
    justify-content: center;
    gap: 3px;
    padding: 6px 2px;
  }

  .nav-item:hover,
  .nav-item.is-active {
    transform: none;
  }

  /**/
  .nav-item span,
  .nav-list > .nav-more > summary span {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    line-height: 1;
  }

  .nav-list > .nav-more {
    display: block;
    position: relative;
    flex: 1 1 0;
    min-width: 0;
  }

  .nav-list > .nav-more > summary {
    display: inline-flex;
    width: 100%;
  }

  .nav-list > .nav-more .nav-more-menu {
    position: absolute;
    right: 0;
    bottom: calc(100% + 12px);
    z-index: 60;
    min-width: 176px;
    padding: 8px;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
    box-shadow: var(--shadow);
  }

  .nav-list > .nav-more .nav-more-menu .nav-item {
    width: 100%;
    min-height: 44px;
    flex-direction: row;
    justify-content: flex-start;
    gap: 10px;
    padding: 10px 12px;
  }

  .nav-list > .nav-more .nav-more-menu .nav-item span {
    font-size: 13px;
  }

  .workspace {
    padding: 14px 14px 96px;
  }

  body[data-view="times"] .workspace {
    padding-bottom: 148px;
  }

  .team-drawer {
    right: 0;
    bottom: 74px;
    left: 0;
    z-index: 62;
    transform: translateY(calc(100% - 54px));
  }

  .team-drawer-toggle {
    min-width: 122px;
    min-height: 54px;
    padding: 9px 14px;
  }

  .team-drawer-panel {
    min-height: 0;
    max-height: min(58vh, 372px);
    overflow: hidden;
    padding: 12px 0 calc(14px + env(safe-area-inset-bottom));
    border-radius: 14px 14px 0 0;
  }

  .team-drawer-track {
    gap: 10px;
    max-height: calc(min(58vh, 372px) - 28px);
    padding: 4px 14px 10px;
    overflow-x: auto;
    overflow-y: hidden;
  }

  .team-drawer-card {
    width: 152px;
    min-height: 208px;
    flex-basis: 152px;
    padding: 12px;
  }

  .team-drawer-card strong {
    font-size: 40px;
  }

  .topbar {
    gap: 8px;
    margin-bottom: 10px;
  }

  .topbar-actions {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(82px, 0.62fr) 48px;
    align-items: stretch;
    gap: 6px;
  }

  .patota-switcher {
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 0.42fr) minmax(0, 1fr);
    width: 100%;
    border-radius: 8px;
  }

  .patota-switcher select {
    min-width: 0;
  }

  .topbar-actions #resetDemo,
  .topbar-actions #openMatch,
  .topbar-actions #upgradeGuestAccount {
    display: none;
  }

  .topbar-actions #logoutDemo span {
    display: none;
  }

  .topbar-actions #logoutDemo {
    width: 48px;
    min-width: 48px;
    justify-self: end;
    padding: 0;
  }

  .topbar-actions .session-pill,
  .topbar-actions .ghost-button,
  .topbar-actions .primary-button {
    min-height: 44px;
    padding: 7px 9px;
    font-size: 11px;
  }

  .topbar-actions .session-pill {
    min-width: 0;
    justify-content: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .stage-rail {
    display: flex;
    overflow-x: auto;
    gap: 6px;
    margin: -4px -14px 12px;
    padding: 0 14px 5px;
    scroll-snap-type: x proximity;
  }

  .score-inputs {
    grid-template-columns: 1fr;
  }

  .score-inputs strong {
    min-height: 44px;
  }

  .season-hero-panel {
    min-height: 420px;
  }

  .season-hero-panel h3 {
    font-size: 42px;
  }

  .season-quick-grid {
    gap: 7px;
  }

  .season-quick-card {
    min-height: 112px;
    padding: 10px;
  }

  .stage-step {
    flex: 0 0 116px;
    min-width: 116px;
    min-height: 56px;
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 6px 8px;
    padding: 8px 9px;
    scroll-snap-align: start;
  }

  .stage-step span {
    width: 30px;
    height: 30px;
    font-size: 10px;
  }

  .stage-step strong {
    overflow: hidden;
    overflow-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
  }

  .stage-step small {
    font-size: 10px;
  }

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

  .admin-tabs {
    margin: 0 0 12px;
    padding: 5px;
  }

  .admin-tabs button {
    min-height: 44px;
    padding: 9px 11px;
    font-size: 16px;
  }

  .admin-tab-copy {
    font-size: 15px;
  }

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

  .app-toast {
    left: 14px;
    right: 14px;
    bottom: 88px;
    max-width: none;
  }

  .topbar,
  .view-header,
  .surface-heading {
    align-items: flex-start;
    flex-direction: column;
  }

  .view-actions {
    width: 100%;
    justify-content: flex-start;
  }

  .topbar h1 {
    font-size: 28px;
  }

  .view-header h2 {
    font-size: 32px;
  }

  .hero-panel {
    min-height: auto;
    padding: 18px;
  }

  .hero-copy h2 {
    font-size: 36px;
  }

  .hero-copy p:not(.eyebrow) {
    font-size: 16px;
  }

  .ticket-score strong {
    font-size: 64px;
  }

  .metric-grid,
  .share-stats,
  .badge-board,
  .add-player,
  .rule-grid,
  .announcement-form-actions {
    grid-template-columns: 1fr;
  }

  .my-round-panel {
    min-height: auto;
    align-items: start;
    gap: 12px;
    padding: 14px;
  }

  .my-round-matchday {
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 10px;
    padding: 10px;
  }

  .my-round-crest {
    width: 48px;
    height: 48px;
    font-size: 20px;
  }

  .my-round-matchday strong {
    font-size: 17px;
  }

  .my-round-matchday dl {
    display: none;
  }

  .my-round-copy {
    gap: 6px;
  }

  .my-round-copy h3 {
    font-size: 23px;
  }

  .my-round-copy p {
    font-size: 14px;
  }

  .my-round-next {
    padding: 9px 10px;
  }

  .my-round-next strong {
    font-size: 13px;
  }

  .my-round-feedback {
    grid-template-columns: 1fr;
    gap: 3px;
    padding: 9px 10px;
  }

  .my-round-feedback strong {
    font-size: 12px;
  }

  .my-round-guide {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .my-round-guide li {
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 7px;
    padding: 8px;
  }

  .my-round-guide li > span {
    width: 24px;
    height: 24px;
    font-size: 15px;
  }

  .my-round-guide strong {
    font-size: 11px;
  }

  .my-round-guide small {
    font-size: 10px;
  }

  .my-round-summary span {
    min-height: 34px;
    font-size: 11px;
  }

  .my-round-secondary {
    gap: 7px;
  }

  .my-round-live-grid {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .my-round-insights {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .my-round-insights button {
    min-height: 72px;
    padding: 10px;
  }

  .round-ops-panel {
    padding: 10px;
  }

  .round-ops-heading strong {
    font-size: 15px;
  }

  .round-ops-grid,
  .round-duty-list {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .round-ops-grid button {
    min-height: 76px;
    padding: 10px;
  }

  .round-duty-list > div,
  .round-duty-list article {
    padding: 10px;
  }

  .round-social-event-card strong {
    font-size: 20px;
  }

  .round-social-event-actions {
    gap: 7px;
  }

  .my-round-live-card {
    padding: 9px;
  }

  .my-round-live-card li {
    min-height: 32px;
  }

  .my-round-live-card li:nth-child(n+3) {
    display: none;
  }

  .my-round-status-note {
    padding: 9px 10px;
  }

  .my-round-status-note strong {
    font-size: 12px;
  }

  .admin-day-panel {
    gap: 8px;
    padding: 10px;
  }

  .admin-day-heading {
    align-items: flex-start;
  }

  .admin-day-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  .admin-day-task {
    grid-template-rows: minmax(62px, auto) auto;
    padding: 8px;
  }

  .admin-day-task strong {
    font-size: 12px;
  }

  .admin-day-task small {
    font-size: 10px;
  }

  .my-round-actions {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: flex-start;
  }

  .my-round-actions button {
    min-height: 44px;
    padding: 9px 10px;
    font-size: 13px;
  }

  .my-round-actions .primary-action {
    grid-column: 1 / -1;
  }

  .player-finance-card,
  .profile-photo-control {
    align-items: stretch;
    flex-direction: column;
  }

  .player-finance-card strong {
    font-size: 22px;
  }

  .profile-layout,
  .profile-form,
  .profile-summary-grid {
    grid-template-columns: 1fr;
  }

  .profile-summary-hero,
  .profile-summary-empty {
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 10px;
  }

  .profile-summary-avatar,
  .profile-summary-empty > span {
    width: 58px;
    height: 58px;
    font-size: 22px;
  }

  .profile-summary-hero strong,
  .profile-summary-empty strong {
    font-size: 22px;
  }

  .my-round-secondary-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .my-round-secondary-actions button {
    width: 100%;
    padding: 9px 10px;
    font-size: 13px;
  }

  .my-round-panel > .my-round-guide {
    display: none;
  }

  .feed-signal-card {
    min-height: 360px;
  }

  .announcement-signal-card {
    min-height: 340px;
  }

  .feed-signal-card strong {
    font-size: 46px;
  }

  .announcement-signal-card strong {
    font-size: 42px;
  }

  .feed-event {
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .feed-event .status-pill {
    width: fit-content;
    grid-column: 2;
  }

  .admin-player-row {
    grid-template-columns: 42px minmax(0, 1fr) auto;
  }

  .admin-player-row small,
  .admin-player-row .status-pill {
    display: none;
  }

  .admin-hero-card strong {
    font-size: 36px;
  }

  .admin-link-box {
    grid-template-columns: 1fr;
  }

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

  .sticker-card {
    min-height: 238px;
  }

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

  .share-card h3 {
    font-size: 42px;
  }
}

@media (max-width: 460px) {
  .topbar-actions {
    grid-template-columns: minmax(0, 1fr) minmax(76px, 0.58fr) 48px;
  }

  .topbar-actions .ghost-button,
  .topbar-actions .primary-button {
    width: 100%;
  }

  .guest-upgrade-button span {
    display: none;
  }

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

  .season-quick-grid {
    grid-template-columns: 1fr;
  }

  .team-drawer-card {
    width: 144px;
    flex-basis: 144px;
  }
}

@media (max-width: 760px) {
  .public-patota-screen {
    width: min(100vw - 24px, 520px);
    padding-top: 12px;
  }

  .public-patota-header,
  .public-patota-footer,
  .public-patota-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .public-patota-header .ghost-button,
  .public-patota-actions button {
    width: 100%;
  }

  .public-patota-hero,
  .public-patota-grid,
  .public-join-section,
  .public-join-form {
    grid-template-columns: 1fr;
  }

  .public-patota-hero {
    min-height: auto;
  }

  .public-patota-cover {
    min-height: 250px;
  }

  .public-patota-copy {
    padding: 20px;
  }

  .public-patota-copy h1 {
    font-size: clamp(38px, 13vw, 58px);
  }

  .public-score-card {
    grid-template-columns: 1fr;
  }

  .public-ranking-row {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .public-ranking-row b {
    grid-column: 2;
  }

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

  .public-join-form-wide,
  .public-page-form-wide {
    grid-column: auto;
  }

  .public-page-link-box,
  .public-page-color-row,
  .public-page-identity-preview,
  .public-page-preview-card {
    grid-template-columns: 1fr;
  }

  .public-page-link-box button,
  .public-page-link-box a {
    justify-content: center;
  }

  .public-page-preview-cover {
    min-height: 180px;
  }

  .login-screen {
    inline-size: 100vw;
    max-inline-size: 100vw;
  }

  .login-screen > .login-card,
  .login-screen > .login-hero {
    inline-size: calc(100vw - 36px) !important;
    max-inline-size: calc(100vw - 36px) !important;
  }

  .login-card *,
  .login-hero * {
    max-inline-size: 100%;
  }
}


/**/
.app-toast:is([data-tone="error"], [data-tone="warning"]) {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-right: 8px;
}
.app-toast-close {
  flex: 0 0 auto;
  min-width: 44px;
  min-height: 44px;
  margin: -8px 0;
  display: inline-grid;
  place-items: center;
  color: inherit;
  background: transparent;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  font: 700 22px/1 var(--body);
}
.app-toast-close:hover,
.app-toast-close:focus-visible { background: rgba(0, 0, 0, 0.12); outline: 2px solid currentColor; outline-offset: -2px; }
/**/
.app-toast.has-action { display: flex; align-items: center; gap: 12px; padding-right: 8px; }
.app-toast-action {
  flex: 0 0 auto;
  min-height: 44px;
  margin: -8px 0;
  padding: 0 14px;
  color: inherit;
  background: rgba(0, 0, 0, 0.14);
  border: 1px solid currentColor;
  border-radius: 999px;
  cursor: pointer;
  font: 800 14px/1 var(--body);
  white-space: nowrap;
}
.app-toast-action:hover,
.app-toast-action:focus-visible { background: rgba(0, 0, 0, 0.24); outline: 2px solid currentColor; outline-offset: 2px; }

/**/
.login-screen {
  --broadcast-bg: #0b0f10;
  --broadcast-panel: rgba(18, 23, 24, 0.9);
  --broadcast-panel-strong: rgba(22, 28, 29, 0.96);
  --broadcast-line: rgba(126, 221, 81, 0.2);
  --broadcast-line-strong: rgba(126, 221, 81, 0.55);
  --broadcast-lime: #7edd51;
  --broadcast-lime-bright: #93f364;
  --broadcast-text: #e0e3e5;
  --broadcast-muted: #aeb8ad;
  --broadcast-quiet: #6f7a70;
  min-height: 100dvh;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(380px, 520px);
  align-items: center;
  justify-content: center;
  gap: clamp(42px, 6vw, 96px);
  padding: clamp(42px, 6vh, 76px) clamp(36px, 6vw, 96px);
  overflow-x: clip;
  overflow-y: visible;
  color: var(--broadcast-text);
  background:
    linear-gradient(180deg, rgba(11, 15, 16, 0.12), rgba(11, 15, 16, 0.96)),
    radial-gradient(circle at center, rgba(52, 67, 71, 0.28), rgba(11, 15, 16, 0.96) 62%),
    url("assets/resenha-community.webp") center / cover no-repeat,
    var(--broadcast-bg);
}

.login-screen::before {
  inset: 0;
  width: auto;
  height: auto;
  right: auto;
  top: auto;
  z-index: -1;
  background:
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.025) 0 1px, transparent 1px 4px),
    linear-gradient(90deg, rgba(11, 15, 16, 0.92), rgba(11, 15, 16, 0.34) 50%, rgba(11, 15, 16, 0.92));
  transform: none;
}

.login-screen::after {
  inset: auto 0 0;
  width: auto;
  height: 42%;
  left: auto;
  bottom: 0;
  z-index: -1;
  background: linear-gradient(180deg, transparent, rgba(11, 15, 16, 0.98));
  transform: none;
}

.login-hero {
  position: relative;
  width: min(760px, 100%);
  max-width: 760px;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
  justify-self: end;
}

.login-hero .eyebrow {
  color: var(--broadcast-lime-bright);
  font-family: "Hanken Grotesk", var(--body);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: none;
}

.login-hero h1 {
  max-width: 720px;
  color: var(--broadcast-text);
  font-family: "Barlow Condensed", var(--heading);
  font-size: clamp(64px, 7.1vw, 112px);
  line-height: 0.9;
  text-transform: none;
}

.login-hero p:not(.eyebrow) {
  max-width: 640px;
  color: rgba(224, 227, 229, 0.82);
  font-size: clamp(18px, 1.35vw, 22px);
  line-height: 1.45;
}

.login-feature-strip {
  width: min(760px, 100%);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: clamp(28px, 4vh, 44px);
}

.login-feature-strip article {
  min-height: 150px;
  padding: 20px;
  color: var(--broadcast-text);
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  box-shadow: none;
  backdrop-filter: blur(12px);
}

.login-feature-strip article.is-accent {
  color: var(--broadcast-bg);
  background: var(--broadcast-lime);
  border-color: var(--broadcast-lime);
}

.login-feature-strip span {
  color: inherit;
  font-family: "Hanken Grotesk", var(--body);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: none;
  opacity: 0.72;
}

.login-feature-strip strong {
  color: inherit;
  font-family: "Barlow Condensed", var(--heading);
  font-size: clamp(23px, 1.8vw, 30px);
  font-weight: 800;
  line-height: 1.02;
  text-transform: none;
}

.login-card {
  position: relative;
  width: min(520px, 100%);
  max-height: none;
  justify-self: start;
  gap: 14px;
  overflow: visible;
  padding: 26px 28px 28px;
  color: var(--broadcast-text);
  background:
    linear-gradient(135deg, rgba(31, 38, 39, 0.9), rgba(13, 18, 19, 0.96)),
    var(--broadcast-panel);
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 0;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.54);
  backdrop-filter: blur(16px);
}

.login-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: var(--broadcast-lime);
  box-shadow: 0 0 22px rgba(126, 221, 81, 0.55);
}

.login-card::after {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  width: 17px;
  height: 17px;
  border-top: 2px solid var(--broadcast-lime);
  border-right: 2px solid var(--broadcast-lime);
  pointer-events: none;
}

.login-card-identity {
  order: 0;
  display: grid;
  grid-template-columns: minmax(84px, 0.42fr) minmax(0, 1fr);
  align-items: center;
  gap: 8px 14px;
  padding: 0 0 8px;
  text-align: left;
}

.login-card-logo {
  display: none;
  width: min(156px, 62%);
  height: auto;
  filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.5));
}

.login-card:not(.is-entry-choice-only) {
  gap: 10px;
  padding: 22px 28px 24px;
}

.login-card:not(.is-entry-choice-only) .login-card-identity {
  display: none;
}

.login-signal-line {
  width: 100%;
  height: 1px;
  position: relative;
  margin: 0;
  background: rgba(255, 255, 255, 0.12);
}

.login-signal-line span {
  position: absolute;
  inset: 0 auto auto 0;
  width: 28%;
  height: 2px;
  background: var(--broadcast-lime);
  box-shadow: 0 0 12px rgba(126, 221, 81, 0.82);
}

.login-system-title,
.login-system-status {
  margin: 0;
  text-transform: uppercase;
}

.login-system-title {
  font-family: "Barlow Condensed", var(--heading);
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1;
}

.login-system-title span {
  color: var(--broadcast-lime-bright);
}

.login-system-status {
  max-width: 230px;
  color: var(--broadcast-text);
  font-family: var(--body);
  font-size: 0.58rem;
  font-weight: 600;
  line-height: 1.35;
}

.login-card-header,
.login-back-choice,
.login-choice-bar,
.invite-preview,
.invite-intent,
.login-step-grid,
.create-patota-note,
.login-account-details,
.login-consent,
.login-actions,
.player-card-builder,
.save-access-button,
.account-created-panel,
#loginStatus,
.login-legal-links {
  position: relative;
  z-index: 1;
}

.login-card-header {
  gap: 7px;
}

.login-back-choice {
  width: fit-content;
  min-height: 32px;
  padding: 0 10px;
  color: var(--broadcast-muted);
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0;
  cursor: pointer;
  font-family: var(--body);
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

.login-back-choice::before {
  content: "←";
  margin-right: 7px;
  color: var(--broadcast-lime-bright);
}

.login-back-choice:hover,
.login-back-choice:focus-visible {
  color: var(--broadcast-text);
  border-color: var(--broadcast-line-strong);
  box-shadow: 0 0 0 1px rgba(126, 221, 81, 0.2);
}

.login-card .eyebrow,
.login-choice-kicker,
.login-card label span,
.login-card small,
.invite-preview-stats dt,
.login-divider,
#loginStatus,
.login-legal-links {
  font-family: var(--body);
  letter-spacing: 0;
  text-transform: uppercase;
}

.login-card .eyebrow {
  color: var(--broadcast-muted);
  font-size: 0.66rem;
}

.login-card h2,
.invite-preview h3 {
  color: var(--broadcast-text);
  font-family: "Barlow Condensed", var(--heading);
  font-weight: 800;
  text-transform: uppercase;
}

.login-card h2 {
  font-size: 1.85rem;
  line-height: 1;
}

.login-mode-note {
  padding: 8px 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.login-mode-note strong {
  color: var(--broadcast-text);
  font-family: "Barlow Condensed", var(--heading);
  font-size: 1.04rem;
  font-weight: 700;
  text-transform: uppercase;
}

.login-mode-note span {
  color: var(--broadcast-muted);
  font-family: "Hanken Grotesk", var(--body);
  font-size: 0.84rem;
  font-weight: 600;
}

.login-choice-bar {
  gap: 8px;
}

.login-choice-bar button,
.invite-intent button,
.code-fallback-button,
.save-access-button,
.account-created-panel button,
.auth-mode-toggle button {
  border-radius: 0;
  transition:
    transform 180ms ease,
    background 180ms ease,
    border-color 180ms ease,
    color 180ms ease,
    box-shadow 180ms ease;
}

.login-choice-bar button {
  min-height: 58px;
  padding: 10px 12px;
  color: var(--broadcast-text);
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(126, 221, 81, 0.18);
}

.login-choice-kicker {
  color: var(--broadcast-lime-bright);

}

.login-choice-bar button strong {
  color: var(--broadcast-text);
  font-family: "Barlow Condensed", var(--heading);
  font-size: 1.08rem;
  font-weight: 700;

}

.login-choice-bar button small {
  color: var(--broadcast-muted);
  font-family: "Hanken Grotesk", var(--body);
  font-size: 0.78rem;
  font-weight: 600;
  text-transform: none;
}

.login-choice-bar button::after {
  color: var(--broadcast-bg);
  background: rgba(126, 221, 81, 0.85);
  border-radius: 0;
}

.login-choice-bar button:hover,
.login-choice-bar button:focus-visible,
.login-choice-bar button.is-active,
.invite-intent button:hover,
.invite-intent button:focus-visible,
.invite-intent button.is-active {
  border-color: var(--broadcast-lime);
  box-shadow: 0 0 0 1px rgba(126, 221, 81, 0.38), 0 0 20px rgba(126, 221, 81, 0.12);
}

.login-choice-bar button.is-active,
.invite-intent button.is-active,
.code-fallback-button {
  color: var(--broadcast-bg);
  background: var(--broadcast-lime);
}

.login-choice-bar button.is-active strong,
.login-choice-bar button.is-active small,
.login-choice-bar button.is-active .login-choice-kicker,
.invite-intent button.is-active {
  color: var(--broadcast-bg);
}

.login-card.is-entry-choice-only {
  width: min(520px, 100%);
  gap: 14px;
  padding: 28px 28px 30px;
  color: var(--broadcast-text);
  background:
    linear-gradient(135deg, rgba(31, 38, 39, 0.9), rgba(13, 18, 19, 0.96)),
    var(--broadcast-panel);
  border-color: rgba(255, 255, 255, 0.11);
}

.login-card.is-entry-choice-only .eyebrow {
  display: block;
}

.login-card.is-entry-choice-only h2 {
  color: var(--broadcast-text);
  font-size: 1.95rem;
}

.login-card.is-entry-choice-only .login-mode-note {
  padding: 8px 0 0;
  border-bottom: 0;
}

.login-card.is-entry-choice-only .login-mode-note strong {
  color: var(--broadcast-text);
  font-size: 1.04rem;
}

.login-card.is-entry-choice-only .login-mode-note span {
  color: var(--broadcast-muted);
  font-size: 0.84rem;
}

.login-card.is-entry-choice-only .login-choice-bar {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.login-card.is-entry-choice-only .login-choice-bar button,
.login-card.is-entry-choice-only .login-choice-bar [data-entry-choice="account"] {
  grid-column: auto;
  min-height: 58px;
  padding: 10px 12px;
  color: var(--broadcast-text);
  background: rgba(255, 255, 255, 0.035);
  border-color: rgba(126, 221, 81, 0.18);
}

.login-card.is-entry-choice-only .login-choice-bar button strong,
.login-card.is-entry-choice-only .login-choice-bar [data-entry-choice="account"] strong {
  color: var(--broadcast-text);
  font-size: 1.08rem;
}

.login-card.is-entry-choice-only .login-choice-bar button small {
  color: var(--broadcast-muted);
  font-size: 0.78rem;
}

.login-card.is-entry-choice-only .login-choice-bar button:hover strong,
.login-card.is-entry-choice-only .login-choice-bar button:focus-visible strong {
  color: var(--broadcast-lime-bright);
}

/**/
.login-card.is-entry-choice-only .login-choice-bar [data-entry-choice="invite"] {
  order: 1;
  grid-column: 1 / -1;
  min-height: 96px;
  align-content: center;
  background: linear-gradient(135deg, rgba(126, 221, 81, 0.18), rgba(255, 255, 255, 0.03) 62%);
  border-color: rgba(126, 221, 81, 0.55);
}

.login-card.is-entry-choice-only .login-choice-bar [data-entry-choice="invite"] strong {
  font-size: 1.4rem;
}

.login-card.is-entry-choice-only .login-choice-bar [data-entry-choice="account"] {
  order: 2;
  grid-column: 1 / -1;
  min-height: 64px;
}

.login-card.is-entry-choice-only .login-choice-bar [data-entry-choice="signup"],
.login-card.is-entry-choice-only .login-choice-bar [data-entry-choice="create"] {
  min-height: 48px;
  background: rgba(255, 255, 255, 0.02);
  border-color: rgba(255, 255, 255, 0.14);
}

.login-card.is-entry-choice-only .login-choice-bar [data-entry-choice="signup"] {
  order: 3;
}

.login-card.is-entry-choice-only .login-choice-bar [data-entry-choice="create"] {
  order: 4;
}

.login-card.is-entry-choice-only .login-choice-bar [data-entry-choice="signup"] strong,
.login-card.is-entry-choice-only .login-choice-bar [data-entry-choice="create"] strong {
  font-size: 0.95rem;
}

.login-card.is-entry-choice-only .login-choice-bar [data-entry-choice="signup"] small,
.login-card.is-entry-choice-only .login-choice-bar [data-entry-choice="create"] small,
.login-card.is-entry-choice-only .login-choice-bar [data-entry-choice="signup"]::after,
.login-card.is-entry-choice-only .login-choice-bar [data-entry-choice="create"]::after {
  display: none;
}

.invite-preview,
.login-step-grid > label,
.login-account-details,
.create-patota-note,
.account-created-panel {
  color: var(--broadcast-text);
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid var(--broadcast-line);
  border-radius: 0;
}

.login-step-grid > label,
.login-account-details label:not(.player-photo-picker):not(.player-card-field),
.create-patota-note {
  position: relative;
  padding: 10px 12px;
}

.login-step-grid > label::after,
.login-account-details label:not(.player-photo-picker):not(.player-card-field)::after {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  width: 10px;
  height: 10px;
  border-top: 2px solid var(--broadcast-lime);
  border-right: 2px solid var(--broadcast-lime);
}

.login-card label span,
.login-card small,
.login-account-details label span,
.player-card-fields label span,
.player-card-fields label small {
  color: var(--broadcast-muted);
  font-size: 0.66rem;
  font-weight: 600;
}

.login-screen .login-card label {
  gap: 5px;
}

.login-card label small {
  color: var(--broadcast-quiet);
  font-family: "Hanken Grotesk", var(--body);
  font-size: 0.7rem;
  line-height: 1.18;
  font-weight: 600;
  text-transform: none;
}

.login-step-grid {
  gap: 8px;
}

.login-card input,
.login-card select,
.login-card textarea {
  min-height: 44px;
  color: #24303a;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(224, 227, 229, 0.7);
  border-radius: 0;
  font-family: var(--body);
  font-size: 0.82rem;
  font-weight: 700;
}

.login-card input:focus,
.login-card select:focus,
.login-card textarea:focus {
  border-color: var(--broadcast-lime);
  box-shadow: 0 0 0 3px rgba(126, 221, 81, 0.18), 0 0 16px rgba(126, 221, 81, 0.16);
}

.invite-intent {
  gap: 7px;
}

.invite-intent button {
  color: var(--broadcast-text);
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.11);
  font-family: var(--body);
  font-size: 0.7rem;
  text-transform: uppercase;
}

.invite-preview {
  padding: 15px;
}

.invite-preview h3 {
  font-size: 1.55rem;
}

.invite-preview p {
  color: var(--broadcast-muted);
  font-family: "Hanken Grotesk", var(--body);
}

.invite-preview-stats div {
  background: rgba(255, 255, 255, 0.055);
  border-radius: 0;
}

.invite-preview-stats dt {
  color: var(--broadcast-muted);
}

.invite-preview-stats dd {
  color: var(--broadcast-lime-bright);
  font-family: var(--body);
}

.login-account-details {
  gap: 8px;
  padding: 8px 10px;
  border-top: 1px solid var(--broadcast-line);
  border-bottom: 1px solid var(--broadcast-line);
}

.login-account-details summary {
  color: var(--broadcast-text);
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 0;
  font-family: var(--body);
  text-transform: uppercase;
}

.login-account-details label {
  margin-top: 6px;
}

.auth-mode-toggle button {
  color: var(--broadcast-text);
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  font-family: var(--body);
  text-transform: uppercase;
}

.auth-mode-toggle button.is-active {
  color: var(--broadcast-bg);
  background: var(--broadcast-lime);
}

.login-divider {
  color: var(--broadcast-quiet);
  font-size: 0.62rem;
}

.login-divider::before {
  background: rgba(255, 255, 255, 0.1);
}

.login-divider span {
  background: #111718;
}

.google-login {
  grid-template-columns: 32px minmax(0, 1fr);
  color: var(--broadcast-text);
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 0;
}

.google-login span {
  color: var(--broadcast-bg);
  background: var(--broadcast-lime);
  border: 0;
  border-radius: 0;
}

.google-login strong {
  font-family: var(--body);
  font-size: 0.68rem;
  text-transform: uppercase;
}

.login-consent {
  color: var(--broadcast-muted);
  background: transparent;
  border: 0;
  border-radius: 0;
  min-height: 44px;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: start;
  column-gap: 10px;
  row-gap: 0;
  padding: 0 2px;
}

.login-consent input {
  inline-size: 22px;
  block-size: 22px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  aspect-ratio: 1;
  align-self: start;
  justify-self: start;
  margin: 2px 0 0;
  padding: 0;
  background: transparent;
  border-color: var(--broadcast-muted);
  border-radius: 0;
}

.login-consent input:checked {
  background: var(--broadcast-lime);
  border-color: var(--broadcast-lime);
}

.login-consent span,
.login-card .login-consent span {
  display: block;
  align-self: start;
  padding-top: 1px;
  color: var(--broadcast-muted);
  font-family: var(--body);
  font-size: 0.62rem;
  line-height: 1.25;
  text-transform: uppercase;
}

.login-screen .login-submit {
  min-height: 50px;
  position: relative;
  overflow: hidden;
  color: var(--broadcast-bg);
  background: var(--broadcast-lime);
  border-radius: 0;
  box-shadow: 0 16px 34px rgba(126, 221, 81, 0.18);
  clip-path: polygon(0 0, 100% 0, 95% 100%, 0 100%);
  font-family: "Barlow Condensed", var(--heading);
  font-size: 1.3rem;
  font-weight: 800;
  text-transform: uppercase;
}

.login-screen .login-submit:hover,
.login-screen .login-submit:focus-visible {
  transform: translateX(3px);
  box-shadow: 0 18px 38px rgba(126, 221, 81, 0.24);
}

.login-screen .login-submit svg {
  width: 20px;
  height: 20px;
  stroke-width: 3;
}

.secondary-login {
  color: var(--broadcast-muted);
  border-color: rgba(255, 255, 255, 0.12);
  border-radius: 0;
}

#loginStatus {
  color: var(--broadcast-quiet);
  font-size: 0.66rem;
  line-height: 1.45;
}

.login-legal-links {
  color: var(--broadcast-quiet);
  font-size: 0.64rem;
}

.login-legal-links a {
  color: var(--broadcast-muted);
  text-decoration: none;
  border-bottom: 1px solid rgba(126, 221, 81, 0.2);
}

.login-legal-links a:hover,
.login-legal-links a:focus-visible {
  color: var(--broadcast-lime-bright);
}

.save-access-button {
  color: var(--broadcast-lime-bright);
  border-color: var(--broadcast-line-strong);
  background: transparent;
}

.account-created-panel {
  padding: 13px;
}

.account-created-panel strong,
.account-created-panel span {
  color: var(--broadcast-text);
}

.account-created-panel button {
  color: var(--broadcast-text);
  background: rgba(255, 255, 255, 0.045);
  border-color: rgba(255, 255, 255, 0.12);
}

.account-created-panel button:first-child {
  color: var(--broadcast-bg);
  background: var(--broadcast-lime);
  border-color: var(--broadcast-lime);
}

.login-card.is-create-mode .login-account-details {
  padding: 0;
  background: transparent;
}

.login-card.is-create-mode .create-patota-note,
.login-card.is-create-mode #loginCreatePatotaField small,
.login-card.is-create-mode #loginNameField small {
  display: none;
}

.login-card.is-fast-invite.is-account-open .login-phone-field {
  display: none;
}

.login-card.is-create-mode .login-account-grid {
  gap: 8px;
}

.login-help-steps li {
  background: rgba(255, 255, 255, 0.035);
  border-color: var(--broadcast-line);
  border-radius: 0;
}

.login-help-steps li > span {
  color: var(--broadcast-bg);
  background: var(--broadcast-lime);
  border-radius: 0;
}

.login-help-steps strong {
  color: var(--broadcast-text);
}

.login-help-steps small {
  color: var(--broadcast-muted);
}

@media (max-width: 760px) {
  .login-screen {
    min-height: 100dvh;
    grid-template-columns: 1fr;
    place-items: center;
    padding: 52px 14px 58px;
    background:
      linear-gradient(180deg, rgba(11, 15, 16, 0.36), rgba(11, 15, 16, 0.96)),
      radial-gradient(circle at top, rgba(52, 67, 71, 0.26), rgba(11, 15, 16, 0.96) 64%),
      url("assets/resenha-community.webp") 48% top / auto 62vh no-repeat,
      var(--broadcast-bg);
  }

  .login-hero {
    position: absolute;
    width: 1px !important;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
  }

  .login-card,
  .login-card.is-entry-choice-only {
    inline-size: min(100%, 430px) !important;
    max-inline-size: min(100%, 430px) !important;
    width: min(100%, 430px) !important;
    max-height: none;
    gap: 13px;
    margin: 0 auto;
    padding: 24px 18px 22px;
  }

  .login-card-identity {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 8px;
    padding-bottom: 10px;
    text-align: center;
  }

  .login-card-logo {
    display: block;
    width: min(150px, 60%);
  }

  .login-system-title {
    font-size: 0.96rem;
  }

  .login-system-status {
    display: none;
  }

  .login-card h2,
  .login-card.is-entry-choice-only h2 {
    font-size: 1.78rem;
  }

  .login-mode-note strong,
  .login-card.is-entry-choice-only .login-mode-note strong {
    font-size: 1.02rem;
  }

  .login-mode-note span,
  .login-card.is-entry-choice-only .login-mode-note span {
    font-size: 0.84rem;
  }

  .login-card.is-entry-choice-only .login-choice-bar button,
  .login-card.is-entry-choice-only .login-choice-bar [data-entry-choice="account"],
  .login-choice-bar button {
    min-height: 56px;
    padding: 10px 12px;
  }

  .login-card.is-entry-choice-only .login-choice-bar {
    grid-template-columns: 1fr;
  }

  .login-choice-bar button strong,
  .login-card.is-entry-choice-only .login-choice-bar button strong,
  .login-card.is-entry-choice-only .login-choice-bar [data-entry-choice="account"] strong {
    font-size: 1rem;
  }

  .login-choice-bar button small,
  .login-card.is-entry-choice-only .login-choice-bar button small {
    font-size: 0.76rem;
  }

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

  .login-screen .login-submit {
    min-height: 54px;
    font-size: 1.24rem;
  }
}

@media (max-width: 360px) {
  .login-screen {
    padding: 46px 10px 42px;
  }

  .login-card,
  .login-card.is-entry-choice-only {
    padding: 20px 14px;
  }

  .login-card-logo {
    width: min(152px, 70%);
  }

  .login-card h2,
  .login-card.is-entry-choice-only h2 {
    font-size: 1.55rem;
  }

  .login-choice-bar button::after {
    width: 26px;
    height: 26px;
  }
}


/**/
.app-shell {
  --field-bg: rgba(248, 250, 245, 0.96);
  --field-text: #11171a;
  --field-muted: #536171;
  --shell-bg: #080d0e;
  --shell-panel: rgba(18, 25, 26, 0.92);
  --shell-panel-soft: rgba(23, 31, 32, 0.84);
  --shell-border: rgba(167, 255, 107, 0.22);
  --shell-border-strong: rgba(126, 221, 81, 0.48);
  --shell-text: #eef6ef;
  --shell-muted: #aeb9b0;
  --shell-quiet: #7d8b86;
  --shell-lime: #7edd51;
  --shell-lime-strong: #a7ff6b;
  --shell-lime-bright: var(--shell-lime-strong);
  --shell-orange: #ff8b38;
  --shell-blue: #60d7ff;
  position: relative;
  color: var(--shell-text);
  background:
    linear-gradient(180deg, rgba(8, 13, 14, 0.82), rgba(8, 13, 14, 0.98)),
    radial-gradient(circle at 18% 0%, rgba(96, 215, 255, 0.12), transparent 34%),
    radial-gradient(circle at 86% 8%, rgba(255, 139, 56, 0.12), transparent 32%),
    linear-gradient(135deg, rgba(126, 221, 81, 0.08), transparent 28%),
    var(--shell-bg);
  font-family: "Hanken Grotesk", var(--font-sans);
}

.app-shell::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    repeating-linear-gradient(180deg, rgba(255, 255, 255, 0.025) 0 1px, transparent 1px 5px),
    linear-gradient(90deg, rgba(126, 221, 81, 0.06), transparent 18%, transparent 82%, rgba(96, 215, 255, 0.06));
  opacity: 0.46;
}

.app-shell > * {
  position: relative;
  z-index: 1;
}

.app-shell .sidebar {
  color: var(--shell-text);
  background:
    linear-gradient(180deg, rgba(16, 22, 23, 0.98), rgba(9, 14, 15, 0.98)),
    var(--shell-panel);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: inset -3px 0 0 rgba(126, 221, 81, 0.7), 18px 0 48px rgba(0, 0, 0, 0.24);
}

.app-shell .brand {
  padding-block: 6px 16px;
}

.app-shell .brand-logo-full {
  width: min(174px, 100%);

}

.app-shell .nav-list,
.app-shell .nav-more-menu {
  gap: 8px;
}

.app-shell .nav-item,
.app-shell .nav-more > summary {
  min-height: 46px;
  color: var(--shell-muted);
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 0;
  box-shadow: inset 3px 0 0 transparent;
}

.app-shell .nav-item span,
.app-shell .nav-more > summary span {
  font-family: "Barlow Condensed", var(--heading);
  font-size: 1.02rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0;
}

.app-shell .nav-item svg,
.app-shell .nav-more svg {
  color: var(--shell-lime);
}

.app-shell .nav-item:hover,
.app-shell .nav-item:focus-visible,
.app-shell .nav-more > summary:hover,
.app-shell .nav-more > summary:focus-visible,
.app-shell .nav-item.is-active {
  color: var(--shell-text);
  background: rgba(126, 221, 81, 0.1);
  border-color: var(--shell-border);
  box-shadow: inset 3px 0 0 var(--shell-lime);
}

.app-shell .season-card {
  color: var(--shell-muted);
  background: linear-gradient(135deg, rgba(126, 221, 81, 0.1), rgba(96, 215, 255, 0.06));
  border: 1px solid var(--shell-border);
  border-radius: 0;
}

.app-shell .season-card strong {
  color: var(--shell-text);
}

.app-shell .season-meter {
  background: rgba(255, 255, 255, 0.08);
}

.app-shell .season-meter span {
  background: linear-gradient(90deg, var(--shell-lime), var(--shell-blue));
}

.app-shell .workspace {
  background: transparent;
}

.app-shell .topbar {
  margin: 14px 14px 0;
  color: var(--shell-text);
  background: rgba(13, 19, 20, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-left: 4px solid var(--shell-lime);
  border-radius: 0;
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.24);
}

.app-shell .topbar h1,
.app-shell .view-header h2,
.app-shell .hero-panel h2,
.app-shell .surface-heading h3,
.app-shell .admin-hero-card strong,
.app-shell .season-hero-panel h3 {
  color: var(--shell-text);
  font-family: "Barlow Condensed", var(--heading);
  text-transform: uppercase;
  letter-spacing: 0;
}

/**/
.app-shell .season-hero-panel > span {
  color: #071007;
  font-weight: 900;
}

.app-shell .eyebrow,
.app-shell .status-pill,
.app-shell .session-pill,
.app-shell .amount-chip span,
.app-shell .metric-tile span,
.app-shell .team-progress-card span,
.app-shell .admin-stat-card span,
.app-shell .feed-signal-card span,
.app-shell .announcement-signal-card span,
.app-shell .team-column > span,
.app-shell .round-ops-heading > span,
.app-shell .my-round-live-card > div > span {
  color: var(--shell-muted);
  font-family: var(--body);
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0;
}

.app-shell .topbar .eyebrow,
.app-shell .view-header .eyebrow {
  color: var(--shell-lime-strong);
}

.app-shell .session-pill,
.app-shell .status-pill,
.app-shell .amount-chip {
  color: var(--shell-text);
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0;
}

.app-shell .primary-button,
.app-shell .primary-action,
.app-shell .login-submit {
  color: #071007;
  background: var(--shell-lime);
  border: 1px solid var(--shell-lime);
  border-radius: 0;
  clip-path: polygon(0 0, 100% 0, calc(100% - 14px) 100%, 0 100%);
  font-family: "Barlow Condensed", var(--heading);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0;
  box-shadow: 0 16px 34px rgba(126, 221, 81, 0.22);
}

.app-shell .primary-button:hover,
.app-shell .primary-button:focus-visible,
.app-shell .primary-action:hover,
.app-shell .primary-action:focus-visible {
  transform: translateY(-1px);
  background: var(--shell-lime-strong);
  border-color: var(--shell-lime-strong);
}

.app-shell .ghost-button,
.app-shell .light-button,
.app-shell .secondary-login,
.app-shell .admin-secondary-link,
.app-shell .my-round-secondary-actions button,
.app-shell .bench-row button,
.app-shell .roster-row button,
.app-shell .admin-player-row button {
  color: var(--shell-text);
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 0;
}

.app-shell .ghost-button:hover,
.app-shell .light-button:hover,
.app-shell .admin-secondary-link:hover,
.app-shell .my-round-secondary-actions button:hover,
.app-shell .bench-row button:hover,
.app-shell .roster-row button:hover,
.app-shell .admin-player-row button:hover {
  color: var(--shell-lime-strong);
  border-color: var(--shell-border-strong);
  background: rgba(126, 221, 81, 0.08);
}

.app-shell .stage-rail {
  margin: 14px;
  padding: 10px;
  background: rgba(10, 16, 17, 0.78);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0;
}

.app-shell .stage-step {
  min-height: 74px;
  color: var(--shell-muted);
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 0;
}

.app-shell .stage-step span {
  color: var(--shell-lime);
  background: rgba(126, 221, 81, 0.08);
  border-radius: 0;
}

.app-shell .stage-step strong {
  color: var(--shell-text);
  font-family: "Barlow Condensed", var(--heading);
  text-transform: uppercase;
  letter-spacing: 0;
}

.app-shell .stage-step.is-active {
  color: var(--shell-text);
  background: rgba(126, 221, 81, 0.12);
  border-color: var(--shell-border-strong);
  box-shadow: inset 0 -3px 0 var(--shell-lime);
}

/**/
.app-shell .stage-step.is-active small {
  color: var(--shell-lime);
}

.app-shell .view {
  color: var(--shell-text);
}

.app-shell .view-header {
  margin: 0 0 16px;
  padding: 18px;
  background: rgba(13, 20, 21, 0.74);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-left: 4px solid var(--shell-lime);
  border-radius: 0;
}

.app-shell .tool-surface,
.app-shell .hero-panel,
.app-shell .metric-tile,
.app-shell .team-progress-card,
.app-shell .team-pack-card,
.app-shell .finance-summary,
.app-shell .team-column,
.app-shell .versus-card,
.app-shell .share-card,
.app-shell .season-hero-panel,
.app-shell .profile-card-surface,
.app-shell .feed-signal-card,
.app-shell .announcement-signal-card,
.app-shell .admin-hero-card,
.app-shell .admin-stat-card,
.app-shell .round-ops-panel,
.app-shell .my-round-matchday,
.app-shell .my-round-copy,
.app-shell .my-round-live-card,
.app-shell .my-round-insights button,
.app-shell .my-round-disclosure,
.app-shell .player-finance-card,
.app-shell .section-details {
  color: var(--shell-text);
  background:
    linear-gradient(180deg, rgba(24, 32, 33, 0.9), rgba(13, 19, 20, 0.9)),
    var(--shell-panel);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-left: 3px solid rgba(126, 221, 81, 0.5);
  border-radius: 0;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.2);
}

.app-shell .tool-surface::before,
.app-shell .admin-hero-card::before,
.app-shell .my-round-matchday::before,
.app-shell .hero-panel::before {
  border-radius: 0;
}

.app-shell .metric-tile strong,
.app-shell .team-progress-card strong,
.app-shell .admin-stat-card strong,
.app-shell .amount-chip strong,
.app-shell .finance-summary dd,
.app-shell .match-ticket strong,
.app-shell .team-column h3 {
  color: var(--shell-lime-strong);
  font-family: "Barlow Condensed", var(--heading);
  letter-spacing: 0;
}

.app-shell .accent-orange,
.app-shell [data-tone="orange"],
.app-shell .orange-team {
  border-color: rgba(255, 139, 56, 0.38);
}

.app-shell .accent-orange strong,
.app-shell [data-tone="orange"] strong,
.app-shell .orange-team h3 {
  color: var(--shell-orange);
}

.app-shell .accent-blue,
.app-shell [data-tone="blue"] {
  border-color: rgba(96, 215, 255, 0.38);
}

.app-shell .accent-blue strong,
.app-shell [data-tone="blue"] strong {
  color: var(--shell-blue);
}

.app-shell .round-details,
.app-shell .section-details,
.app-shell .my-round-disclosure {
  background: rgba(10, 15, 16, 0.56);
  border-color: rgba(255, 255, 255, 0.1);
  border-radius: 0;
}

.app-shell .round-details > summary,
.app-shell .section-details > summary,
.app-shell .my-round-disclosure > summary {
  color: var(--shell-text);
  background: rgba(255, 255, 255, 0.035);
  border-radius: 0;
}

.app-shell .round-details > summary span,
.app-shell .section-details > summary span,
.app-shell .my-round-disclosure > summary span {
  color: var(--shell-lime-strong);
}

.app-shell .match-ticket {
  color: #0c1112;
  background: linear-gradient(135deg, #e9ffe1, #bffb78);
  border: 1px solid rgba(126, 221, 81, 0.65);
  border-radius: 0;
  box-shadow: 0 18px 36px rgba(126, 221, 81, 0.14);
}

.app-shell .match-ticket span,
.app-shell .match-ticket dt {
  color: #27372f;
}

.app-shell .match-ticket dd,
.app-shell .match-ticket strong {
  color: #071007;
}

.app-shell .metric-track,
.app-shell .season-xp-meter .metric-track {
  background: rgba(255, 255, 255, 0.09);
}

.app-shell .metric-track i {
  background: linear-gradient(90deg, var(--shell-lime), var(--shell-blue));
}

.app-shell .metric-track.orange i {
  background: linear-gradient(90deg, var(--shell-orange), var(--shell-lime));
}

.app-shell .roster-row,
.app-shell .bench-row,
.app-shell .payment-row,
.app-shell .season-ranking-row,
.app-shell .audit-row,
.app-shell .admin-player-row,
.app-shell .announcement-row,
.app-shell .feed-row {
  color: var(--shell-text);
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 0;
}

.app-shell .roster-row small,
.app-shell .bench-row small,
.app-shell .payment-row small,
.app-shell .season-ranking-row small,
.app-shell .audit-row small,
.app-shell .admin-player-row small,
.app-shell .announcement-row small,
.app-shell .feed-row small,
.app-shell .ledger-note,
.app-shell .recap-publish-status {
  color: var(--shell-muted);
}

.app-shell .segmented-control {
  background: rgba(10, 16, 17, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0;
}

.app-shell .segmented-control button {
  min-height: 42px;
  color: var(--shell-muted);
  border-radius: 0;
}

.app-shell .segmented-control button.is-active {
  color: #071007;
  background: var(--shell-lime);
}

.app-shell input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
.app-shell select,
.app-shell textarea {
  min-height: 46px;
  color: var(--field-text);
  background: var(--field-bg);
  border: 1px solid rgba(13, 19, 20, 0.5);
  border-radius: 0;
  box-shadow: inset 3px 0 0 rgba(126, 221, 81, 0.72);
}

.app-shell textarea {
  min-height: 116px;
}

.app-shell label > span,
.app-shell .round-settings-form label > span,
.app-shell .profile-form label > span,
.app-shell .announcement-form label > span,
.app-shell .public-page-settings-form label > span {
  color: var(--shell-lime-strong);
  font-family: var(--body);
  font-size: 0.875rem;
  line-height: 1.4;
  text-transform: none;
  letter-spacing: 0;
}

.app-shell .player-sticker-preview,
.app-shell .profile-summary-avatar,
.app-shell .player-avatar,
.app-shell .my-round-crest,
.app-shell .public-crest {
  border-radius: 0;
}

.app-shell .teams-state-strip {
  color: var(--shell-text);
  background: rgba(96, 215, 255, 0.08);
  border: 1px solid rgba(96, 215, 255, 0.24);
  border-radius: 0;
}

.app-shell .admin-link-box {
  background: rgba(0, 0, 0, 0.28);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0;
}

.app-shell .admin-link-box code {
  color: var(--shell-lime-strong);
}

.app-shell .team-drawer-toggle {
  color: #071007;
  background: var(--shell-lime);
  border-radius: 0;
}

.app-shell .team-drawer-panel {
  color: var(--shell-text);
  background: rgba(13, 19, 20, 0.96);
  border-color: var(--shell-border);
  border-radius: 0;
}

.app-shell .app-toast {
  color: var(--shell-text);
  background: rgba(13, 19, 20, 0.96);
  border: 1px solid var(--shell-border);
  border-radius: 0;
}

@media (max-width: 760px) {
  .app-shell {
    max-width: 100vw;
    overflow-x: clip;
  }

  .app-shell .sidebar {
    position: fixed;
  }

  .app-shell .workspace {
    max-width: 100vw;
    overflow-x: clip;
  }

  .app-shell .sidebar {
    width: calc(100vw - 20px);
    max-width: calc(100vw - 20px);
    margin-inline: 10px;
    box-sizing: border-box;
  }

  .app-shell .topbar,
  .app-shell .stage-rail {
    margin-inline: 10px;
    max-width: calc(100vw - 20px);
    box-sizing: border-box;
  }

  .app-shell .topbar {
    gap: 8px;
    margin-top: 8px;
    padding: 9px 10px;
    border-left-width: 3px;
  }

  .app-shell .topbar .eyebrow {
    max-width: 100%;
    overflow: hidden;
    font-size: 0.62rem;
    line-height: 1.05;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .app-shell .topbar h1 {
    margin-top: 2px;
    font-size: clamp(1.85rem, 8vw, 2.55rem);
    line-height: 0.88;
  }

  .app-shell .topbar-actions {
    grid-template-columns: minmax(0, 1fr) minmax(76px, 0.58fr) 44px;

  }

  .app-shell .topbar-actions #logoutDemo {
    width: 44px;
    min-width: 44px;
  }

  .app-shell .topbar-actions .session-pill,
  .app-shell .topbar-actions .ghost-button,
  .app-shell .topbar-actions .primary-button {
    min-height: 44px;
    padding: 6px 7px;
    font-size: 10px;
  }

  .app-shell .stage-step {
    min-width: 112px;
  }

  .app-shell .stage-rail {
    overflow-x: auto;
    overflow-y: hidden;
  }

  .app-shell .view-header {
    padding: 14px;
  }
}

@media (max-width: 860px) {
  .swarm,
  .patota-loader {
    max-width: 100vw;
    overflow-x: hidden;
  }
}

@media (max-width: 640px) {
  .app-shell .primary-button,
  .app-shell .primary-action {
    clip-path: none;
  }

  .app-shell .topbar-actions {
    gap: 5px;
  }

  .app-shell .nav-item span,
  .app-shell .stage-step strong {
    font-size: 0.94rem;
  }
}

.my-round-panel.is-home-redesign {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
  align-items: stretch;
  padding: 0;
  color: var(--shell-text);
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.my-round-panel.is-home-redesign > * {
  grid-column: 1 / -1;
}

.home-matchday-card {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1.48fr) minmax(320px, 0.72fr);
  gap: 14px;
  color: var(--shell-text);
}

.home-matchday-main,
.home-status-card,
.home-stat-card,
.home-support-grid button {
  position: relative;
  min-width: 0;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(24, 32, 33, 0.92), rgba(13, 19, 20, 0.92)),
    var(--shell-panel);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-left: 3px solid rgba(126, 221, 81, 0.68);
  border-radius: 0;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22);
}

.home-matchday-main::before,
.home-status-card::before,
.home-stat-card::before,
.home-support-grid button::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    repeating-linear-gradient(180deg, rgba(255, 255, 255, 0.025) 0 1px, transparent 1px 5px),
    linear-gradient(135deg, rgba(126, 221, 81, 0.12), transparent 34%);
  opacity: 0.58;
}

.home-matchday-main > *,
.home-status-card > *,
.home-stat-card > *,
.home-support-grid button > * {
  position: relative;
  z-index: 1;
}

.home-matchday-main {
  min-height: 330px;
  display: grid;
  align-content: space-between;
  gap: 22px;
  padding: clamp(18px, 3vw, 28px);
  background:
    linear-gradient(90deg, rgba(8, 13, 14, 0.98) 0%, rgba(8, 13, 14, 0.86) 56%, rgba(8, 13, 14, 0.5) 100%),
    linear-gradient(135deg, rgba(126, 221, 81, 0.14), transparent 34%),
    url("assets/resenha-community.webp") center right / cover no-repeat;
}

.home-matchday-kicker,
.home-status-card > span,
.home-stat-card > span,
.home-support-grid button > span {
  color: var(--shell-lime-bright);
  font-family: var(--body);
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1.1;
  text-transform: uppercase;
  letter-spacing: 0;
}

.home-matchday-kicker {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.home-matchday-kicker strong {
  padding: 6px 9px;
  color: var(--shell-text);
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.11);
  font-size: 0.68rem;
  text-transform: uppercase;
}

.home-matchday-title {
  min-width: 0;
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
}

.home-crest {
  width: 74px;
  height: 74px;
  display: grid;
  place-items: center;
  color: #071007;
  background: linear-gradient(135deg, var(--shell-lime-bright), var(--shell-lime));
  border: 1px solid rgba(255, 255, 255, 0.34);
  border-radius: 0;
  box-shadow: 0 16px 34px rgba(126, 221, 81, 0.2);
  font-family: var(--score);
  font-size: 30px;
  font-weight: var(--weight-display);
}

.home-matchday-title h3 {
  max-width: 860px;
  margin: 0;
  color: var(--shell-text);
  font-family: "Barlow Condensed", var(--heading);
  font-size: clamp(2.5rem, 5.4vw, 5.3rem);
  font-weight: 900;
  line-height: 0.9;
  letter-spacing: 0;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.home-matchday-title p:not(.eyebrow) {
  max-width: 680px;
  margin: 10px 0 0;
  color: var(--shell-muted);
  font-size: clamp(1rem, 1.3vw, 1.15rem);
  font-weight: 700;
}

.home-match-meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.home-match-meta div {
  min-width: 0;
  padding: 10px;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(255, 255, 255, 0.09);
}

.home-match-meta dt,
.home-match-meta dd {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home-match-meta dt {
  color: var(--shell-quiet);
  font-family: var(--body);
  font-size: 0.67rem;
  font-weight: 800;
  text-transform: uppercase;
}

.home-match-meta dd {
  margin: 4px 0 0;
  color: var(--shell-text);
  font-weight: 850;
}

.home-status-card {
  display: grid;
  gap: 12px;
  align-content: start;
  padding: clamp(16px, 2.2vw, 22px);
  border-left-color: rgba(255, 139, 56, 0.54);
}

.home-status-card > strong {
  color: var(--shell-text);
  font-family: "Barlow Condensed", var(--heading);
  font-size: clamp(2rem, 3.2vw, 3.5rem);
  font-weight: 900;
  line-height: 0.92;
  text-transform: uppercase;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

.home-status-card > p {
  margin: 0;
  color: var(--shell-muted);
  font-weight: 700;
  line-height: 1.35;
}

.home-status-actions {
  display: grid;
  gap: 8px;
  margin-top: 2px;
}

.home-status-actions .primary-action,
.home-status-actions .home-secondary-action {
  width: 100%;
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid transparent;
  border-radius: 0;
  cursor: pointer;
  font-family: "Barlow Condensed", var(--heading);
  font-size: 1.08rem;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0;
  transition: transform 170ms ease, background 170ms ease, border-color 170ms ease;
}

.home-status-actions .primary-action {
  color: #071007;
  background: var(--shell-lime);
  border-color: var(--shell-lime);
  clip-path: polygon(0 0, 100% 0, calc(100% - 14px) 100%, 0 100%);
  box-shadow: 0 16px 34px rgba(126, 221, 81, 0.22);
}

.home-status-actions .home-secondary-action {
  color: var(--shell-text);
  background: rgba(255, 255, 255, 0.045);
  border-color: rgba(255, 255, 255, 0.12);
}

.home-status-actions .primary-action:hover,
.home-status-actions .home-secondary-action:hover {
  transform: translateY(-1px);
}

.home-status-actions svg {
  width: 18px;
  height: 18px;
}

.home-status-card .my-round-feedback {
  max-width: none;
}

.home-stat-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.home-stat-card {
  min-height: 114px;
  display: grid;
  align-content: space-between;
  gap: 8px;
  padding: 14px;
}

.home-stat-card strong {
  color: var(--shell-lime-bright);
  font-family: "Barlow Condensed", var(--heading);
  font-size: clamp(1.5rem, 2.4vw, 2.2rem);
  font-weight: 900;
  line-height: 0.96;
  text-transform: uppercase;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

.home-stat-card small {
  color: var(--shell-muted);
  font-weight: 700;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.home-stat-card[data-tone="orange"],
.home-support-grid button[data-tone="orange"] {
  border-left-color: rgba(255, 139, 56, 0.62);
}

.home-stat-card[data-tone="orange"] strong,
.home-support-grid button[data-tone="orange"] strong {
  color: var(--shell-orange);
}

.home-stat-card[data-tone="blue"],
.home-support-grid button[data-tone="blue"] {
  border-left-color: rgba(96, 215, 255, 0.62);
}

.home-stat-card[data-tone="blue"] strong,
.home-support-grid button[data-tone="blue"] strong {
  color: var(--shell-blue);
}

.home-stat-card[data-tone="green"] strong,
.home-support-grid button[data-tone="green"] strong,
.home-stat-card[data-tone="lime"] strong,
.home-support-grid button[data-tone="lime"] strong {
  color: var(--shell-lime-bright);
}

.home-support-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.home-support-grid button {
  min-height: 128px;
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 14px;
  color: var(--shell-text);
  text-align: left;
  cursor: pointer;
  transition: transform 170ms ease, border-color 170ms ease;
}

.home-support-grid button:hover {
  transform: translateY(-2px);
  border-color: var(--shell-border-strong);
}

.home-support-grid button strong {
  color: var(--shell-text);
  font-family: "Barlow Condensed", var(--heading);
  font-size: 1.45rem;
  font-weight: 900;
  line-height: 0.98;
  text-transform: uppercase;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

.home-support-grid button small {
  color: var(--shell-muted);
  font-weight: 700;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.home-kickoff-panel {
  position: relative;
  min-width: 0;
  display: grid;
  gap: 12px;
  padding: 16px;
  overflow: hidden;
  color: var(--shell-text);
  background:
    linear-gradient(180deg, rgba(24, 32, 33, 0.92), rgba(8, 13, 14, 0.94)),
    var(--shell-panel);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-left: 4px solid var(--shell-lime);
  border-radius: var(--sport-radius, 8px);
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.24);
}

.home-kickoff-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.022) 0 1px, transparent 1px 58px),
    linear-gradient(135deg, rgba(183, 255, 32, 0.12), transparent 42%),
    radial-gradient(circle at 92% 0, rgba(255, 90, 20, 0.16), transparent 30%);
  opacity: 0.85;
}

.home-kickoff-panel > * {
  position: relative;
  z-index: 1;
}

.home-kickoff-heading {
  display: grid;
  gap: 5px;
}

.home-kickoff-heading span,
.home-kickoff-step > span {
  color: var(--shell-lime-bright);
  font-family: var(--body);
  font-size: 0.68rem;
  font-weight: 900;
  line-height: 1.1;
  text-transform: uppercase;
  letter-spacing: 0;
}

.home-kickoff-heading strong {
  color: var(--shell-text);
  font-family: "Barlow Condensed", var(--heading);
  font-size: clamp(1.75rem, 3vw, 2.55rem);
  font-weight: 900;
  line-height: 0.94;
  text-transform: uppercase;
}

.home-kickoff-heading p {
  max-width: 760px;
  margin: 0;
  color: var(--shell-muted);
  font-weight: 800;
  line-height: 1.35;
}

.home-kickoff-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.home-kickoff-step {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  padding: 12px;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--sport-radius, 8px);
}

.home-kickoff-step[data-state="active"] {
  border-color: rgba(183, 255, 32, 0.48);
  background: rgba(183, 255, 32, 0.08);
}

.home-kickoff-step > span {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  color: #071007;
  background: var(--shell-lime);
  border-radius: 50%;
}

.home-kickoff-step div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.home-kickoff-step strong {
  color: var(--shell-text);
  font-family: "Barlow Condensed", var(--heading);
  font-size: 1.25rem;
  font-weight: 900;
  line-height: 0.98;
  text-transform: uppercase;
}

.home-kickoff-step small {
  color: var(--shell-muted);
  font-weight: 750;
  line-height: 1.25;
}

.home-kickoff-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.home-kickoff-actions button {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 16px;
  color: var(--shell-text);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--sport-radius, 8px);
  font-family: "Barlow Condensed", var(--heading);
  font-size: 1.05rem;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.home-kickoff-actions button[data-tone="lime"] {
  color: #071007;
  background: var(--shell-lime);
  border-color: var(--shell-lime);
}

.home-kickoff-actions button[data-tone="orange"] {
  color: #071007;
  background: var(--shell-orange);
  border-color: var(--shell-orange);
}

.home-kickoff-actions button svg {
  width: 18px;
  height: 18px;
}

.matchday-timeline {
  min-width: 0;
  display: grid;
  gap: 10px;
  color: var(--shell-text);
}

.matchday-timeline-header,
.matchday-timeline-track button {
  position: relative;
  min-width: 0;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(24, 32, 33, 0.9), rgba(13, 19, 20, 0.92)),
    var(--shell-panel);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-left: 3px solid rgba(126, 221, 81, 0.56);
  border-radius: var(--sport-radius, 8px);
}

.matchday-timeline-header::before,
.matchday-timeline-track button::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    repeating-linear-gradient(180deg, rgba(255, 255, 255, 0.022) 0 1px, transparent 1px 5px),
    linear-gradient(135deg, rgba(126, 221, 81, 0.1), transparent 34%);
  opacity: 0.62;
}

.matchday-timeline-header > *,
.matchday-timeline-track button > * {
  position: relative;
  z-index: 1;
}

.matchday-timeline-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px;
}

.matchday-timeline-header > div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.matchday-timeline-header span,
.matchday-step-label {
  color: var(--shell-lime-bright);
  font-family: var(--body);
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1.1;
  text-transform: uppercase;
  letter-spacing: 0;
}

.matchday-timeline-header strong {
  min-width: 0;
  color: var(--shell-text);
  font-family: "Barlow Condensed", var(--heading);
  font-size: clamp(1.6rem, 2.8vw, 2.25rem);
  font-weight: 900;
  line-height: 0.95;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.matchday-timeline-header small {
  color: var(--shell-muted);
  font-weight: 700;
  line-height: 1.25;
}

.matchday-timeline-header p {
  min-width: 112px;
  margin: 0;
  padding: 10px 12px;
  color: var(--shell-muted);
  text-align: right;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--sport-radius, 8px);
}

.matchday-timeline-header p strong {
  display: block;
  color: var(--shell-lime-bright);
  font-size: 1.55rem;
}

.matchday-timeline-header p span {
  display: block;
  color: var(--shell-muted);
  font-size: 0.64rem;
}

.matchday-timeline-track {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.matchday-timeline-track button {
  min-height: 150px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-content: start;
  gap: 8px 9px;
  padding: 13px;
  color: var(--shell-text);
  text-align: left;
  cursor: pointer;
  transition: transform 170ms ease, border-color 170ms ease, background 170ms ease;
}

.matchday-timeline-track button:hover {
  transform: translateY(-2px);
  border-color: var(--shell-border-strong);
}

.matchday-timeline-track button svg {
  width: 18px;
  height: 18px;
  color: var(--shell-lime-bright);
}

.matchday-step-number {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  grid-row: span 2;
  color: #071007;
  background: var(--shell-lime);
  border-radius: 999px;
  font-family: var(--score);
  font-size: 0.74rem;
  font-weight: 900;
}

.matchday-step-label,
.matchday-timeline-track button strong,
.matchday-timeline-track button small,
.matchday-timeline-track button em {
  grid-column: 1 / -1;
}

.matchday-timeline-track button strong {
  min-width: 0;
  color: var(--shell-text);
  font-family: "Barlow Condensed", var(--heading);
  font-size: 1.55rem;
  font-weight: 900;
  line-height: 0.96;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.matchday-timeline-track button small {
  min-width: 0;
  color: var(--shell-muted);
  font-weight: 700;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.matchday-timeline-track button em {
  align-self: end;
  color: var(--shell-lime-bright);
  font-family: var(--body);
  font-size: 0.67rem;
  font-style: normal;
  font-weight: 800;
  text-transform: uppercase;
}

.matchday-timeline-track button[data-state="active"] {
  border-left-color: var(--shell-orange);
  box-shadow: 0 16px 34px rgba(255, 139, 56, 0.12);
}

.matchday-timeline-track button[data-state="active"] .matchday-step-number {
  background: var(--shell-orange);
}

.matchday-timeline-track button[data-state="pending"] {
  opacity: 0.72;
}

.matchday-timeline-track button[data-state="pending"] .matchday-step-number {
  color: var(--shell-muted);
  background: rgba(255, 255, 255, 0.08);
}

.attendance-board {
  min-width: 0;
  display: grid;
  gap: 10px;
  color: var(--shell-text);
}

.attendance-board-slot {
  margin: 0 0 14px;
}

.attendance-board-heading,
.reserve-queue-panel,
.whatsapp-playbook {
  position: relative;
  min-width: 0;
  overflow: hidden;
  padding: 14px;
  background:
    linear-gradient(180deg, rgba(24, 32, 33, 0.9), rgba(13, 19, 20, 0.92)),
    var(--shell-panel);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-left: 3px solid rgba(126, 221, 81, 0.6);
  border-radius: var(--sport-radius, 8px);
}

.attendance-board-heading::before,
.reserve-queue-panel::before,
.whatsapp-playbook::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    repeating-linear-gradient(180deg, rgba(255, 255, 255, 0.022) 0 1px, transparent 1px 5px),
    linear-gradient(135deg, rgba(126, 221, 81, 0.1), transparent 34%);
  opacity: 0.62;
}

.attendance-board-heading > *,
.reserve-queue-panel > *,
.whatsapp-playbook > * {
  position: relative;
  z-index: 1;
}

.attendance-board-heading,
.reserve-queue-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.attendance-board-heading > div,
.reserve-queue-heading > div,
.whatsapp-playbook > div:first-child {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.attendance-board-heading span,
.attendance-segment-grid button > span,
.reserve-queue-heading span,
.whatsapp-playbook span,
.whatsapp-template-grid button span {
  color: var(--shell-lime-bright);
  font-family: var(--body);
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1.1;
  text-transform: uppercase;
  letter-spacing: 0;
}

.attendance-board-heading strong,
.reserve-queue-heading strong,
.whatsapp-playbook > div:first-child strong {
  min-width: 0;
  color: var(--shell-text);
  font-family: "Barlow Condensed", var(--heading);
  font-size: clamp(1.6rem, 2.8vw, 2.25rem);
  font-weight: 900;
  line-height: 0.95;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.attendance-board-heading small,
.reserve-queue-heading small,
.whatsapp-playbook > div:first-child small {
  color: var(--shell-muted);
  font-weight: 700;
  line-height: 1.25;
}

.attendance-board-heading button,
.reserve-queue-heading button {
  min-height: 44px;
  padding: 10px 13px;
  color: #071007;
  background: var(--shell-lime);
  border: 1px solid var(--shell-lime);
  border-radius: var(--sport-radius, 8px);
  cursor: pointer;
  font-family: "Barlow Condensed", var(--heading);
  font-size: 1rem;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.attendance-segment-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.attendance-segment-grid button,
.whatsapp-template-grid button {
  min-width: 0;
  min-height: 126px;
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 13px;
  color: var(--shell-text);
  text-align: left;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(24, 32, 33, 0.88), rgba(13, 19, 20, 0.92)),
    var(--shell-panel);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-left: 3px solid rgba(126, 221, 81, 0.54);
  border-radius: var(--sport-radius, 8px);
  transition: transform var(--sport-micro, 160ms) ease, border-color var(--sport-micro, 160ms) ease;
}

.attendance-segment-grid button:hover,
.whatsapp-template-grid button:hover {
  transform: translateY(-2px);
  border-color: var(--shell-border-strong);
}

.attendance-segment-grid button[data-tone="orange"],
.whatsapp-template-grid button[data-whatsapp-template="spot"] {
  border-left-color: rgba(255, 139, 56, 0.66);
}

.attendance-segment-grid button[data-tone="blue"] {
  border-left-color: rgba(96, 215, 255, 0.66);
}

.attendance-segment-grid button[data-tone="muted"],
.attendance-segment-grid button[data-tone="idle"] {
  opacity: 0.82;
}

.attendance-segment-grid button strong,
.whatsapp-template-grid button strong {
  min-width: 0;
  color: var(--shell-text);
  font-family: "Barlow Condensed", var(--heading);
  font-size: 1.65rem;
  font-weight: 900;
  line-height: 0.96;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.attendance-segment-grid button small,
.whatsapp-template-grid button small {
  min-width: 0;
  color: var(--shell-muted);
  font-weight: 700;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.attendance-avatar-stack {
  display: flex;
  align-items: center;
  min-width: 0;
  margin-top: 2px;
}

.attendance-avatar {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  overflow: hidden;
  margin-right: -8px;
  color: #071007;
  background: var(--shell-lime);
  border: 2px solid rgba(7, 16, 7, 0.78);
  border-radius: 999px;
  font-family: var(--score);
  font-size: 0.74rem;
  font-weight: 900;
}

.attendance-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.attendance-avatar.is-count {
  background: var(--shell-orange);
}

.attendance-empty-mark {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  color: var(--shell-muted);
  border: 1px dashed rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  font-family: var(--score);
  font-size: 0.72rem;
  font-weight: 900;
}

.reserve-queue-panel {
  display: grid;
  gap: 12px;
  border-left-color: rgba(255, 139, 56, 0.6);
}

.reserve-queue-panel.is-empty {
  border-left-color: rgba(126, 221, 81, 0.38);
}

.reserve-queue-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.reserve-queue-list li {
  min-width: 0;
  min-height: 72px;
  display: grid;
  grid-template-columns: 24px 48px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  padding: 9px;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--sport-radius, 8px);
}

.reserve-queue-list li[data-call-state="called"] {
  border-color: rgba(255, 139, 56, 0.55);
  background: rgba(255, 139, 56, 0.1);
}

.reserve-queue-list li > span:first-child {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  color: #071007;
  background: var(--shell-orange);
  border-radius: 999px;
  font-family: var(--score);
  font-size: 0.74rem;
  font-weight: 900;
}

.reserve-queue-avatar {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  overflow: hidden;
  color: #071007;
  background: var(--shell-lime);
  border: 2px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  font-family: var(--score);
  font-size: 0.78rem;
  font-weight: 900;
}

.reserve-queue-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.reserve-queue-list strong,
.reserve-queue-list small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  overflow-wrap: anywhere;
}

.reserve-queue-list li > div { min-width: 0; }

.reserve-queue-list strong {
  color: var(--shell-text);
  font-size: 0.9rem;
  line-height: 1.1;
}

.reserve-queue-list small {
  color: var(--shell-muted);
  font-size: 0.78rem;
  font-weight: 700;
}

.whatsapp-playbook {
  display: grid;
  grid-template-columns: minmax(210px, 0.6fr) minmax(0, 1.4fr);
  gap: 12px;
  align-items: stretch;
  border-left-color: rgba(96, 215, 255, 0.58);
}

.whatsapp-template-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.whatsapp-template-grid button {
  min-height: 104px;
}

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

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

  .whatsapp-playbook {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .attendance-board {
    gap: 8px;
  }

  .attendance-board-heading,
  .reserve-queue-heading {
    display: grid;
    align-items: start;
  }

  .attendance-board-heading button,
  .reserve-queue-heading button {
    width: 100%;
  }

  .attendance-segment-grid {
    gap: 8px;
  }

  .attendance-segment-grid button {
    min-height: 108px;
    padding: 11px;
  }

  .attendance-segment-grid button strong {
    font-size: 1.45rem;
  }

  .reserve-queue-list {
    gap: 7px;
    grid-template-columns: 1fr;
  }

  .reserve-queue-list li {
    min-height: 64px;
    grid-template-columns: 22px 48px minmax(0, 1fr);
    gap: 6px;
    padding: 8px;
  }

  .reserve-queue-list li > span:first-child {
    width: 22px;
    height: 22px;
  }

  .reserve-queue-avatar {
    width: 30px;
    height: 30px;
  }

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

  .whatsapp-template-grid button {
    min-height: 92px;
  }

  .whatsapp-template-grid button:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 420px) {
  .matchday-timeline-header strong {
    font-size: 1.48rem;
  }

  .attendance-board-heading strong,
  .reserve-queue-heading strong,
  .whatsapp-playbook > div:first-child strong {
    font-size: 1.48rem;
  }
}

.home-pulse-board {
  display: grid;
  grid-template-columns: minmax(280px, 1.2fr) repeat(2, minmax(0, 1fr));
  grid-auto-rows: minmax(154px, auto);
  gap: 10px;
}

.home-pulse-card {
  position: relative;
  min-width: 0;
  min-height: 164px;
  display: grid;
  align-content: start;
  gap: 9px;
  overflow: hidden;
  padding: 14px;
  color: var(--shell-text);
  text-align: left;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(24, 32, 33, 0.9), rgba(13, 19, 20, 0.92)),
    var(--shell-panel);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-left: 3px solid rgba(126, 221, 81, 0.5);
  border-radius: 0;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.2);
  transition: transform 170ms ease, border-color 170ms ease;
}

.home-pulse-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    repeating-linear-gradient(180deg, rgba(255, 255, 255, 0.022) 0 1px, transparent 1px 5px),
    linear-gradient(135deg, rgba(126, 221, 81, 0.1), transparent 38%);
  opacity: 0.6;
}

.home-pulse-card > * {
  position: relative;
  z-index: 1;
}

.home-pulse-card:hover {
  transform: translateY(-2px);
  border-color: var(--shell-border-strong);
}

.home-pulse-card[data-tone="orange"] {
  border-left-color: rgba(255, 139, 56, 0.62);
}

.home-pulse-card[data-tone="blue"] {
  border-left-color: rgba(96, 215, 255, 0.62);
}

.home-pulse-card[data-tone="green"],
.home-pulse-card[data-tone="lime"] {
  border-left-color: rgba(126, 221, 81, 0.72);
}

.home-pulse-kicker {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--shell-lime-bright);
  font-family: var(--body);
  font-size: 0.69rem;
  font-weight: 850;
  line-height: 1.1;
  text-transform: uppercase;
  letter-spacing: 0;
}

.home-pulse-kicker svg {
  width: 15px;
  height: 15px;
}

.home-pulse-card strong {
  color: var(--shell-text);
  font-family: "Barlow Condensed", var(--heading);
  font-size: clamp(1.45rem, 2.4vw, 2.25rem);
  font-weight: 900;
  line-height: 0.96;
  text-transform: uppercase;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

.home-pulse-card small {
  color: var(--shell-muted);
  font-weight: 700;
  line-height: 1.24;
  overflow-wrap: anywhere;
}

.home-pulse-card[data-tone="orange"] .home-pulse-kicker,
.home-pulse-card[data-tone="orange"] strong {
  color: var(--shell-orange);
}

.home-pulse-card[data-tone="blue"] .home-pulse-kicker,
.home-pulse-card[data-tone="blue"] strong {
  color: var(--shell-blue);
}

.home-pulse-card[data-tone="green"] .home-pulse-kicker,
.home-pulse-card[data-tone="green"] strong,
.home-pulse-card[data-tone="lime"] .home-pulse-kicker,
.home-pulse-card[data-tone="lime"] strong {
  color: var(--shell-lime-bright);
}

.home-pulse-track {
  width: 100%;
  height: 8px;
  overflow: hidden;
  margin-top: auto;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.home-pulse-track i {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, var(--shell-lime), var(--shell-blue));
}

.home-pulse-card.is-ranking {
  grid-row: span 2;
  gap: 11px;
}

.home-ranking-list {
  display: grid;
  gap: 7px;
  margin-top: 2px;
}

.home-ranking-row {
  min-width: 0;
  display: grid;
  grid-template-columns: 22px 34px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  padding: 7px;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.075);
}

.home-ranking-row b {
  color: var(--shell-lime-bright);
  font-family: var(--score);
  font-size: 1rem;
}

.home-ranking-avatar {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  overflow: hidden;
  color: #071007;
  background: var(--shell-lime);
  border-radius: 50%;
  font-family: var(--score);
  font-size: 0.78rem;
}

.home-ranking-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home-ranking-row span:last-child {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.home-ranking-row strong {
  min-width: 0;
  color: var(--shell-text);
  font-family: "Barlow Condensed", var(--heading);
  font-size: 1.02rem;
  line-height: 0.96;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.home-ranking-row small {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.home-ranking-empty {
  display: grid;
  gap: 5px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.075);
}

.home-ranking-empty strong {
  font-size: 1.15rem;
}

.home-ranking-empty span {
  color: var(--shell-muted);
  font-weight: 700;
  line-height: 1.25;
}

.my-round-panel.is-home-redesign .my-round-guide,
.my-round-panel.is-home-redesign .my-round-live-grid,
.my-round-panel.is-home-redesign .round-ops-panel,
.my-round-panel.is-home-redesign .admin-day-panel {
  max-width: none;
}

.my-round-panel.is-home-redesign .my-round-disclosure {
  margin: 0;
}

body[data-view="rodada"] .my-round-panel.is-home-redesign + .round-details {
  display: none;
}

@media (max-width: 1180px) {
  .home-matchday-card {
    grid-template-columns: 1fr;
  }

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

  .home-stat-grid,
  .home-support-grid,
  .home-kickoff-grid,
  .home-pulse-board {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-pulse-card.is-ranking {
    grid-column: 1 / -1;
    grid-row: auto;
  }
}

@media (max-width: 760px) {
  body[data-view="rodada"] .stage-rail {
    display: none;
  }

  .my-round-panel.is-home-redesign {
    gap: 10px;
  }

  .home-matchday-card {
    gap: 10px;
  }

  .home-kickoff-panel {
    padding: 14px;
    gap: 10px;
  }

  .home-kickoff-grid {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .home-kickoff-step {
    padding: 11px;
  }

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

  .home-kickoff-actions button {
    width: 100%;
  }

  .matchday-timeline {
    gap: 8px;
  }

  .matchday-timeline-header {
    display: grid;
    align-items: start;
  }

  .matchday-timeline-header p {
    width: 100%;
    min-width: 0;
    text-align: left;
  }

  .matchday-timeline-track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .matchday-timeline-track button {
    min-height: 108px;
    grid-template-columns: 24px 18px minmax(0, 1fr);
    align-items: start;
    padding: 11px;
    gap: 6px 7px;
  }

  .matchday-step-number {
    width: 22px;
    height: 22px;
    grid-row: auto;
  }

  .matchday-timeline-track button svg {
    width: 16px;
    height: 16px;
  }

  .matchday-step-label {
    grid-column: auto;
    align-self: center;
  }

  .matchday-timeline-track button strong {
    grid-column: 1 / -1;
    font-size: 1.35rem;
  }

  .matchday-timeline-track button small {
    grid-column: 1 / -1;
    font-size: 0.82rem;
  }

  .matchday-timeline-track button em {
    display: none;
  }

  .home-matchday-main {
    order: 2;
    min-height: auto;
    gap: 14px;
    padding: 16px;
  }

  .home-status-card {
    order: 1;
  }

  .home-matchday-title {
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 10px;
  }

  .home-crest {
    width: 52px;
    height: 52px;
    font-size: 22px;
  }

  .home-matchday-title h3 {
    font-size: clamp(2rem, 12vw, 3.2rem);
  }

  .home-matchday-title p:not(.eyebrow) {
    font-size: 0.98rem;
  }

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

  .home-status-card {
    padding: 14px;
  }

  .home-status-card > strong {
    font-size: clamp(1.9rem, 11vw, 3rem);
  }

  .home-status-actions .primary-action {
    clip-path: none;
  }

  .home-stat-grid,
  .home-support-grid,
  .home-pulse-board {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .home-stat-card,
  .home-support-grid button,
  .home-pulse-card {
    min-height: 88px;
    padding: 12px;
  }

  .home-support-grid button {
    min-height: 92px;
  }

  .home-pulse-card {
    min-height: 104px;
  }

  .home-pulse-card.is-ranking {
    min-height: 180px;
  }
}


/**/
.player-card-modal,
.player-card-modal * {
  box-sizing: border-box;
}

.player-card-launch {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  padding: 12px;
  color: var(--broadcast-text);
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid var(--broadcast-line);
  border-radius: 0;
}

.player-card-launch span {
  color: var(--broadcast-lime-bright);
}

.player-card-launch strong {
  color: var(--broadcast-text);
  font-size: 1.08rem;
}

.player-card-launch small {
  color: var(--broadcast-muted);
  font-family: "Hanken Grotesk", var(--body);
  font-size: 0.76rem;
  font-weight: 600;
}

.player-card-open {
  min-width: 132px;
  min-height: 44px;
  color: var(--broadcast-bg);
  background: var(--broadcast-lime);
  border: 0;
  border-radius: 0;
  box-shadow: 0 0 18px rgba(126, 221, 81, 0.16);
}

.player-card-open:hover,
.player-card-open:focus-visible {
  box-shadow: 0 0 0 1px rgba(126, 221, 81, 0.46), 0 0 24px rgba(126, 221, 81, 0.2);
}

.player-card-modal {
  --broadcast-bg: #0b0f10;
  --broadcast-panel: #121819;
  --broadcast-text: #f4f6ee;
  --broadcast-muted: #b7c0b7;
  --broadcast-quiet: #7f8b83;
  --broadcast-lime: #7edd51;
  --broadcast-lime-bright: #b7ff20;
  --broadcast-line: rgba(126, 221, 81, 0.2);
  --broadcast-line-strong: rgba(126, 221, 81, 0.45);
  --card-accent: var(--broadcast-lime);
  --card-accent-bright: var(--broadcast-lime-bright);
  --card-accent-soft: rgba(126, 221, 81, 0.12);
  --card-accent-line: rgba(126, 221, 81, 0.48);
  width: 100vw;
  height: 100dvh;
  max-width: 100vw;
  max-height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: clamp(12px, 3vw, 28px);
  z-index: 300;
}

.player-card-backdrop {
  z-index: 0;
  background:
    linear-gradient(90deg, rgba(5, 8, 9, 0.88), rgba(5, 8, 9, 0.74)),
    rgba(5, 8, 9, 0.74);
  backdrop-filter: blur(8px);
}

.player-card-modal-panel {
  width: min(940px, calc(100vw - 32px));
  max-width: calc(100vw - 32px);
  max-height: calc(100dvh - 32px);
  min-width: 0;
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
  color: var(--broadcast-text);
  background:
    linear-gradient(145deg, rgba(27, 34, 34, 0.97), rgba(9, 14, 15, 0.98)),
    var(--broadcast-panel);
  border: 1px solid var(--broadcast-line-strong);
  border-radius: 0;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.58);
}

.player-card-modal-panel::before {
  display: none;
}

.player-card-modal-header {
  min-width: 0;
  padding: 18px 20px 16px;
  background:
    linear-gradient(90deg, rgba(126, 221, 81, 0.08), transparent 48%),
    rgba(255, 255, 255, 0.025);
  border-bottom: 1px solid var(--broadcast-line);
}

.player-card-modal-header > div {
  min-width: 0;
}

.player-card-modal-header span {
  color: var(--broadcast-lime-bright);
}

.player-card-modal-header h3 {
  max-width: 100%;
  margin: 4px 0 0;
  color: var(--broadcast-text);
  font-size: clamp(2.1rem, 4vw, 3.6rem);
  line-height: 0.92;
}

.player-card-modal-note {
  max-width: 520px;
  margin: 8px 0 0;
  color: var(--broadcast-muted);
  font-family: "Hanken Grotesk", var(--body);
  font-size: 0.86rem;
  font-weight: 600;
  line-height: 1.25;
  text-transform: none;
}

.player-card-close {
  border-radius: 0;
  color: var(--broadcast-text);
  background: rgba(255, 255, 255, 0.035);
  border-color: var(--broadcast-line);
}

.player-card-close:hover,
.player-card-close:focus-visible {
  border-color: var(--broadcast-lime);
  box-shadow: 0 0 0 1px rgba(126, 221, 81, 0.32);
}

.player-card-builder-body {
  min-width: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 16px;
  scrollbar-color: rgba(126, 221, 81, 0.72) transparent;
  scrollbar-width: thin;
}

.player-card-builder-body::-webkit-scrollbar {
  width: 6px;
}

.player-card-builder-body::-webkit-scrollbar-track {
  background: transparent;
}

.player-card-builder-body::-webkit-scrollbar-thumb {
  background: rgba(126, 221, 81, 0.64);
}

.player-card-layout {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(280px, 330px) minmax(0, 1fr);
  gap: 16px;
  align-items: stretch;
}

.player-card-modal .player-sticker-preview,
.player-sticker-preview {
  --card-accent: var(--broadcast-lime);
  --card-accent-bright: var(--broadcast-lime-bright);
  --card-accent-soft: rgba(126, 221, 81, 0.12);
  --card-accent-line: rgba(126, 221, 81, 0.48);
  min-width: 0;

  min-height: 590px;
  height: 100%;
  position: relative;
  display: grid;
  align-content: start;
  gap: 11px;
  overflow: hidden;
  padding: 16px;
  color: var(--broadcast-text);
  background:
    radial-gradient(circle at 20% 16%, rgba(255, 255, 255, 0.24), transparent 18%),
    radial-gradient(circle at 82% 4%, var(--card-accent-soft), transparent 28%),
    linear-gradient(155deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.025) 36%, var(--card-accent-soft) 72%, rgba(0, 0, 0, 0.22)),
    rgba(7, 12, 13, 0.86);
  border: 1px solid var(--card-accent-line);
  border-radius: 0;
  clip-path: polygon(0 20px, 20px 0, calc(100% - 20px) 0, 100% 20px, 100% calc(100% - 20px), calc(100% - 20px) 100%, 20px 100%, 0 calc(100% - 20px));
  isolation: isolate;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.1),
    inset 0 0 0 4px rgba(0, 0, 0, 0.18),
    inset 0 -72px 90px rgba(0, 0, 0, 0.36),
    0 22px 42px rgba(0, 0, 0, 0.34);
}

.player-sticker-preview[data-theme="orange"] {
  --card-accent: #ff9d2e;
  --card-accent-bright: #ffd36d;
  --card-accent-soft: rgba(255, 157, 46, 0.14);
  --card-accent-line: rgba(255, 157, 46, 0.5);
}

.player-sticker-preview[data-theme="blue"] {
  --card-accent: #4eb7ff;
  --card-accent-bright: #9ed7ff;
  --card-accent-soft: rgba(78, 183, 255, 0.14);
  --card-accent-line: rgba(78, 183, 255, 0.5);
}

.player-sticker-preview[data-theme="night"] {
  --card-accent: #f4f6ee;
  --card-accent-bright: #ffffff;
  --card-accent-soft: rgba(244, 246, 238, 0.12);
  --card-accent-line: rgba(244, 246, 238, 0.36);
}

.player-sticker-shine {
  inset: -42% 28% auto -18%;
  width: 78%;
  height: 80%;
  z-index: -1;
  background:
    linear-gradient(110deg, transparent 0 22%, rgba(255, 255, 255, 0.18) 34%, transparent 48%),
    var(--card-accent-soft);
  opacity: 0.78;
  transform: rotate(-18deg);
}

.player-sticker-foil {
  position: absolute;
  inset: 10px;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(125deg, transparent 0 34%, rgba(255, 255, 255, 0.13) 43%, transparent 52%),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 6px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  clip-path: polygon(0 16px, 16px 0, calc(100% - 16px) 0, 100% 16px, 100% calc(100% - 16px), calc(100% - 16px) 100%, 16px 100%, 0 calc(100% - 16px));
  opacity: 0.9;
}

.player-sticker-top {
  position: relative;
  z-index: 1;
  grid-template-columns: minmax(0, 1fr) 48px;
}

.player-sticker-top span {
  color: var(--broadcast-muted);
  font-family: var(--body);
  font-size: 0.62rem;
}

.player-sticker-top strong {
  min-height: 44px;
  color: var(--broadcast-bg);
  background: var(--card-accent);
  border-radius: 0;
  box-shadow: 0 0 20px var(--card-accent-soft);
}

.player-sticker-identity {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr);
  gap: 10px;
  align-items: stretch;
}

.player-sticker-rating {
  display: grid;
  place-items: center;
  align-content: center;
  min-height: 74px;
  color: var(--broadcast-bg);
  background:
    radial-gradient(circle at 32% 28%, rgba(255, 255, 255, 0.5), transparent 24%),
    var(--card-accent);
  border: 2px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 28px var(--card-accent-soft);
}

.player-sticker-rating strong {
  font-family: "Barlow Condensed", var(--heading);
  font-size: 2.28rem;
  font-weight: 900;
  line-height: 0.88;
}

.player-sticker-rating span {
  font-family: var(--body);
  font-size: 0.62rem;
  font-weight: 900;
  letter-spacing: 0.05em;
}

.player-sticker-rarity {
  display: grid;
  align-content: center;
  gap: 5px;
  min-width: 0;
  padding: 10px 12px;
  background: rgba(0, 0, 0, 0.24);
  border: 1px solid var(--card-accent-line);
}

.player-sticker-rarity span {
  color: var(--card-accent-bright);
  font-family: "Barlow Condensed", var(--heading);
  font-size: 1.4rem;
  font-weight: 900;
  line-height: 0.9;
  text-transform: uppercase;
}

.player-sticker-rarity b {
  color: var(--broadcast-muted);
  font-family: var(--body);
  font-size: 0.62rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.player-sticker-photo {
  position: relative;
  z-index: 1;
  width: 118px;
  border: 2px solid rgba(244, 246, 238, 0.84);
  background:
    radial-gradient(circle at 35% 26%, var(--card-accent-soft), transparent 34%),
    rgba(8, 15, 17, 0.9);
  box-shadow:
    0 0 0 6px rgba(0, 0, 0, 0.22),
    0 0 26px var(--card-accent-soft);
}

.player-sticker-name {
  position: relative;
  z-index: 1;
  color: #ffffff;
  font-size: 1.72rem;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.46);
}

.player-sticker-meta {
  position: relative;
  z-index: 1;
  color: var(--broadcast-muted);
  font-size: 0.76rem;
}

.player-sticker-stats {
  position: relative;
  z-index: 1;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.player-sticker-stats div {
  padding: 7px 6px;
  background: rgba(0, 0, 0, 0.24);
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 0;
}

.player-sticker-overall {
  position: relative;
  z-index: 1;
  color: var(--broadcast-bg);
  background: var(--card-accent);
  border-radius: 0;
  box-shadow: 0 0 20px var(--card-accent-soft);
}

.player-sticker-attributes {
  position: relative;
  z-index: 1;
  gap: 4px;
}

.player-sticker-attributes span {
  padding: 6px 3px;
  color: var(--broadcast-muted);
  background: rgba(0, 0, 0, 0.28);
  border-color: rgba(255, 255, 255, 0.1);
  border-radius: 0;
}

.player-card-fields {
  min-width: 0;
  align-content: start;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 14px;
  color: var(--broadcast-text);
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid var(--broadcast-line);
  border-radius: 0;
}

.player-card-form-heading {
  grid-column: 1 / -1;
  display: grid;
  gap: 3px;
  padding-bottom: 4px;
}

.player-card-form-heading strong {
  color: var(--broadcast-text);
  font-family: "Barlow Condensed", var(--heading);
  font-size: 1.28rem;
  line-height: 0.95;
  text-transform: uppercase;
}

.player-card-form-heading span {
  color: var(--broadcast-muted);
  font-family: "Hanken Grotesk", var(--body);
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1.22;
}

.player-card-field,
.player-photo-picker {
  min-width: 0;
}

.player-card-fields input,
.player-card-fields select {
  min-width: 0;
  color: var(--broadcast-bg);
  background: var(--paper-50);
  border: 0;
  border-radius: 0;
}

.player-card-fields label span,
.player-card-fields label small {
  color: var(--broadcast-muted);
  font-family: var(--body);
}

.player-photo-picker.is-full {
  grid-column: 1 / -1;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
  align-items: center;
  padding: 10px;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.player-photo-picker input[type="file"] {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  opacity: 0;
  pointer-events: none;
}

.player-photo-picker > span,
.player-photo-clear,
.player-card-randomize {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--broadcast-bg);
  background: var(--broadcast-lime);
  border: 0;
  border-radius: 0;
}

.player-photo-picker > span {
  min-width: 142px;
  padding: 0 14px;
  font-family: "Barlow Condensed", var(--heading);
  font-size: 1.04rem;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}

.player-card-fields .player-photo-picker > span {
  color: var(--broadcast-bg);
  font-family: "Barlow Condensed", var(--heading);
  font-size: 1.04rem;
  letter-spacing: 0;
}

.player-photo-picker > span svg {
  width: 16px;
  height: 16px;
  color: currentColor;
  stroke-width: 2.5;
}

.player-photo-picker small {
  min-width: 0;
  flex: 1 1 190px;
  color: var(--broadcast-muted);
  font-family: "Hanken Grotesk", var(--body);
  font-size: 0.72rem;
  line-height: 1.2;
}

.player-photo-adjust {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: end;
  padding: 10px;
  background: rgba(0, 0, 0, 0.18);
  border: 1px solid var(--broadcast-line);
}

.player-photo-adjust[hidden] {
  display: none;
}

.player-photo-adjust-head {
  grid-column: 1 / -1;
  display: grid;
  gap: 3px;
}

.player-photo-adjust-head strong {
  color: var(--broadcast-text);
  font-family: "Barlow Condensed", var(--heading);
  font-size: 1.06rem;
  line-height: 0.95;
  text-transform: uppercase;
}

.player-photo-adjust-head small {
  color: var(--broadcast-muted);
  font-family: "Hanken Grotesk", var(--body);
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.2;
}

.player-photo-zoom {
  display: grid;
  gap: 7px;
}

.player-photo-zoom input[type="range"] {
  width: 100%;
  min-height: 44px;
  accent-color: var(--broadcast-lime);
  background: transparent;
}

.player-photo-position {
  display: grid;
  grid-template-columns: repeat(5, minmax(44px, auto));
  gap: 5px;
  align-items: center;
}

.player-photo-position button {
  min-height: 44px;
  min-width: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: var(--broadcast-text);
  background: rgba(255, 255, 255, 0.075);
  border: 1px solid var(--broadcast-line);
  border-radius: 0;
  font-family: "Barlow Condensed", var(--heading);
  font-size: 0.95rem;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}

.player-photo-position button:hover,
.player-photo-position button:focus-visible {
  border-color: var(--broadcast-lime);
}

.player-photo-position svg {
  width: 15px;
  height: 15px;
}

.player-card-randomize {
  color: var(--broadcast-text);
  background: rgba(255, 255, 255, 0.075);
  border: 1px solid var(--broadcast-line);
}

.player-card-randomize:hover,
.player-card-randomize:focus-visible {
  border-color: var(--broadcast-lime);
}

.player-card-modal-actions {
  padding: 14px 16px;
  background: rgba(255, 255, 255, 0.02);
  border-top: 1px solid var(--broadcast-line);
}

.player-card-done {
  min-height: 46px;
  min-width: 150px;
  color: var(--broadcast-bg);
  background: var(--broadcast-lime);
  border-radius: 0;
}

@media (max-width: 760px) {
  .player-card-launch {
    grid-template-columns: 1fr;
  }

  .player-card-open {
    width: 100%;
  }

  .player-card-modal {
    align-items: center;
    padding: 8px;
  }

  .player-card-modal-panel {
    width: calc(100vw - 16px);
    max-width: calc(100vw - 16px);
    max-height: calc(100dvh - 16px);
  }

  .player-card-modal-header {
    padding: 14px;
  }

  .player-card-modal-header h3 {
    font-size: 2.1rem;
  }

  .player-card-modal-note {
    font-size: 0.78rem;
  }

  .player-card-builder-body {
    padding: 12px;
  }

  .player-card-layout {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .player-card-modal .player-sticker-preview {
    gap: 5px;
    min-height: 430px;
    padding: 10px;
    clip-path: polygon(0 14px, 14px 0, calc(100% - 14px) 0, 100% 14px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 14px));
  }

  .player-sticker-foil {
    inset: 8px;
  }

  .player-sticker-identity {
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 8px;
  }

  .player-sticker-rating {
    min-height: 58px;
  }

  .player-sticker-rating strong {
    font-size: 1.72rem;
  }

  .player-sticker-rarity {
    padding: 8px 9px;
  }

  .player-sticker-rarity span {
    font-size: 1.05rem;
  }

  .player-sticker-rarity b {
    font-size: 0.55rem;
  }

  .player-sticker-photo {
    width: 74px;
    border-width: 2px;
  }

  .player-sticker-name {
    font-size: 1.15rem;
  }

  .player-sticker-meta {
    display: none;
  }

  .player-card-modal .player-sticker-top {
    grid-template-columns: minmax(0, 1fr) 42px;
  }

  .player-card-modal .player-sticker-top strong {
    min-height: 0;
    height: 38px;
    font-size: 1rem;
  }

  .player-card-modal .player-sticker-top span {
    font-size: 0.56rem;
  }

  .player-sticker-stats div {
    padding: 5px 4px;
  }

  .player-card-modal .player-sticker-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .player-card-modal .player-sticker-stats dd {
    margin-top: 2px;
  }

  .player-card-modal .player-sticker-overall {
    padding: 4px 8px;
  }

  .player-card-modal .player-sticker-overall strong {
    font-size: 1rem;
  }

  .player-card-modal .player-sticker-overall span {
    font-size: 0.5rem;
  }

  .player-card-modal .player-sticker-attributes {
    display: none;
  }

  .player-card-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 10px;
  }

  .player-card-form-heading strong {
    font-size: 1.08rem;
  }

  .player-card-form-heading span {
    font-size: 0.72rem;
  }

  .player-photo-picker.is-full {
    align-items: stretch;
    padding: 8px;
  }

  .player-photo-picker > span {
    width: 100%;
  }

  .player-photo-picker small {
    flex-basis: 100%;
  }

  .player-photo-adjust {
    grid-template-columns: 1fr;
  }

  .player-photo-position {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .player-card-modal-actions {
    padding: 12px;
  }

  .player-card-done {
    width: 100%;
  }
}

@media (max-width: 380px) {
  .player-card-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .player-card-field:not(.is-full) {
    grid-column: auto;
  }

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

  .player-card-modal .player-sticker-preview {
    min-height: 408px;
  }
}


/**/
.app-shell {
  --sport-radius: 8px;
  --sport-radius-sm: 6px;
  --sport-radius-pill: 999px;
  --sport-focus: 0 0 0 3px rgba(126, 221, 81, 0.24), 0 0 0 1px rgba(126, 221, 81, 0.58);
  --sport-lift: 0 18px 44px rgba(0, 0, 0, 0.28);
  --sport-micro: 170ms var(--ease-standard);
}

.app-shell :where(
  .topbar,
  .stage-rail,
  .stage-step,
  .nav-item,
  .nav-more > summary,
  .season-card,
  .view-header,
  .tool-surface,
  .hero-panel,
  .metric-tile,
  .team-progress-card,
  .team-pack-card,
  .finance-summary,
  .team-column,
  .versus-card,
  .share-card,
  .season-hero-panel,
  .profile-card-surface,
  .profile-summary-card,
  .profile-privacy-surface,
  .feed-signal-card,
  .announcement-signal-card,
  .announcement-form-surface,
  .admin-hero-card,
  .admin-stat-card,
  .round-ops-panel,
  .my-round-matchday,
  .my-round-copy,
  .my-round-live-card,
  .my-round-insights button,
  .my-round-disclosure,
  .player-finance-card,
  .section-details,
  .round-details,
  .match-ticket,
  .roster-row,
  .bench-row,
  .payment-row,
  .season-ranking-row,
  .audit-row,
  .admin-player-row,
  .announcement-row,
  .feed-row,
  .segmented-control,
  .teams-state-strip,
  .admin-link-box,
  .team-drawer-panel,
  .app-toast,
  .home-matchday-main,
	  .home-status-card,
	  .home-stat-card,
	  .home-support-grid button,
	  .matchday-timeline-header,
	  .matchday-timeline-track button,
	  .match-flow-panel,
	  .match-flow-grid article,
	  .match-flow-action,
	  .home-pulse-card,
	  .home-ranking-row,
	  .home-ranking-empty,
  .player-card-launch,
  .player-card-open,
  .player-card-modal-panel,
  .player-card-form,
  .player-card-field,
  .player-photo-picker,
  .player-photo-adjust,
  .player-photo-position button,
  .player-card-done
) {
  border-radius: var(--sport-radius);
}

.app-shell :where(
  .primary-button,
  .light-button,
  .ghost-button,
  .primary-action,
  .admin-secondary-link,
  .admin-link-box button,
  .admin-tabs button,
  .segmented-control button,
	  .round-ops-grid button,
	  .my-round-insights button,
	  .home-support-grid button,
	  .matchday-timeline-track button,
	  .match-flow-action,
	  .player-card-open,
	  .player-card-done
	) {
  min-height: 44px;
  border-radius: var(--sport-radius);
}

.app-shell :where(
  .status-pill,
  .session-pill,
  .amount-chip,
  .team-drawer-toggle,
  .admin-next-round-status,
	  .home-status-badge,
	  .home-matchday-kicker,
	  .player-sticker-overall
) {
  border-radius: var(--sport-radius-pill);
}

.app-shell :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
  select,
  textarea
) {
  min-height: 44px;
  border-radius: var(--sport-radius);
}

.app-shell :where(button, a, input, select, textarea, summary):focus-visible {
  outline: none;
  box-shadow: var(--sport-focus);
}

.app-shell :where(
  .home-matchday-main,
	  .home-status-card,
	  .matchday-timeline-header,
	  .matchday-timeline-track button,
	  .match-flow-panel,
	  .home-pulse-card,
	  .my-round-matchday,
  .admin-hero-card,
  .tool-surface,
  .round-ops-panel
) {
  background-image:
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(126, 221, 81, 0.035), transparent 36%);
  background-size: 56px 100%, 100% 100%;
}

.app-shell :where(.home-matchday-main, .my-round-matchday, .admin-hero-card) {
  box-shadow: var(--sport-lift);
}

.app-shell :where(.topbar, .stage-rail, .view-header, .tool-surface, .home-status-card, .home-pulse-card) {
  border-color: rgba(126, 221, 81, 0.22);
}

.app-shell .topbar,
.app-shell .stage-rail,
.app-shell .stage-step,
.app-shell .nav-item,
.app-shell .nav-more > summary,
.app-shell .season-card,
.app-shell .view-header,
.app-shell .tool-surface,
.app-shell .hero-panel,
.app-shell .round-details,
.app-shell .section-details,
.app-shell .my-round-disclosure,
.app-shell .home-matchday-main,
.app-shell .home-status-card,
	.app-shell .home-stat-card,
	.app-shell .matchday-timeline-header,
	.app-shell .matchday-timeline-track button,
	.app-shell .match-flow-panel,
	.app-shell .match-flow-grid article,
	.app-shell .home-pulse-card,
.app-shell .admin-hero-card,
.app-shell .round-ops-panel,
.app-shell .profile-summary-card,
.app-shell .player-card-modal-panel {
  border-radius: var(--sport-radius);
}

.app-shell .team-column,
.app-shell .versus-card,
.app-shell .share-card,
.app-shell .season-hero-panel,
.app-shell .season-profile-card,
.app-shell .season-ranking-row,
.app-shell .my-round-live-card,
.app-shell .profile-card-surface,
.app-shell .admin-stat-card,
.app-shell .admin-link-box,
.app-shell .teams-state-strip,
.app-shell .team-drawer-panel,
.app-shell .finance-summary,
.app-shell .payment-row,
.app-shell .feed-signal-card,
.app-shell .announcement-signal-card,
.app-shell .announcement-row {
  border-radius: var(--sport-radius);
}

.team-drawer-panel {
  border-radius: var(--sport-radius, 8px);
}

.app-shell .primary-button,
.app-shell .light-button,
.app-shell .ghost-button,
.app-shell .primary-action,
.app-shell .home-status-actions .primary-action,
.app-shell .home-status-actions .home-secondary-action,
.app-shell .home-support-grid button,
.app-shell .my-round-insights button,
.app-shell .match-flow-action,
.app-shell .matchday-timeline-track button,
.app-shell .round-ops-grid button,
.app-shell .admin-tabs button,
.app-shell .admin-secondary-link,
.app-shell .admin-link-box button,
.app-shell .segmented-control button,
.app-shell .player-card-open,
.app-shell .player-card-done {
  min-height: 44px;
  border-radius: var(--sport-radius);
  clip-path: none;
}

.app-shell .status-pill,
.app-shell .session-pill,
.app-shell .amount-chip,
.app-shell .team-drawer-toggle,
.app-shell .admin-next-round-status,
.app-shell .home-status-badge,
.app-shell .home-matchday-kicker {
  border-radius: var(--sport-radius-pill);
}

@media (prefers-reduced-motion: no-preference) {
  .app-shell :where(
    button:not(:disabled),
    .nav-item,
	    .stage-step,
	    .matchday-timeline-track button,
	    .match-flow-action,
	    .match-flow-grid article,
	    .home-pulse-card,
    .season-ranking-row,
    .team-drawer-card,
    .player-card-open
  ) {
    transition:
      transform var(--sport-micro),
      border-color var(--sport-micro),
      background var(--sport-micro),
      box-shadow var(--sport-micro),
      filter var(--sport-micro);
  }

  .app-shell :where(
    .primary-button,
    .light-button,
    .ghost-button,
    .primary-action,
    .admin-secondary-link,
    .home-support-grid button,
    .my-round-insights button,
    .match-flow-action,
    .round-ops-grid button,
    .player-card-open
  ):hover:not(:disabled) {
    transform: translateY(-1px);
    filter: brightness(1.04);
  }

  .app-shell :where(
    button,
    .nav-item,
    .stage-step,
    .match-flow-action,
    .match-flow-grid article,
    .home-pulse-card,
    .season-ranking-row,
    .team-drawer-card
  ):active:not(:disabled) {
    transform: translateY(0) scale(0.985);
  }

  .app-shell :where(button:not(:disabled) svg, .nav-item svg, .stage-step svg) {
    transition: transform var(--sport-micro);
  }

  .app-shell :where(button:not(:disabled):hover svg, .nav-item:hover svg, .stage-step:hover svg) {
    transform: translateY(-1px) scale(1.05);
  }
}

@media (max-width: 760px) {
  .app-shell .workspace {
    padding-bottom: calc(112px + env(safe-area-inset-bottom));
  }

  .app-shell .sidebar {
    z-index: 90;
    background:
      linear-gradient(180deg, rgba(126, 221, 81, 0.08), rgba(5, 7, 13, 1) 44%),
      rgba(5, 7, 13, 1);
    border: 1px solid rgba(126, 221, 81, 0.18);
    border-radius: var(--sport-radius);
    box-shadow: 0 -14px 36px rgba(0, 0, 0, 0.42), 0 0 0 1px rgba(126, 221, 81, 0.08);
    backdrop-filter: blur(18px) saturate(1.15);
  }
}

@media (max-width: 760px) {
  .app-shell .share-card {
    min-height: 420px;
    padding: 20px;
  }

  .app-shell .share-card h3 {
    margin: 34px 0 16px;
    font-size: clamp(34px, 12vw, 42px);
  }

  .app-shell .share-stats div {
    min-height: 72px;
    padding: 10px;
  }

  .app-shell .share-stats span {
    font-size: 26px;
  }

  .app-shell .story-card-surface,
  .app-shell .result-surface,
  .app-shell .public-media-surface {
    margin-top: 12px;
  }

  .app-shell .story-card-workbench {
    gap: 12px;
  }

  .app-shell .story-card-preview {
    width: min(100%, 260px);
    min-height: 0;
    aspect-ratio: 4 / 5;
    gap: 10px;
    padding: 16px;
  }

  .app-shell .story-card-preview h3 {
    font-size: clamp(30px, 10vw, 38px);
  }

  .app-shell .story-card-preview strong {
    font-size: 18px;
  }

  .app-shell .story-card-stat-grid {
    gap: 6px;
  }

  .app-shell .story-card-stat-grid span {
    padding: 8px;
  }

  .app-shell .story-card-side {
    gap: 10px;
    padding: 12px;
  }

  .app-shell .score-inputs {
    grid-template-columns: minmax(0, 1fr) 44px minmax(0, 1fr);
    gap: 8px;
  }

  .app-shell .round-result-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
    margin-bottom: 12px;
  }

  .app-shell .round-result-summary article {
    min-height: 88px;
    padding: 10px;
  }

  .app-shell .round-result-summary strong {
    font-size: 22px;
  }

  .app-shell .score-inputs strong,
  .app-shell .round-result-form input,
  .app-shell .round-result-form select {
    min-height: 46px;
  }

  .app-shell .sticker-grid {
    gap: 10px;
  }

  .app-shell .team-command-strip {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 2px;
    margin-bottom: 12px;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  .app-shell .team-command-strip::-webkit-scrollbar {
    display: none;
  }

  .app-shell .team-progress-card,
  .app-shell .team-pack-card {
    flex: 0 0 158px;
    min-height: 102px;
    padding: 12px;
    gap: 8px;
    scroll-snap-align: start;
  }

  .app-shell .team-pack-card {
    flex-basis: 184px;
  }

  .app-shell .team-progress-card strong {
    font-size: 30px;
  }

  .app-shell .sticker-card {
    min-height: 0;
    display: grid;
    grid-template-columns: 66px minmax(0, 1fr);
    grid-template-areas:
      "avatar status"
      "avatar title"
      "meta meta"
      "actions actions";
    align-items: center;
    gap: 8px 10px;
    padding: 12px;
  }

  .app-shell .sticker-card::before {
    inset: 7px;
  }

  .app-shell .sticker-card::after {
    right: 8px;
    bottom: 50px;
    font-size: 42px;
  }

  .app-shell .sticker-status {
    grid-area: status;
    align-items: center;
  }

  .app-shell .sticker-status span {
    min-height: 24px;
    padding: 5px 8px;
    font-size: 10px;
  }

  .app-shell .sticker-avatar {
    grid-area: avatar;
    width: 66px;
    height: 66px;
    margin: 0;
    border-width: 5px;
    font-size: 22px;
  }

  .app-shell .sticker-card h3 {
    grid-area: title;
    min-height: 0;
    text-align: left;
    font-size: 22px;
  }

  .app-shell .sticker-card p {
    grid-area: meta;
    margin: 0;
    text-align: left;
    font-size: 13px;
  }

  .app-shell .card-actions {
    grid-area: actions;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }

  .app-shell .card-actions button {
    min-height: 42px;
    padding: 9px 8px;
  }
}

@media (max-width: 760px) {
  .app-shell .admin-command-center {
    gap: 10px;
  }

  .app-shell .admin-hero-card {
    min-height: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-content: start;
    gap: 9px;

  }

  .app-shell .admin-hero-card > span,
  .app-shell .admin-hero-card > strong,
  .app-shell .admin-hero-card > p,
  .app-shell .admin-hero-card > .admin-link-box,
  .app-shell .admin-hero-card > .admin-checklist {
    grid-column: 1 / -1;
  }

  .app-shell .admin-hero-card strong {
    font-size: clamp(30px, 11vw, 38px);
  }

  .app-shell .admin-hero-card p {
    font-size: 13px;
    line-height: 1.25;
  }

  .app-shell .admin-link-box {
    grid-template-columns: minmax(0, 1fr) 44px 44px;
    gap: 6px;
  }

  .app-shell .admin-link-box button,
  .app-shell .admin-link-box a {
    width: 44px;
    min-width: 44px;
    padding-inline: 0;
    justify-content: center;
  }

  .app-shell .admin-link-box button span,
  .app-shell .admin-link-box a span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }

  .app-shell .admin-reserve-call,
  .app-shell #createNextRound {
    grid-column: 1 / -1;
  }

  .app-shell .admin-secondary-link {
    width: 100%;
    min-width: 0;
    justify-content: center;
    padding-inline: 9px;
  }

  .app-shell .admin-round-status-actions {
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .app-shell .admin-next-round-status {
    width: 100%;
    justify-content: center;
    text-align: center;
  }

  .app-shell .admin-checklist {
    display: flex;
    gap: 7px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    padding-bottom: 2px;
    scrollbar-width: none;
  }

  .app-shell .admin-checklist::-webkit-scrollbar {
    display: none;
  }

  .app-shell .admin-checklist span {
    flex: 0 0 128px;
    min-height: 58px;
    padding: 8px;
  }
}


/**/

:root {
  --ease-emphasized: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-press: cubic-bezier(0.3, 0.7, 0.4, 1);
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-tap: 110ms;
  --dur-card: 160ms;
  --dur-tab: 210ms;
  --dur-modal: 260ms;
  --dur-toast: 220ms;
  --dur-celebrate: 720ms;
  --dur-reveal: 1100ms;
  --dur-cascade: 620ms;
  --motion-stagger: 55ms;
  --glow-lime: rgba(126, 221, 81, 0.55);
  --glow-green: rgba(8, 196, 107, 0.5);
}

@media (prefers-reduced-motion: no-preference) {
  /**/
  @keyframes brViewEnter {
    from { opacity: 0; transform: translateY(14px) scale(0.994); }
    to { opacity: 1; transform: none; }
  }
  @keyframes brStaggerIn {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: none; }
  }
  @keyframes brConfirmGlow {
    0% { box-shadow: 0 0 0 0 rgba(8, 196, 107, 0); }
    22% { box-shadow: 0 0 0 3px var(--glow-green), 0 0 26px rgba(8, 196, 107, 0.42); }
    100% { box-shadow: 0 0 0 0 rgba(8, 196, 107, 0); }
  }
  @keyframes brPop {
    0% { transform: scale(1); }
    45% { transform: scale(1.16); }
    100% { transform: scale(1); }
  }
  @keyframes brCountPop {
    0% { transform: translateY(0) scale(1); }
    40% { transform: translateY(-2px) scale(1.18); color: var(--lime); }
    100% { transform: translateY(0) scale(1); }
  }
  @keyframes brToastIn {
    from { opacity: 0; transform: translateY(16px) scale(0.96); }
    to { opacity: 1; transform: none; }
  }
  @keyframes brToastOut {
    from { opacity: 1; transform: none; }
    to { opacity: 0; transform: translateY(10px) scale(0.97); }
  }
  @keyframes brCascadeIn {
    from { opacity: 0; transform: translateY(18px) scale(0.965); }
    to { opacity: 1; transform: none; }
  }
  @keyframes brCardReveal {
    0% { opacity: 0; transform: perspective(1000px) rotateY(-16deg) translateY(20px) scale(0.94); }
    100% { opacity: 1; transform: perspective(1000px) rotateY(0) translateY(0) scale(1); }
  }
  @keyframes brShineSweep {
    0% { opacity: 0; transform: translateX(-160%) rotate(-18deg); }
    18% { opacity: 1; }
    100% { opacity: 0; transform: translateX(220%) rotate(-18deg); }
  }
  @keyframes brBadgePop {
    0% { opacity: 0; transform: scale(0.6) rotate(-8deg); }
    60% { opacity: 1; transform: scale(1.12) rotate(2deg); }
    100% { opacity: 1; transform: scale(1) rotate(0); }
  }
  @keyframes brShimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
  }
  @keyframes brScoreIn {
    0% { opacity: 0; transform: translateY(10px) scale(0.9); }
    60% { opacity: 1; transform: translateY(0) scale(1.06); }
    100% { transform: scale(1); }
  }

  /**/
  .app-shell .view.is-active {
    animation: brViewEnter var(--dur-tab) var(--ease-emphasized) both;
  }

  /**/
  .app-shell .view[data-just-entered] :where(
    .roster-row, .bench-row, .payment-row, .season-ranking-row,
    .feed-row, .announcement-row, .admin-player-row, .audit-row,
    .home-pulse-card, .home-stat-card, .match-flow-grid article
  ) {
    animation: brStaggerIn var(--dur-card) var(--ease-emphasized) both;
  }
  .app-shell .view[data-just-entered] :where(.roster-row, .bench-row, .payment-row, .season-ranking-row, .feed-row, .announcement-row, .admin-player-row, .audit-row, .home-pulse-card, .home-stat-card, .match-flow-grid article):nth-child(1) { animation-delay: 0ms; }
  .app-shell .view[data-just-entered] :where(.roster-row, .bench-row, .payment-row, .season-ranking-row, .feed-row, .announcement-row, .admin-player-row, .audit-row, .home-pulse-card, .home-stat-card, .match-flow-grid article):nth-child(2) { animation-delay: 50ms; }
  .app-shell .view[data-just-entered] :where(.roster-row, .bench-row, .payment-row, .season-ranking-row, .feed-row, .announcement-row, .admin-player-row, .audit-row, .home-pulse-card, .home-stat-card, .match-flow-grid article):nth-child(3) { animation-delay: 100ms; }
  .app-shell .view[data-just-entered] :where(.roster-row, .bench-row, .payment-row, .season-ranking-row, .feed-row, .announcement-row, .admin-player-row, .audit-row, .home-pulse-card, .home-stat-card, .match-flow-grid article):nth-child(4) { animation-delay: 150ms; }
  .app-shell .view[data-just-entered] :where(.roster-row, .bench-row, .payment-row, .season-ranking-row, .feed-row, .announcement-row, .admin-player-row, .audit-row, .home-pulse-card, .home-stat-card, .match-flow-grid article):nth-child(5) { animation-delay: 200ms; }
  .app-shell .view[data-just-entered] :where(.roster-row, .bench-row, .payment-row, .season-ranking-row, .feed-row, .announcement-row, .admin-player-row, .audit-row, .home-pulse-card, .home-stat-card, .match-flow-grid article):nth-child(n+6) { animation-delay: 250ms; }

  /**/
  .app-shell :where(.primary-button, .primary-action, .match-flow-action.is-primary):hover:not(:disabled) {
    transform: translateY(-2px) scale(1.015);
    box-shadow: var(--sport-lift);
    filter: brightness(1.06);
  }
  .app-shell :where(.primary-button, .primary-action, .match-flow-action.is-primary):active:not(:disabled) {
    transform: translateY(0) scale(0.97);
    transition-duration: var(--dur-tap);
  }

  /**/
  .app-shell .nav-item.is-active {
    animation: brPop var(--dur-card) var(--ease-bounce);
  }
  .app-shell .nav-item.is-active svg {
    filter: drop-shadow(0 0 6px var(--glow-lime));
  }
  .app-shell .stage-step.is-active {
    animation: brPop var(--dur-card) var(--ease-bounce);
  }

  /**/
  .app-shell .is-just-updated {
    animation: brConfirmGlow var(--dur-celebrate) var(--ease-emphasized) both;
  }

  /**/
  #appToast.app-toast:not([hidden]) {
    animation: brToastIn var(--dur-toast) var(--ease-emphasized);
  }
  #appToast.app-toast.is-leaving {
    animation: brToastOut var(--dur-toast) var(--ease-standard) forwards;
  }
  #appToast.app-toast[data-tone="success"]:not([hidden]) {
    box-shadow: 0 0 0 1px var(--glow-green), 0 16px 40px rgba(8, 196, 107, 0.28);
  }
  #appToast.app-toast[data-tone="error"]:not([hidden]) {
    box-shadow: 0 0 0 1px var(--accent-danger-border), 0 16px 40px rgba(255, 63, 95, 0.26);
  }

  /**/
  .app-shell #view-times[data-cascade] .team-column {
    animation: brCascadeIn var(--dur-tab) var(--ease-emphasized) both;
  }
  .app-shell #view-times[data-cascade] .team-column:nth-child(2) { animation-delay: 120ms; }
  .app-shell #view-times[data-cascade] .team-column > * {
    animation: brCascadeIn var(--dur-cascade) var(--ease-emphasized) both;
  }
  .app-shell #view-times[data-cascade] .team-column > *:nth-child(1) { animation-delay: 120ms; }
  .app-shell #view-times[data-cascade] .team-column > *:nth-child(2) { animation-delay: 190ms; }
  .app-shell #view-times[data-cascade] .team-column > *:nth-child(3) { animation-delay: 260ms; }
  .app-shell #view-times[data-cascade] .team-column > *:nth-child(4) { animation-delay: 330ms; }
  .app-shell #view-times[data-cascade] .team-column > *:nth-child(5) { animation-delay: 400ms; }
  .app-shell #view-times[data-cascade] .team-column > *:nth-child(n+6) { animation-delay: 470ms; }

  /**/
  .app-shell #view-recap[data-just-entered] :where(.round-result-summary strong, .score-inputs, .result-surface) {
    animation: brScoreIn var(--dur-card) var(--ease-bounce) both;
  }

  /**/
  body.is-player-card-modal-open .player-card-modal-panel {
    animation: brCardReveal var(--dur-modal) var(--ease-emphasized) both;
  }
  body.is-player-card-modal-open .player-sticker-shine {
    animation: brShineSweep 1500ms var(--ease-emphasized) 220ms both;
  }
  .player-sticker-preview:hover .player-sticker-shine {
    animation: brShineSweep 900ms var(--ease-emphasized);
  }

  /**/
  .app-shell .view[data-just-entered] :where(.season-badge-grid, .badge-board, .badge-stack-large) > * {
    animation: brBadgePop var(--dur-celebrate) var(--ease-bounce) both;
  }
  .app-shell .view[data-just-entered] :where(.season-badge-grid, .badge-board, .badge-stack-large) > *:nth-child(2) { animation-delay: 90ms; }
  .app-shell .view[data-just-entered] :where(.season-badge-grid, .badge-board, .badge-stack-large) > *:nth-child(3) { animation-delay: 180ms; }
  .app-shell .view[data-just-entered] :where(.season-badge-grid, .badge-board, .badge-stack-large) > *:nth-child(4) { animation-delay: 270ms; }
  .app-shell .view[data-just-entered] :where(.season-badge-grid, .badge-board, .badge-stack-large) > *:nth-child(n+5) { animation-delay: 340ms; }

  /**/
  .br-skeleton,
  [data-loading="true"] .br-skeleton {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.12) 37%, rgba(255, 255, 255, 0.05) 63%);
    background-size: 200% 100%;
    animation: brShimmer 1.4s linear infinite;
    border-radius: var(--sport-radius, 8px);
    color: transparent !important;
  }

  /**/
  .app-shell .amount-chip.is-just-updated,
  .app-shell .status-pill.is-just-updated {
    animation: brCountPop var(--dur-card) var(--ease-bounce);
  }
}

/**/
@media (prefers-reduced-motion: no-preference) {
  @keyframes brShellDrop {
    from { opacity: .8; transform: translateY(-4px); }
    to { opacity: 1; transform: none; }
  }
  @keyframes brShellRise {
    from { opacity: .8; transform: translateY(6px); }
    to { opacity: 1; transform: none; }
  }
  @keyframes brFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
  }

  /**/
  .app-shell:not([hidden]) .topbar {
    animation: brShellDrop 220ms var(--ease-emphasized) both;
  }
  .app-shell:not([hidden]) .stage-rail {
    animation: brShellDrop 220ms var(--ease-emphasized) both;
  }
  .app-shell:not([hidden]) .workspace {
    animation: brShellRise 220ms var(--ease-emphasized) both;
  }
  .app-shell:not([hidden]) .sidebar {
    animation: brShellRise 220ms var(--ease-emphasized) both;
  }

  /**/
  .login-screen:not([hidden]) .login-card {
    animation: brShellRise 240ms var(--ease-emphasized) both;
  }

  /**/
  .app-shell :where(
    .hero-panel, .tool-surface, .section-details, .round-details, .match-ticket,
    .metric-tile, .team-progress-card, .team-pack-card, .finance-summary,
    .home-matchday-main, .home-status-card, .home-stat-card, .home-pulse-card,
    .match-flow-panel, .match-flow-grid article, .admin-hero-card, .admin-stat-card,
    .round-ops-panel, .my-round-matchday, .my-round-live-card, .player-finance-card,
    .feed-signal-card, .announcement-signal-card, .season-card, .season-hero-panel,
    .profile-summary-card, .team-column, .versus-card
  ) {
    transition:
      transform var(--dur-card) var(--ease-emphasized),
      border-color var(--dur-card) var(--ease-emphasized),
      box-shadow var(--dur-card) var(--ease-emphasized);
  }
  .app-shell :where(
    .hero-panel, .tool-surface, .section-details, .round-details, .match-ticket,
    .metric-tile, .team-progress-card, .team-pack-card, .finance-summary,
    .home-matchday-main, .home-status-card, .home-stat-card, .home-pulse-card,
    .match-flow-panel, .match-flow-grid article, .admin-hero-card, .admin-stat-card,
    .round-ops-panel, .my-round-matchday, .my-round-live-card, .player-finance-card,
    .feed-signal-card, .announcement-signal-card, .season-card, .season-hero-panel,
    .profile-summary-card, .team-column, .versus-card
  ):hover {
    transform: translateY(-3px);
    border-color: rgba(126, 221, 81, 0.42);
    box-shadow: var(--sport-lift);
  }

  /**/
  .app-shell :where(
    .roster-row, .bench-row, .payment-row, .season-ranking-row,
    .feed-row, .announcement-row, .admin-player-row, .audit-row
  ) {
    transition: transform var(--dur-tap) var(--ease-emphasized), background var(--dur-card) ease, border-color var(--dur-card) ease;
  }
  .app-shell :where(
    .roster-row, .bench-row, .payment-row, .season-ranking-row,
    .feed-row, .announcement-row, .admin-player-row, .audit-row
  ):hover {
    transform: translateX(3px);
    border-color: rgba(126, 221, 81, 0.32);
  }

  /**/
  .app-shell :where(input, select, textarea) {
    transition: border-color var(--dur-card) ease, box-shadow var(--dur-card) ease, background var(--dur-card) ease;
  }

  /**/
  .app-shell :where(.status-pill, .session-pill, .amount-chip, .home-status-badge) {
    transition: background var(--dur-card) ease, color var(--dur-card) ease, transform var(--dur-tap) var(--ease-bounce);
  }

  /**/
  .app-shell :where(.roster-row, .bench-row, .season-ranking-row):hover :where(.avatar, .player-avatar, .initials) {
    transform: scale(1.08);
    transition: transform var(--dur-card) var(--ease-bounce);
  }
}


/**/
:root {
  --gold: #ffcf3a;
  --lime-bright: #9bec3f;
  --brand-logo: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAAByCAMAAAAVi/iKAAABgFBMVEUAAAAKYTd4x1EGXTT7/Poql00KWzUJYTYJYDYJXjYJYDYKZTcJXjYJXjYJYDYJXjZnuE51xE52xlAvh0RSqEsJYDYJXjYJXjYtd1IacTtGmEUleT2nxrYJYDZIiGnR5Nd0pY0ZaUNZtE/G2tCTuae61MZZk3fi7Octgj4BezxnnIM6oU/c6OIZekG0zsEBVVIdgkQAfwCGspvG6LROqm2YxaoAPz8+gWGp2pG74qeX03ggbklsuYaAzFeBrZiJzWcckkRgmH3b8M8AbUgA/wCt1rVis37k9NoAVwaGxJYAf3+e1YMASSk+o2Bcsnl3xk9+wZQASEhjpXZ1yFB3xk9+0lSD01QXc0U9kz9gr0t/vz93xk93xlCd0K+qqlW04JwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADK9ykyAAAAgHRSTlMA/P35//8TLK4w0hLMlG+t/xlV//+Rb07//////0///////////////wX//////wT/Av////8E////////////////BwH///8E/wL/CP//dP8H/zTO//8L//8Inq//A/8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHSqCD4AAByBSURBVHja7V13fxNJk9aopdFESftO0ChLVjCWbRzANmGBBZZNb86X7/t/i+uqTjURs3d/3M+42QVrSi1PP1O5qlut1v2G7Y7maeh4nsUsMwLPScJ01PP91uNogC4dBHngSiMYJP2effGIVn587M0Tx2tELjc8QPERNjFO3L4TGGwYH1aeC5kZ9LKTjh5B7I1CrwBelnH41gat6SSO48kkiqYaSwriV8yJfq/v5PnMulvNlp3OU4ttnx4yS0DFrHEUt9tv2u32cBhPAMccil7yVTKi3Uu8vJhaiy0HD0fEtvzvzdvFWsgz8OVk2FaDw5gpWZcYzr8yDHtpDj2A7/2mo0fG/vIBfzi72WcIFPzPZbndJihGY4tgGLpfjYdja8lV6+fwLQ18nWtmDdvvfvvsR3y1WwlhxjdH8XBIQJxEFMO++xWgd+WGBL3oCf5wt5PQnfH/X0SMTQVK714IXDfbxVozIleJk9igKBhR2ZTRA2dDe+4R9OJ2zJmPWdcSvtnCmnU6bfRhlLy+efUSpfl49l4LM8pzZEAcTgyGXvqAIbSl5hPo8fVPAL9MsN/xWwAIABxLlKxoohjxWU6YlcNDQDwispw8UEnuhdpgTAUyE2CoxbHQexnaWwngVDt8CqNXQpqXSpg1iNo6x5FmQ2f+EAF0FHyRXDLitxfCm8kARAI4bMfdaVFapVk5nmkX0bJyGHJRVtcfohx7aG7VaofxFOT3gPitUBVOpswAKByVqWE0AaJkRO4iVmMIbAjXHqIU83iXTWMibor/lncAX7fdfpIHELnUYq/XLKcSpVk52+5fE2G21EcPo//PANq+Wxx+E1EMG8MEWFcsJG0qtBVbIDdlHD/utwwrAOT4rTpns4OS5rGSZmFWnuasitUVjAs8CADaTuUYOMkvnDhw6ka/5Tt1U5205VbNHAycUWteN23g9CRGaUWyLlFRVL8mk8eXlhoAh9pesgzsx9M1f8HZ7/S0DGDE1jNgtj1jkdKJWiUKRpQuovw9WUwA7Fn9ysGspNWas2pin5u6/txKK2kpJ45GrIKYcg3Pg9PqjwSiFAkndHv54c49RyLoJEWifMuA/9pWiwkAuZvMxpOYv1hD8LaDdcfto263zIERy0DjbaXoq+DN6DzBiMezvbJBbCwBBDOcetXeAMe630qDGiEbgTM5qCHO+e/wnCpKwmd5ac00jruHPOhbFf6B7QmizUb12o9PBCYZAiocr/aUiy0mDNaIX9ztHpV0YIQifrzACcpnjqQvbSmV+OrFB+Ui8tUpAOFWkmoYUriRkRPW3GyCUlWPhGVVwXSLHm4NACdADIDNXNarSksliKtbp7lt1HcGwCl4MMKAHGcKP8AoD6DAb5mxiES/E8tane3Q5zYqkfs34AqhKScA1jAEIpR6/RqMBnUYaWIVTD6usVeTt0NNBgDOmV3zUPtArHG+XJyvAJxyLuFrZGuIezl3CfxO20UAJywTHDohyYMpuwO5v8nYWIqzNe0KEF920JjznyWAfo1EYPY7rX3aSO41sEIlsWcpJqvRCpYHdZxQKI4rX2k3w9qplhi/qAP7MH/QssTyAMCuFOBr/u8E8Ou2iwDGqP8K+IFN5uLK4ZM6Ee3R4vrlyxfvXnWALQmASiL6XoBDMqRtCQD9HJGThXbqISvZ1URkBUkMNRHfINaIAjtQFG/gG6WBKmMQkgeBMZOvxSIdJAVi3lYbAKfAgMhe/N8I7IfwP3IAWoyHyMvXLM7hB6ivuMutojduybdn6IsvZ+9ZngNTzycRkJZLF+4vSL0Lw45izJWZ4NyCP14QYs8QB4RT8yM0j0AOnygNNBdzw5JiDEyUYZWIdMwJgNyOAFJcgEGcu2hA2u0jCmDE3mJiNc9/M7QpUxW5PWHZjUjUbJ5x2PCDOW0sAAwdaePULbgEBCku5GmzIrcIvVZGIiR6rbjGSnTEgxghB/fML6Ggi/twi0Q6XHBjpBWWLvSWwYWuMCDtmPqBXXbH3/Ce86cZU+C/pcF0KALB3Z4b8qfP+KwpfHZbcCC/lyAtMIRtDGmoiKRSemv4NSW6WxC/L9qQCj5RKoOKnTEwPrEhoXlLv6wbquvhvgEQRO0p8hcHSBmQoy4F0LK4rZiBvdYjAv3H8Yu1+ELycLMQHwcATt5MtRV2+UOlDMGVVEByGn1GBJahDhPc8mdiQ1I50wskEoKZC0Q1AmVD8Bd4Af9jEc0ZAIB9cQ8X+DlOEoYJFQvvCn78SajTUI2E/+F/pzoSAQ5E/rrmK0cBBokcAh8aAIG3jtcW8V9iYNpjg9/QAj/8rQWZRQlgFw2UALDHb5tKxGBgURXdZ0QmGY+1BlRDSoFFVkhuT05sj/CJRWDqc6Iat4lQGb4QWE7pSbcGWRKJA8KS+EtcyXVUN+B8Yp60NxYIALsyawUMOGmfSgWIhlgDyNbcAh/yChDcngWRX8APQjy0GhrAqQZwFHwUHKgCKtcIrZd6J+LJm3jLJR7HlTEwczTcRGyDn4xey4UVg7AgsCMqk/AIfI/ohuAE7fxP5HHIciXmD3QYl2qvVAIIPnSGGpAz4JFSgMiHBkCQVsvKCfAW7G9kFOIOvUicrQEEPdg+AgBtZUMqfbJBDVFyC+UTFxdMWZIEB27OlSZaAQVWRou/aBtiU6HAO3Ccwq+qDn76ylIDAwGAK8OACr8j6sawDViQSUGAdyCgKhe7RfyEjHOORh3If4jgvfh4B2F9MBYG94hD0Pp4QnVdFPmkp31jEy4Q5TgosaSLLFl8EB6xZTVxiKOxHRgAd4AGX/6R8KCHkg+NDlwWGHAKkBIFCHgeFH7gX/98ZOUAbJ2w6rS+28dAriZq9YOCO4JIKIeoaGBybKwCMW3G/aBfCFJUAoPohh5RHD/VRkaC1fknw/qmwok+gAk+FR40GuKjoxyAqxIDbokAcx054/L7BnOLIpMFKRuLizE8Ib7u2sgcGKIuJJUmpuD0fR9QG1LwjQ1rDwpZBZ8VWdJJCnGzS10rQbzw80PYZ1v+Tg4BRCEHlGCuv4gBGXbzAGbUBEfAs+ZKDDoAHEIRy4lkoPhv8kYCOJIrTcHE4nBcJZksCWqII63AiNPn54KUi2LkUGVDXHy7n8/gnFSwZEk3uIw2o6kimXoSXMfHIgrZQRASEwPSzQO4oz7g0MrAKyQMeMY5dDqMrFyrFjiEPEgGPylRDHHlUV8+zxBSYGmsZjwObjLVnB6dSeMQNydqI6IcbeP0XQVFlqzRDcQjLMfBKhk5hlLc+hgMKjjRwoMGPjwtALiiQbA0GUOtAQ/cSWSYoV7vZ4snskCQYTZhAgCm5bA95+iHxOkTocZJyYZoxZ5SlqSOiN1oQ6TA2vr5jKziHXiEJS3iERbHSGpZSNfxQCQSYbBASBiQuJsHcJOT4CkaFc2SXW5RrkWbx+q4sx0fiVIcy3Zbld0ftWj+hAam3wdNUStJi841M0pmtgmRsLFyj6hr3sfPoskLZEkaEM6R392C5yOJxdFTa+F2c8xElKFMKCpASMjkAJxZOQleQNyijco4QxXK2IKbksXifRT9C2c7ts4W15u9BNCnUQAPrHhcRTMENByDOEy5fkQyTWY6CEu+RmiUlnIgqYUtCayIQ2gCo2f7oUrNUsUh4yZakUpC29w6N5QgjxsmfbpTYUCKAB5oGgFtBpXgFVehFnjbx4vFDqvEmbWfHXfOVne7LVa2XOVU4AP1wExYZXERMmnzoZKBRDKJDSFxiEyRBaKjToerfj5Kc/hFp6gyrmh2g8EjHdU4n1Yu06hKTkIEQO9vMAyJjAE5LQGYURUINpgHxkYjPoWcIMdvmb2VbUnLTPy7y2YQ4TBbFZQgVktFFc0uMIS0IWgmWMm7M4q9V7Y+J1hr00U3ftmXj8Antbhfig/CzSecbZrNlmj6GMOZ4pzLNUDgU6AtzOWvGErkkVaABQCtnArkMzbsiXr5hBuhDBTBU8wGypbMM4XkzQpCYaexLBQa9Y58MqIaPCF8QkPaQUlsSc/FoMntFE5fr8b5nNNkW2U9RKWtQ3TX0I0WNmRI8csByCiA4MRscyoQuOyQWSvS06r6WzfrBZ/tBfOmWK1PnL4TUqrwCvk+vCxzrydl10+tkVQBagpCaMy9i9rgXOuGanJI6okilZUhQsaAlAAcF2zIiuSx9jCd+5QTAuBipn8SfvU9ykKp5rdB2Yb09Y0HxCGqjFdHxA+q5q9Bq7bKqvLPddmNlFRZBa9iMjoTDVhcAQ67lQBOh7C1Aft5h6jt2JQPKAXzlzNcSxQfCIAazBVrkoge8Qh1OPZROsEmzURDWkZtyOfWWK0yEmTv0LdLQ+fv+xVEGCRDLp8+1IPBizEedDe6PB+PrfHUtLeZHSHRkBvhgw5vrEnMtnsEcBrvNX6HLFuZBmuV7y2PBO+HiRdad7tMvFuUnwRRc6oiolFhFZ8qdht4YeVIAvMgLK80SNXFqx60kPo7cQ+cb85ARuMIFWA0NluRLNKhalrXMEh70p1MsKV8yq5fCwCHkdJ72ZNh/ESqwev7bxhTnNqrm+LnXfFfPbDVadCwAdAdNE3X+hXfJZKlEBWjAjwXYE2nT55QDpxy6eXjXycY4VqXRziwomItxKdOJutsP+PWd5vFw7EVTaERaXmdfRGAwumjFSLKFMUiUf0+SNb4W/18ebC086/XQKR5xzQPICjAc9Uunc8HRvFRfHp6Gh+1h8CP50ZPjmEbmJDgbLlZ3WWLfTaMRbehtVpkh93iswiOzAYpp1UoJbKeVyg50jqjG9Ri0ARAq9WEIKYemhB0cuZKA4hxiOisbB/FHK/YdKhGCrFTTN9cakszhHwsPvCJENmz7TqOlcBn22P+4RgQs7qlclX0k18otqtny/8E35uljGg3DRAHLbdmnUlrXr/ZVOXGewkJ0FQezZHtgW5iLhoiDu07CefUAHjavQSstCczLgPIHUWO1rl5GWPib8WFXDku+24sb51dEy3Yq2r17HFbB3+7kqp9fnxh20AoE3tmpt3r1XxsNQVbUIGGoYetvSBfGl1fhyZVJrjcCGcAfIIe9DlnwK52pasA7ILaMwB2h8gKZ1umfZjZNFYWR3rT2XWWT0ua/OQAcxqMmC1CDDmR1RNH1Z8piPN6YqqJlufq0oG8kjR9bFoVBkgARU/MOXJgI4BcaDmAWoiPoLPQ2hDP+TibKAlWTiF3G62qZk8uqEnq9aoHJ4a1RG5J0rCOCE2toVNDhLahRBBdjaDL5orYOLNf4XJqAAGOWhEmMgw81x3rl1hX3nUOW+NET6UES1dwuViuLe/PzUXLGn84/HwIXUlktS2FxBP2dcg2sj4qIrP6DTNH5cBQAigwqgXQmI1T6HXpap48nQKA287WeNFbxfFSgmeHjWUFv655sv+lnZU6R9vUnUrja3x+SVAi1nQquqVrsmiuXarzKK4Q4XFOCXIO1BfQu97rBBYAJj9KXVndbFklt1S0E5CVNnZWevWV74oCSZFIs2Uivk4+W1CXtQC71F4LsfCSFJ3E6sfnl1FEATQyfMRtRPfSkq+445itQdtpJXiWbZebzWa5XMhNi4sz7gqOjKXjts4vVMxgT0bB4rkk4ewXiSOScCnNHJE0LJ1JQujf5QXAzsXXTTODq1LiAvOBs+1qf5etSxU8A+CYKkGOHpMI8im7PQA9u5MA3q10RHcsJHgpnH/HmNNixQwWU7J5cL+qzFhJzBvQPFG3XeprpRyt75n42i0RzUzm1utkWygwZT+Xu+3b94vstU4d6P7Ac4vI8JR70pewUfg8uoSyPFd6nI3v9qjz9gsty/sDbrtbrsBdaX0MSHhRzCnXOP4OEZ6a4qLPGoikzheQOh+pheYSuLRCWIhM6nTyQO1Pyo3lbnbNw7DMABhZxvcbchnmRuXynIs5llReWMCCCzijYrfKyMdk21XGsp0lJJgVbympbJ6ko19suywTa2aOmrpTadvRlbEhV8UiIJ15Uq12obq+Pu4cVrPdsoRj52xzrPxAzm+GBWFfMUcPrDaovzfcNcyWYqsD25H50G3J7jiyg4uKxVzdpxG5gdhr7sAtJB5oGraYwHXCUnaXzEwLTYQl08Jmx+jwv872q+1sc1xAEbqzOPuN0bScgzE5HcZie91YMGD7XYSmRKUX1dho0+6qWwrCJElyrbZEwXhAlCNM09ShRcuAEDm179CuGEoM+2k6oEXAASeGFqnzFav2dkWzjVOc6Zb6v4gMn62JBl5ni8P1bHNGALRQgKPLS+1Qx0cAIgMG/LHd/vHste7pYCQkUV0yoanxY9V3TkrcZKWMJC6heNj3aPWLEGGLRK5Tg84MTY/GbWB+Z0ntGpl0S32CdCar6/8idhg2GOoDdJTVyu44Qx6rhCo4iN3cOPrHEHXfq+FLnbinAVxH57FEJRVzAXRHKb0lkSjQ8f6cwSTZ7thy80TX5c9iLsXuqkDk60kulExemI/t3RZ7d41fNy83bF6RG7qoqd0bx5Id1ux8iAfodAs4PhUATuRRHJc6CQP51Cl40M+Gr8QWO8WBbLHdbTYzk0n17IZdcGF98fCkqe2S1QQMoC9DVRWu3mWec6Juq9qOKsZVbREQfGnuAI5PIYv65o06z2kskiQSwFjtKj4H6eUjPkUf+vVZp/1GbLFbCx1oZYfr/WKx2F9vFzlLUI64vHqiqMF5vyIOEVxkNW0TLBXmB8W2o9p6sl9TF8Md6tw4cGzEJnRxLtZUc2CEBacht75R91Q0LoAF5gL82/YSra21+ySy/SsZAS9nAkDPatzy16tnTido3Oxn1wfJjnfRMLPYT5PrNW+sJ1duvhMNFcw4yqdcPgWMkQawKy9NdSowOsdumGftZ9jXwI3xK9Uf+DpbgDMuZNpRO7xUZOTfypdzUr8uRmOYqHS8UmnxttQ9VTXTGqhtgvlMqG2LbYLfN/UJfi/fqsPOq0YbYrLneQvBYRy2DYDD9lBKrRVF0bmU70XnA+AH2ZcVd2bgtJjMyjdzBnZKN9QYnhtZJOK6dUp5fqCVakZSm5LuqWIEI3uBknzDpvdPydes2JOJvSIVTf8mapLRZFKfGxKPuwggyCzhwK6OfPVhd3BCwLuXYo/7+85LLEMtO/sxftpauIV8xYMwH44xlzrHYX04Foyqyz35DtzK0h4tzBM+T2iQYmQy5y2Vtpw5hTa52m6GqAjgsABgdDmWyXdRc19vOq9eCgPMbbHE71t853Zz9hSMMF+w7xVuKQ/gqD7UcHIFTKvYxdUQpDisEKR4Pt31VvDrbK8xDrm3gTlv4sDLc1luj7iJjofDKViNzouXeMYHxe87mAm7JrDYjhFwodc4D2DDhsh++Xq/lJir7MAdBH5+m2AOQLoNNIXOVUntWYVdZWV+PWnIj5dlmAKoz31C4wJtrdas84nrv81rjd+bD50fYN7zJZ5LAc/3FoAjK/WgXcNobObRrhgvV0YMk96J7ffpNYfG+TRFMiDvcgZhOKBix187BFDmyCeIyayRbw+Um5qaFJmamfDbdYs7k2scijKAMQXQIkdWQtl8Pes8e4ZnpLCD0H/vOp3nMO1bselE9x0H+Rz8BQEwkN3OJwHqVrqhzxvxBXm5TeiBR/ev0qydl5vZy7eTc+xGhAODq8BRvVV8aqDlcm4VOxVLuw+T2vN7gEyq5WUAxQYSffgOey2cPc5o7K3A71VnifjdCKnGB3ZRSHQAAHQzUOCJW7p1e/lYrQcHszhJr1TuLSp7vzSTI+LSzZzAXzkAWyP5HE4wtFTHJLg08yJaiz9iE+HVZ2swKidTNCNxzo0h50wwcXwM+n9ckhG/F50dOj9c/d3IkAR/X743/nd5AJnVdDBL3akttw0RTOsXr+JAgDyALadCFH2v0sDkG9Ebzq/q43IuPw/gRJSQMFnI449sg/4f9wZvYMoPPKp7r1zAQYtsiNSLyW1Ha2y7ZI02z23oN6T55bQMYMVhMbpVqxCkXNHNTKzhCDqxhY6NKROelgGE4I6tt/qEPI7kKxDfH4X54OL7FNKqU9GZ3yINzTpxoBAdNZ1L0msKqox81XanEtd9RABMpJVwgsoI2pgJs/uQ+hBOq2HIblWSuC8DiPDBZpCOsBPrm86Hd/z6f3d2v+92vwPru8I2o4lRx31P7NEbkM3SNn8tWkEHtl81BNHzG4iDGmKiP1aU9fBxjSzbVsQA9d08/4tTfXwzvq9nmUZ0V8+srePTSItRCPOhHB6myDLCfmeo/t596Pws2Q+PbZwOcYu6PrCABHY9YfFJpFfXhNJEvO9M0284J1cCGdNVTUs9MhO9m5Te7agRwJ45+318aQDcyWyMiHHXYh8InCyRzYT4vhTWl7MfnOmGR8hAr4JS8v1S393gHu2R/3djUDxTJqivASZXSXHmqFxmqR3YJ5Mt5IZLKBmBwd3ubmDjGz6F7BrLJcuDhYy4fAPGt/MnkPb/5C7NmonjkrG1KCx2vVcVMFnSuPamJlvnnjNLNUqh/noVCHKvy3aKM+eF7uOGcYKNNavZfp37ggHF5GvZebCR8IH4vvrQ+fT779B3BuMhNkPASco0CR0W+xoNgswOm/pwGxD0bKepTdgplPUIgl6rJgmBt+yXZhoR8q6aARSdRuxud7xdvC5oCNH7jCdLcyuCSL5ov1qC9H7X/cOyI/YUoq1BBUi9NF+3gSrnwVVXwo+GWBppq4HYb91zpnqQc0OUKqswSZ7VbOt708dYFmc2C7GFW1Y7my3U1WEs3r+dyYrx7rBmmUw4v3zxY2f5LYfv+a5zdhBZLjyyAxVg0vo6Ryhkdr06K1bYjzecLdfZSlXNf+wY+FZr0ZSEm78iUqr8+oatDjZfH/Rh+pvd7PoARaK3T2nFffcDgc/gN8kd6PfNQxr3QtA1liNbCcCOl8vlmYZus8MOkBvQfd9y3XdYi603DA8AEQbE+Et/bD+c8Zv78eBIbp97j8e4R4ftbLOUfVuz7Wp1PeNQ7rjsfvf8Br+rQJzCH0n88Iwi0nH6H39/OAD+9Z5SLP2e7C/XXHD1odBrbkxWN2A+PgF6p3/iBniVyb1zbYWfMMChtvb/9rcHxIHf3FcP9vUJ+z/cfNrtZjA2S5Dh5advQXKf/8zR295ZCj7Mbxn8HOMBfvOA8Pvbf12ZKUYIeUj3/PkfvuXjh+eYLP39H37+tFzOxHHl8vBo6I8h+NF9yr95QAD++xeY4tz3A43H0fPnz3/49k8/39x8mt283Wf6JP1YpffR/kr8aLz4x388GPz+/scvcGY+OvkoDjQgDNNBLb4XTeVXrRr8Wn/9zcMZ33yROygQjLCbqLhHC75BaWjO72Ai/hD2t64Z6OtzqHELGOcs0UQpGXIMW/zjYTtfHhkPtf/nuY/QUR6UR8ngYfn09PdceQQJk0f8SoUb0XI7Veylz4rOfQuBPIE7Yo/4lWuHclPzkRJVa5LDT+xJj8Xx2wX/73HQ5NZESythQmQ/9gTPSxZneiSP33Rdjos9owjjMWXCifjOqrZWf1b6CFdVbkaYEsF52H2KX9ogqpvyqmmCeRwVxjghYoxMyK2u+MoLdcl6dP8+n1qQ2q7d1X618Gqk+CaP5qMpveUJJoyV52xJQRYvHtXf5z1CIcaS6WIl0MCO1qP390VMOBFf4jdUCvFRfL8sucD090jid/kh+40ewbmnSyhbWbTxeHSev3D0JBNak6GS3kf2+6JxNfLU6e5MnvD4CMoXmuOUtKQ5j8b318ix6kZ7lN7/lSr0HqX314/b1Ht0/eT4H71psSxgscH2AAAAAElFTkSuQmCC");
}

/**/
.brand-logo,
.patota-loader-brand img,
.public-patota-brand .brand-logo {
  content: var(--brand-logo);
  object-fit: contain;
}

/**/
.app-shell .view h1,
.app-shell .view h2,
.app-shell .view-header h2,
.app-shell .surface-heading h2,
.app-shell .hero-panel h1,
.login-card h1,
.login-card h2 {
  font-family: var(--heading);
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.app-shell .player-sticker-overall,
.app-shell .player-sticker-rating strong,
.app-shell .metric-tile strong,
.app-shell .home-stat-card strong {
  font-style: italic;
}

/**/
.app-shell .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.app-shell .eyebrow::before {
  content: "";
  width: 16px;
  height: 3px;
  background: linear-gradient(90deg, var(--lime), var(--green-2, #2fc06a));
  transform: skewX(-24deg);
  flex: none;
}

/**/
.app-shell .primary-button,
.app-shell .primary-action,
.app-shell .match-flow-action.is-primary {
  background: linear-gradient(120deg, var(--lime), var(--brand-green, #08c46b));
  color: #04140a;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  font-weight: 800;
}

/**/
.app-shell .home-matchday-kicker,
.app-shell .status-pill.is-live,
.app-shell .kick {
  transform: skewX(-8deg);
}
.app-shell .home-matchday-kicker > *,
.app-shell .kick > * {
  display: inline-block;
  transform: skewX(8deg);
}

/**/
.app-shell :where(.hero-panel, .home-matchday-main, .match-flow-panel, .admin-hero-card, .season-hero-panel, .round-ops-panel, .my-round-matchday)::after {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--lime), var(--green-2, #2fc06a), transparent);
  pointer-events: none;
  z-index: 2;
}
.app-shell :where(.hero-panel, .home-matchday-main, .match-flow-panel, .admin-hero-card, .season-hero-panel, .round-ops-panel, .my-round-matchday) {
  position: relative;
}

/**/
/**/
.br-confetti-piece {
  position: fixed;
  z-index: 9999;
  width: 9px;
  height: 14px;
  border-radius: 2px;
  pointer-events: none;
  will-change: transform, opacity;
  opacity: 0;
}

@media (prefers-reduced-motion: no-preference) {
  @keyframes brConfettiFall {
    0% { opacity: 1; transform: translate3d(0, 0, 0) rotate(0deg); }
    100% { opacity: 0; transform: translate3d(var(--br-dx, 0), var(--br-dy, 260px), 0) rotate(var(--br-dr, 540deg)); }
  }
  @keyframes brBarSweep {
    0% { background-position: -160% 0; }
    100% { background-position: 260% 0; }
  }
  @keyframes brNumBump {
    0% { transform: scale(1); }
    35% { transform: scale(1.28); color: var(--lime); }
    100% { transform: scale(1); }
  }
  @keyframes brLivePulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(47, 192, 106, 0.5); }
    50% { box-shadow: 0 0 0 6px rgba(47, 192, 106, 0); }
  }
  @keyframes brIconWiggle {
    0%, 100% { transform: rotate(0); }
    25% { transform: rotate(-9deg); }
    75% { transform: rotate(9deg); }
  }
  @keyframes brFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
  }

  .br-confetti-piece {
    animation: brConfettiFall var(--br-dur, 1100ms) var(--ease-emphasized) forwards;
  }

  /**/
  .app-shell :where(.hero-panel, .home-matchday-main, .match-flow-panel, .season-hero-panel)::after {
    background: linear-gradient(90deg, transparent, var(--lime), var(--green-2, #2fc06a), var(--lime), transparent);
    background-size: 220% 100%;
    animation: brBarSweep 3.6s linear infinite;
  }

  /**/
  .app-shell .br-bump {
    animation: brNumBump var(--dur-card) var(--ease-bounce);
    display: inline-block;
  }

  /**/
  .app-shell :where(.status-pill[data-status="open"], .status-pill.is-live, .home-status-badge[data-live]) {
    animation: brLivePulse 1.9s var(--ease-standard) infinite;
  }

  /**/
  .app-shell :where(.primary-button, .primary-action):hover:not(:disabled) svg,
  .app-shell :where(.primary-button, .primary-action):hover:not(:disabled) i {
    animation: brIconWiggle 420ms var(--ease-bounce);
  }

  /**/
  body.is-player-card-modal-open .player-sticker-preview {
    animation: brCardReveal var(--dur-modal) var(--ease-emphasized) both, brFloat 3.4s ease-in-out 0.4s infinite;
  }

  /**/
  .app-shell .view[data-just-entered] .pod-first,
  .app-shell .view[data-just-entered] :where(.season-ranking-row):first-child > i {
    animation: brBadgePop var(--dur-celebrate) var(--ease-bounce) both;
  }
}

/**/
body[data-theme="light"] {
  --ink-950: #eef1ea;
  --ink-900: #f4f7f0;
  --ink-850: #e7ece1;
  --ink-800: #ffffff;
  --ink-760: #f5f8f1;
  --text-primary: #0c1a12;
  --text-secondary: #26332b;
  --text-tertiary: #3d4b42;
  --text-muted: #5a6b60;
  --surface-raised: #ffffff;
  --surface-raised-2: #f5f8f1;
  --surface-card-glass: rgba(255, 255, 255, 0.96);
  --surface-overlay: rgba(18, 40, 28, 0.5);
  --surface-overlay-strong: rgba(18, 40, 28, 0.85);
  --surface-panel-glass: rgba(255, 255, 255, 0.94);
  --surface-panel-soft: rgba(244, 247, 240, 0.85);
  --surface-ghost: rgba(12, 40, 24, 0.05);
  --surface-ghost-hover: rgba(12, 40, 24, 0.08);
  --surface-ghost-strong: rgba(12, 40, 24, 0.12);
  --surface-ghost-selected: rgba(12, 40, 24, 0.7);
  --border-subtle: rgba(12, 40, 24, 0.14);
  --border-quiet: rgba(12, 40, 24, 0.08);
  --border-strong: rgba(12, 40, 24, 0.26);
  --border-on-image: rgba(12, 40, 24, 0.4);
  --shadow: 0 18px 44px rgba(20, 50, 32, 0.14);
  --shadow-soft: 0 12px 30px rgba(20, 50, 32, 0.12);
  --brand-logo: var(--brand-logo-light);
  color-scheme: light;
}

:root {
  --brand-logo-light: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAABzCAMAAADe1ysvAAABgFBMVEUXcVlirWnV49za6OF6y1Gr0Kt3xk+MtKEAVhQA/wBxoot/ykq52sbX5N4ASx4lck09gWBHi2pIiGl0pI17y1GCrZm908+1z8TT5dwALwckcEw+pGBglnx4qpOHr5eZzGaC0FWqyLq1z8MAAAD+/v54x1EEXDMLYjcql03+/v6sybssd1JnuE6SuKZSqEt3xU53x0////8GXTMwh0UJYDdGmEUHXTQHXTRJiWpZlHdlm4F0pY0ZakP+/v7+/v7T5NgleT3F2s/+/v6n2ooFWjFhmH7+/v4acjwGXDMJYDbj7egHXDT+/v4GWzS608bb6OI9kT1Zs0+HsZwIZDQaekMJYDcJYTazzsE7olAJYDYJYDYdg0SaxKwyhjyCrZg9gmEgbklMqGsARxiAzFVvt4eHzGXH57eW0njj9Nms17cAOAsbkkQAJwG74qfd8dEDeTyHxpcAPz8AfwAANgYATB0AVVWd1YHJ3NMAFwAATSFcsXgASicATCIZakMueVaNtaJdxddcAAAAgHRSTlMT+KbX7eSjqAkBmQvwdnGGrSOe3V/GF2QdIEb/f04gBf+gqgD+/v7+/7D+/v/+/zBGDs//zf+wh/7//v7/kmj+//7Q/1D/L/9uhf4vThD9/v///xH/sC3+/3FN//7//v///zH/////////JP8W//8F/wQCEkgD/9YPU/8NN7St1Pw/uHMAABstSURBVHja7Z35d+JGtoCdZDL7+t5sb1+AKoyQMo0MFki2oI0NxgYe2MZLu2333j1JJ511JpnJzL8+dW9Vqaq0lEn/9I7tOicdGyEZfbp73SpWSsuNTw4WZ6e7raO1BiGE8kFIo9Fo7Z6eLRbj0m0dK9e+Y3zQH+621iS1vEHo2lpr2N87uAOYhnc2PLKiMzmuHe2e3TaKxQD3+rtrGhzUXGLAJMnQX2ysny4ObjvAsQEPSUVORPiPQmv9puc1m77fHUiU6oTG7tn49gJcDI9Scua03cmoPHVI0AsdwZD953v1ypNKpVKve03gaFJsDRe3EeDeacu0a8TpTMp8uMRh/8ZuECEp+K/bnFXkQIxUh9i4BQwNgGNT9hCfW07GnDjP8YdRrcMFEWGBIGoUqwbEtdO92wJw3D9SSivx1RS+cs8hfuXJi9cf898uLqlwLIQ6zboB0R9QxfDo7OAWAFycril6XR9MHIkS6RuVy8/fYa95COjZFhfE2G1fJcpMB8yrKIr1ZlcxbOzu3WyAB2ctjR6TpgFACWJOLw6ddrm89RBodCWkF6/50WPpVbgHYRTrmiAqhkf98Y0FOFbCB/QqFY/JGqFzju84YK8LgBySIxgxQXyJyjxHr6KiRQWx7nWT2HHt9EYiXDkQ+ODWfbxx5Bdx1zsJULo4QKICPsnoxRYK4rTWdogOsVv1DF3mDHdvoFNeaSXCJ24ZbB1xkMuoAz+TBGCzIn0saivX5mfCrUySEJFK7ywYoipzY3jz3MnKGsdXFVpXryK/KSCpOaDKvk8UQOljpaAJkyjcShIiJiLtSTEc8FdvnhavNNitDoRnEOom+IWAksll0wSIb+wSIiVRmEQR30CIqDMcSHvodcnNBAiGzVOahuEL6m8bxA+Q5QD0yVUtFqi0WFoIYi+81JRZ2gYPfr154cwK5QCZ8EknQNF/BIzfoF6ZVbMAWZQTgIxOmIqL5A1iRw6Ru5Wp25bKDP9y336jATbRZDVBa13J7yG762pWheuUhOhhWKZSV3kHmsR3UBC/ev1SDxHZvz6e9v8X4L2cYT8q3yQB+igmPve4nJ/PPEr1JKPCDMScJ3bSb4P8pgOcZyiILESkSLCrAO6vFowd9lE3iw6ubrAb2ig+yu6y4Oj+dVeFsVHODnmsdO9+uWhsIEDKAaKWEYelbeWO5FfN2EDBz6XKIqJRjC4mYUD1AIe5FSaI05BoAPv5nxXHPetHXWVHy5YbKe0UHNq55qrFiFYFwZ3iv/uzMQKsC4BgBmtYt5L86hmAA+Q3l3mxVGrM+9yI0TMCnGdbL8sR0QEW3k181Lcher/12HIjv1n/aL/g0N+GlvP+vo5GpeDv3t9BgPvF5wcNHaAnFLjHGHSRHxb7DIA+6bB3XBCqVV88bjePHRa0gDoLm+g/3frqWWULAQ4UwKLPUqOntmfdJp9bbuSSlDYLngtdtwEgB1ZE+0X6LYaTAGRRGhMuHsGw6IS9xPhxIdMAPmmSgEuowS865movlZpZRCfs8c//KiQGwEJGIdkrgsA/qu1GDlul1YLnQn5uveqXgKj4HZtMjVcLj/ZoS0ngoEm4ewWj5VVO0IGw+9YB1ikQrqX5MVaxQx7KZMYXZdieW36/DtLc1ZzIfrEwjC2IRlHLeiPrRaYhJI+Lz2PiiUpa/I7yb20mtEaGmgqzW70awUV50osOhCmyBPh/7OUu6GocEcP+Ab9JlPgUBqozwiIYIdMt9lu3rgPcsIiY5aNO6NBy9Jz07xU+lxUrgGvc7KT1Q4tdYVqjhTGE+9c2y78SB8IUWQNIUYEDw/8OwO3UaOJTmECyF+I2hoAI0GPvUQCThz3f7nQ626EuDApCCAc7nXZSEXdJP7mRaYeP9kQTs+Rob7ujje2okRwZdcRVj9V5Z4YPGTlXDhtXTqymMR4nOlOLnNSgZCwBVjGHG8GjBhjSAHo6QEagB7fSNeKXC9AgOkv4XfW4O3aaVAJUXvgvihFmKvhEhDBoPqQnJ5yTmvg2+aO6EXl0osRMmbE5MQZdT656LF+rKc80NuKUiXzHuXrHR5sKd3rQxqcyF27C/0P8LOxuZ4LfDByxBpB54GlkGEAgML1K5K9O4eExIe7W2c8KoC9Suc8VI9rYXV9ff199ur6C4JKjdRxT+YrfKGk3sosHf6Gr/6q6ZX5UjN3HGtoWf2mkzhsbPsQlp3swFvfzrhyQ/p45FntYzhIAUb56UgC5Aax6FU2Foyk426ZhAGNDp9EgBtwfpwGyR9RQPoTppGG+DR/C5K1k6pbuQ0TsoQQH1F+/ZXOspuRNXXXKrmrEKR2yl3mHMpDOWk6uhwCbHGCAl2AC6CUG8KSiA2zDZ9UFsApWcw54pELXkF+9ogOsawCTz9pz391gQxOiTxWEY3cDx2qum3VEXVbT6aGB2kxzi887ZqGn8Y5LLpGaTlN15fJ0dF8fPFGBijQA9HgVYcQsEwggmrQTLocKYAjqYwigYyD14B1tGeQwgL2vBED+iGhxKALCYMlDXM3NxrSVSmB1HzIRkYkCmEGr6XT/mne45Ot9exq4ckRRPnxmEWM4gbngWeJAoAplABwZFtAHY9tWQQ3wFEG213SwHsiSkqYGsDBggIDCEi90dB9ChyndDMiftVs+MwHuZ9BqOr1nyFtPvmMjz4dk0sAWTPGs7HKAAyJCFHavPIJGB1I5OTEAukpdhQBOlFNuMgVmUWTzCcwLJJPuVAVKmkfMSGDtd9ack+g+5Cyjm1kzlozNlNU1zhtf+47iIJub4pVTrJVAwnCBGkzrdc2BaPVABBjoMXQTLGBKANuMcNXs1iJEyDilQwujfWvO2cr6gnwfcklSE1eaZ1pc40PC9DtGUbHOMLifAMAzmBNh1ouQHkZY7GfhQKoVHs5oAEd0oMfQdMo+/ECFNC44cX8A8BzsnkGAERDs1h3229eWtPRvwyVTNSE3JV2nl/Ehl42DjIcw3xGkHw383UKd4aZ4pQ/xC5jAKx4q+pW6cCB1zEd0gBc1Q4NB6S+UU+lG6EFA/IJJ2X0oJtVJ+9zh+kxp15aWfmtLuZQPmdK0pb8gf82asSV8iJvyIUkEpPuQQqNzzPGvLAAgzLIFvA4jZoC4AUwBnG+bGuzCGUkXAtPwKZSuiHNcjjuO87DpoTJHYc/lrQvkXxNG5y4fE8Xon5JbFcfcWHOz+6kPbviCjzJmLBkWD7F9rQ9hviu5ci0wh0PxL62MQc88ijEK3H9dOBA0gCmAoaP74C5z2zHVXMgEK7Hw5tBxy6Pj0O8OnE6tN3fcnoOV/f9Q8iaSoVAx+sGyqZrdhyyW9iF+4yAdTqYezSXRH1MqjeN/aWUMkTRISg1TwYFwICdIMQWwHXVTPtglVV2DA6yITf1tkSyFDhepdjsOQAJ/p9LSxhGM1kR9vncVyzU89u0oP1VbmKIFviBjxrI+JJNljIp8yL7+DvWYyOlQH6e8XWqlBIFgV9YJYCZOOJB6NQ2QuQPDBG6DFigfHKBcheVYNWX2LuVnC0AGdUaP+f1pYrR0qraSju+0bMGSh5ACndbDSbO6qvuQEW0VdGet81gD8tyQT3vwCLqaBUj0NMRDE0h1ExhCS2ZHtRUylgkxP+SRkjCBnZ9t4lCu4dv7qTJxfqo2zfMFqmIV/mZTjf17eoXsn/mLG2kfkvzd3gRn6oz8R/mQyZ9yZhEB4CkH6HA195IIOgcg1X1IFUxURBXPWoxtmQ+7PVVHdqaqeiWn/PJ9mvIhccaWm6lajg/ZL5zos2Y3i2vm3ELNh+RN93GAZxygjzaTekkELQH+t14PhIl00c3rkxjCPq/Z9Dz0IT2cwCSer/UFOz2lH/BX3KJPM9d8yDWpWt/iQ8zxXv+xNbsZ2+fcjiNiC+7/xsOY0h4HyKMYPpkkHUjV9x/4nq8B9LuY4EIfZjfqhY70SM2KT4WnbVYVpVoUTJPnLeW8YNLt3eVStXZOtlCUbrnkC3t2Y51zq0H16L4tuOcADxoIsC0AznweQfuHyWIkmqiwWpxEm4PIwdZovtDG7165vLWm2Uws3Xa33pR96iFfXNIrzItsPkR3huma1KQ4W2COd/U6AIW5rss+b99eIBItvticDy51dMVykhkaQJ/qaxWUBA4eVptNvhyEYv9fHYePq3E4QK/Jwj7e1e/Xfb9JMdTDMKZYh0fR0X29Mpgq2w3t+USRGbts/GfZkt2c2iaU5uzzLpYwoQzgugHQQwNIeZsu8qmqSSUQztlshg2C7CS/yl3NDFJBh2tw13PmgeN0Jq4DhUDM5WI3cNq8SWa7QBzILzOp2oa6ly+y2cJqXqUrM1ts9RA2H8IUZm1hmzCWJpQB7GsAB5AJz6oDQg/R4YLHUIH0YeJZsHxDq8nvdY4HZpSdiViJU/f4iyxECs6xmwGMYC13dMi/r/6J/xhKH7K5esxfCcjnO6s9+UZhIDdWxaksvttfneRd1KXryXnZ4XBLcW//B53sYPqyBnH3zmbYyR9toQoM4J4UjVGEiQhzIJQMmLB5XL4eZAGyRMXXAVZRIkl0RbrdmozX6r4wASL881WXenZ6i6UJLbnYTmazj+W6gDX2rBvyqCz39WXRjN3In0nuhaFi3yj8k40f8Qu1ct5B6ZqoipHC83eTZQ4S4BQBggNh1q0qPXEuwOrMMwDOcFYv6EU0SW6Dpi8XdvZEqAcd1I3csXZ08Hlrjf/YkMlYf00cZB91LI+2MkeZwO411vIu2lgk5+UcPeXX+WS4mzNOBb/x6W7R2EsW2rQkQOxhYWLng3mrWwGi0vp+IpEwZUQuWdyShMput0pUjI5R9SRCYbpxK5VOFUCckRMA6zaAVeiFY1FiosPY3M9c6EilcVIChVDGQRzRxk1c6nWmSSBmID4lD6qzHIC+ZvWYc/b9QSKRAPCKKa4K9C4p0TW4XOv0GOOiPlFrF+lO4UHISPeLj7JkuPjgfkldOGlH3cw7mt9OmwAcJwAxzTh8cIgAK1mASuLQCD7wEzPoY1zYK3fm5XQnRFKRcc8JdhdmGxmv60215BPW9rP790rWWRh1dDVTvdm3BjEGQDCCwGhK9S0QukxB/TRAzQ8zpT2sUkl0IFLd40BJYNBpt9thR2p1ELdJfiD9fmvPEvL/vTUuRjQ96tvSrdYXFgi/XFdP5u+tVLUQUl1Lt923Qx3gkKL6jQInoqYzx5ldqlSYGkaQARQvMKWP5phQO7JE2pYo21zqJm0oeMcFVQ9r0m9rUNOLgTnphCUZnl7TLtIq2brt1nWAC5AejN9GvWM33AaQWtqrA1Q6XG+yYJFpLsrpIUipAzp8fmkUo+GjRGgE27W51oxVOOublyZb84nH1r5gC/tjveXQWoMsTIQlwC9hvZdhnUbxpDbvsJSMg0y8MB3ogQzD6aOQPqAwgdEGQCOK3b3nkZK1MCjHruNMnQINtk5fX9vk/JGV/W9t4qm3i9hqkNmxnUzf8/L4kEdrOfo17dXcMAgTgPSB0mEWPAu/fAjoPob0DqqqhDpBNNHvA+aI21CvLqyLWAXlbVunR1Frybb17HxSUFym1eamJUCoCTIRciInCN1aL69uzAH6IG6+TOeaA4hUDn0f56S+gqzZmYuODu1hsBwbgsRICGC4jaPt5jXojjrbqeGQv6oqfDt1sK1bqjB9NNBaIY7FwY4+U7Vku4j8s2HO9D0H+AnX4Sth9BjH9kVtEqcBggWEMuFgwOXQm3m4pgHrsXGlEgeqAhboj1qUFvG1WNrWeZ62HOekySvaxFDmqF7pyh79YiM9KxkV+JCxZapP/lknZ/pebDqBOhw7ZrZPHafNBDIeCYBQD3xQNcfJjK997ZVf1F9B/3lCsKZX1vi8Vcy1hfeJrsd5PsSVR2WD6e7u8Pfqrhrr66nDelNCI33q+oEGgb/649y29ZzWQX2qT1z4BznT9wIg+mHXYZkI7p5jBjMRzFOiBGLB6lCHeOLhAqdO+Xn9RRk2N0q2nJGN2m6yWVStcEbT6CfLZEtZS1Uwc/5FdhFhZlZyM7flMK91UOvYznYsLFIAeZsgu33vCW7m9I7JsSOWOcBGHADxkLObseGdMAFnsXKl8pJPrCfrhJkd6GwHQWTyK0/cVbP71Jj1rYneVDnu6XcV865W83C65zUZO0a59Pyn/NX76lH90d4ukhydun/i55ZzWsDkvjFicpMyu8YXoD/hmzlVH3Z52wcA9L2ZWFn8gL1vxuuFh4R7kBicO6EhL0xHF/Focg4OKW4TnV9ub+U9W6ZmT+SKc8Ad6xIko2394jtM9fFSd2bjnbFI/KVizvjk5RPe4puEMSyDwxlNlZH4yPd55TUaO/bjG9wOIAouar1eb+J2IChno/ZWsfB7wz1bmswOF7P/hW1pqDmZ185rHbx+PsrY+mlXB5hgBHH0lATWsco/kxmc/+CQTym/rGzxnqCg/BqXyiU5jFy2/mNbLPznTVvEb0sIaOGEEt7lvftv2XJ43cKoYRbggtv+anp4TxTAap1rLewMdXgolvODc33G+PUi8PPPcdJ93qFmQv31W8bCIBrWmbF/2S9mf7Zs2/r0u0z1lfm6yOzmYy3eoGADeKi0NoEDWyy82IJ6M/iSj5HfVvmn1QeHA3Qj6EP61lTNkrVDG63djm0Uw92zs89pF9EXqly/SDYFkE/OHV4D0D/EefRuF+pdqKu18tYWOibiTF8+4fxe4alP4WHBVU9tunRsq6eAaKwuZ8fyph2XXGGc1zpoXyX8WQ7AL3FqZJABqNlAKnb7pLCHBC7xhOzs9RZv73dGnN/7gt8bKJCJCS6FiPee1lTsEWgNuklvqhghWOvNd1Ov1nLtWOpNc2CfQJjwF5NWJzycblUtaBeppf9srLcRaxsw9jNehGe8CcDU3mKQgTB+z7cwgAZ++PLz8jme+Ao3puACqEX4xFxjCGnKR9r6r3QudobTm+bo5FmqOHPqulEawHGs9YqtW9pFjCcjEly+G0cmnl9JbaOVMYI6QIA30xb6E+qWXz7H1dZQjcGX4/IbOO1RjBtT4IZZYyPCb7TYeEf9frSu15Ba5jgC0egfmS/W8poSavzC2qm6/3b4hZMJm6vGkdb3ItqMdnI9TEzFhd08H2JsAXqWp8MnehijrXEA+xfVZBsYezzI79nL8lNp/jrCAw/NCH9hPGu3oSd1PllmIkxvYd7I9LzaGsyTM52+ziv8eapLxnwy2UrXQcEeqkd5BDWAqj8V1Vc0/4GgXUAxplL5qhw/gnPOUX3Fjm3jnMVBGsBxThdpMmDObTM99IQguStX9rxq7akZCAZADdj/wAman3OMhVHZLOXTAoB7YofoawGi+22PZJ3oqsbjv9foPj4E9Z0nmwae5TV2GwAtwcbm0rGwdTJPto8bAG3bNzSumS0pACgateihHSDio9wkTMD8TctboL4fc/P3FJvZwFfjdtKfmYuDdrMALcHGj/u/Xy4Wzo7/7Y8zEEyAxftUmJWuTzMLowoBjuWXCzwoBIhbASYbrIa4Ve3LFxj9ofqevMIV/5D3YQvcInexhgbwh/aIy97CbI12f5WBYAIseHIuoa3Ps/K2ka485AGEwqooRiVSWNcB8i3y5PbINSZ+7RjV91nMoxcmfj0UPw/XtwqByyz40wD+xZ61L7mE08o+zjQVcoD3VnMDe2jgsfiQtrGcMQXwk5b66gEx+aFJ4GDAK9tcewEUkNzi4vcNBC8TFEosO2B3IG8Su1e8yMNt2Pdl+doqnktO5mUhcIB51rcXYWegVuk6y18kmw+QTy9Fonsc+jwOmyzfCOaw+JKnwJcCX5uT/PhZpfLiJRe/N1wocV+t+oAnweZ0v8zadYD2rN2KyGIC9ck86UgzALMPgKX02IGYXpStPmVqPWjmywhORR9pO9Jn1uWQOzpNBD6IXl7E5QlYv6cxCqVYjoOtWUJzdmT36VyoNHtFdJ+2G58lR7PDJ7/aeK/oYMhMffHRbdJPWlyTAvKmePt5JADupFtbA4IPXWuAldsoyE95QU+tAA8wGKThaHTedswppmDeExkre0wBmsHnzxi++J3qh9VHPy1PO7yn16/wBf5aM+C6bCdN7K/sPm2MrV2knyadqDldpHvqwjlHF0kOmLSbqrbWfmL006edZhtgzU5WemYFyAuDUr6O3RA6hDowOSfnJQJKnTn/Ld56WY6fAr5X5VHIp+RwuR1vj1YZz/qaGHuJsRUvtL4s/UX+nB1MYIeFB1sH2oUz42iltKddRiRb8hUJcJz+27ufyQZYMaS8JZ+ysWcHyOtaqS9y4JLXgwK903a1CWOJr3whZjRxCwXec35augUj7xttTmUscyUsXjme1FAUOxdSEMtYGZq8o0kf5zeoy0UQu6KJu/TBr/9wg8Z/XQ/w4Ej7PpGwNs24P2Z5Gcfp+aMPPwTXESM+LLLyBdtd0wB+/3uVGzO+972fXA+wNF7jU+Ph9iWf4GUm8HjSY9zci067M4fGoVcofOewFB6Na9fD+lZdOmBlAH9yg/hVKt9fQoWZDK6JssLTczdsX0LfJaWR4wQd+HKlcnz+DdB7w+IWHjHCZttNk59yVR9Ubh9AuYSTJR/Vb968mkx6bMRMl9+LX71h8D6sfnPO6F04osJfFxtRiz1rqVosw8YfbhTAPywHUKwixqwYGor+7REMnNM8efT0fBKDQxYZX5OLHUH/Ifjp9Ypf3ygV/mBJgCKYkYs2B4ftR4+ePn06P2d2EFpXZVDJv68B3C5sGSj57epX+v5N4pf2IZZvNuynvsCQGUE29N7pQfJtF/Ai364iy6/0wY0apaUBci1m3jX5eik94elqX4aGBVafbwOAGfBnpdszbF9OOuQE69ClhW2otMuG7zdFB1eyCR4RW0jj91bR3dvEz/7trpwgbpCKX/Slb/9uTC/xt3Q5vx+V7gCaWsy5+aIlwRyovug+eP2ADkulO4ApT0L4/k7IauBlxU8epWb8dwcQI+oGEkQZ03CJvXeoVF/hPuhZ6Q5gbmVBYKrqQujhDIkv0UL9YFG6A5gZnwlX0jSh1X2auBVh/o5u41fVryzxHmEIu3Wltk3exsu/ClGo7/CT0h3AAkO4pgnhrCvDaa7L3uC2mr/lAZbGvOdDSByXPvH1K1WhvnulO4BWNdaFEOyf+CJTIX6nB6U7gNcI4ZFuCWeeBElvqff9zgCT2ToVCDZFC9vuuHQHcClfIoRQxC489qNrZ6XSHcDlxg+HokDY9aT20t2D0h3A7yqEvLZ1q53v2wJM3DHX3uG4dAfwu47kO+1vt/N4e4Cl0gGu7Dxa3NF7S4Cl0uLolvteNf4BKSbBOpPVgWIAAAAASUVORK5CYII=");
}

/**/
body[data-theme="light"] .brand-logo,
body[data-theme="light"] .patota-loader-brand img,
body[data-theme="light"] .public-patota-brand .brand-logo {
  content: var(--brand-logo-light);
}

/**/
body[data-theme="light"] .app-shell .sidebar {
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(12, 40, 24, 0.14);
  box-shadow: 0 -14px 36px rgba(20, 50, 32, 0.14);
}
body[data-theme="light"] .patota-loader {
  background: linear-gradient(180deg, #f4f7f0, #e7ece1);
}

/**/
.theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 44px;
  min-height: 44px;
  padding: 0 12px;
  border-radius: var(--sport-radius, 8px);
  border: 1px solid var(--border-subtle);
  background: var(--surface-ghost);
  color: var(--text-primary);
  cursor: pointer;
  transition: transform var(--dur-tap, 110ms) var(--ease-bounce, cubic-bezier(.34,1.56,.64,1)), background var(--dur-card, 160ms) ease;
}
.theme-toggle:hover {
  background: var(--surface-ghost-hover);
}
.theme-toggle:active {
  transform: scale(0.94);
}
.theme-toggle svg.lucide,
.theme-toggle svg {
  width: 18px;
  height: 18px;
}

/**/
/**/
body[data-theme="light"] :where(
  .login-screen,
  .hero-panel,
  .story-card-preview,
  .player-sticker-preview,
  .public-patota-cover,
  .public-patota-hero,
  .share-card,
  .versus-card
) {
  --text-primary: #ffffff;
  --text-secondary: #dbe2ef;
  --text-tertiary: #c5cfdd;
  --text-muted: #9ca6b8;
  --border-subtle: rgba(255, 255, 255, 0.14);
  --border-strong: rgba(255, 255, 255, 0.24);
}

/**/
body[data-theme="light"] .login-card {
  --text-primary: #0c1a12;
  --text-secondary: #26332b;
  --text-tertiary: #3d4b42;
  --text-muted: #5a6b60;
  --border-subtle: rgba(12, 40, 24, 0.14);
  --border-strong: rgba(12, 40, 24, 0.26);
}

/**/
body[data-theme="light"] .patota-loader-card {
  background: rgba(255, 255, 255, 0.94);
  border-color: rgba(12, 40, 24, 0.14);
}
body[data-theme="light"] .patota-loader-card {
  --text-primary: #0c1a12;
  --text-secondary: #26332b;
  --text-muted: #5a6b60;
}

/**/
body[data-theme="light"] .app-shell .topbar {
  background: rgba(255, 255, 255, 0.86);
  border-color: rgba(12, 40, 24, 0.12);
}

/**/
.app-shell .home-matchday-card {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(240px, 0.9fr);
  gap: 0;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(155, 236, 63, 0.24);
  background:
    radial-gradient(600px 240px at 92% 120%, rgba(155, 236, 63, 0.16), transparent),
    linear-gradient(115deg, #08151a, #0c1c1f 56%, rgba(21, 162, 79, 0.18));
  color: #f2f7ee;
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.34);
  position: relative;
}
@media (max-width: 760px) {
  .app-shell .home-matchday-card { grid-template-columns: 1fr; }
}
.app-shell .home-matchday-card::after {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--lime), #2fc06a, var(--lime), transparent);
  background-size: 220% 100%;
  pointer-events: none;
}
.app-shell .home-matchday-card .home-matchday-main {
  padding: 22px 24px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  background: transparent;
  border: 0;
}
.app-shell .home-matchday-card .home-status-card {
  padding: 22px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: rgba(0, 0, 0, 0.22);
  border-left: 1px solid rgba(255, 255, 255, 0.08);
  color: #f2f7ee;
}
@media (max-width: 760px) {
  .app-shell .home-matchday-card .home-status-card {
    border-left: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }
}

/**/
.app-shell .home-matchday-card .home-matchday-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  align-self: flex-start;
  padding: 7px 13px;
  border-radius: 999px;
  background: var(--lime);
  color: #04140a;
  font: 800 11px/1 var(--mono, monospace);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  transform: skewX(-8deg);
}
.app-shell .home-matchday-card .home-matchday-kicker > * { transform: skewX(8deg); }
.app-shell .home-matchday-card .home-matchday-kicker strong {  font-weight: 800; }
.app-shell .home-matchday-card .home-matchday-kicker[data-live="1"]::before {
  content: "";
  width: 8px; height: 8px; border-radius: 50%;
  background: #04140a; transform: skewX(8deg);
}

/**/
.app-shell .home-matchday-card .home-matchday-title { display: flex; gap: 14px; align-items: flex-start; }
.app-shell .home-matchday-card .home-crest {
  flex: none; width: 54px; height: 54px; border-radius: 14px;
  display: grid; place-items: center;
  font-family: var(--heading); font-style: italic; font-weight: 900; font-size: 20px;
  color: #04140a; background: linear-gradient(140deg, var(--lime), #2fc06a);
}
.app-shell .home-matchday-card .home-matchday-title h3 {
  font-family: var(--heading); font-style: italic; font-weight: 900;
  font-size: clamp(23px, 4.4vw, 34px); line-height: 0.96; text-transform: uppercase;
  margin: 2px 0 4px; color: #fff;
}
.app-shell .home-matchday-card .home-matchday-title .eyebrow { color: #7edd51; margin: 0 0 4px; }
.app-shell .home-matchday-card .home-matchday-title .eyebrow::before { background: #7edd51; }
.app-shell .home-matchday-card .home-matchday-title p { color: rgba(242, 247, 238, 0.72); font-size: 13.5px; margin: 0; }

/**/
.app-shell .home-matchday-card .home-match-meta { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.app-shell .home-matchday-card .home-match-meta > div {
  display: inline-flex; gap: 7px; align-items: baseline;
  padding: 8px 12px; border-radius: 999px;
  background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.1);
}
.app-shell .home-matchday-card .home-match-meta dt {
  font: 700 10px/1 var(--mono, monospace); letter-spacing: 1px; text-transform: uppercase;
  color: rgba(242, 247, 238, 0.58);
}
.app-shell .home-matchday-card .home-match-meta dd { margin: 0; font-weight: 800; font-size: 13px; color: #fff; }

/**/
.app-shell .home-matchday-card .home-matchday-cta { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 2px; }
.app-shell .home-matchday-card .home-status-actions { display: none; }

/**/
.app-shell .home-secondary-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.app-shell .home-matchday-card .home-matchday-cta .home-secondary-action {
  min-height: 44px;
  padding: 12px 16px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.06);
  color: var(--shell-text, #f2f7ee);
  font-family: var(--heading);
  font-weight: 800;
  font-size: 0.95rem;
  cursor: pointer;
  transition: background 170ms ease, border-color 170ms ease, transform 170ms ease;
}

.app-shell .home-matchday-card .home-matchday-cta .home-secondary-action:hover,
.app-shell .home-matchday-card .home-matchday-cta .home-secondary-action:focus-visible {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.3);
  transform: translateY(-1px);
}

.app-shell .home-secondary-action svg {
  width: 17px;
  height: 17px;
  flex: none;
}

/**/
.app-shell .home-gauge-live {
  display: inline-flex; align-items: center; gap: 7px;
  font: 800 11px/1 var(--mono, monospace); letter-spacing: 1px; color: #2fc06a;
}
.app-shell .home-gauge-live::before {
  content: ""; width: 8px; height: 8px; border-radius: 50%; background: #2fc06a;
}
.app-shell .home-gauge-count {
  margin: 10px 0 10px; font-family: var(--heading); font-style: italic; font-weight: 900; line-height: 0.82;
}
.app-shell .home-gauge-count strong { font-size: 56px; color: #fff; }
.app-shell .home-gauge-count small { font-size: 22px; color: rgba(242, 247, 238, 0.55); font-style: normal; }
.app-shell .home-gauge-bar { height: 10px; border-radius: 999px; background: rgba(255, 255, 255, 0.1); overflow: hidden; }
.app-shell .home-gauge-bar > i {
  display: block; height: 100%; border-radius: 999px;
  background: linear-gradient(90deg, #7edd51, var(--lime));
  transition: width 0.6s var(--ease-emphasized, ease);
}
.app-shell .home-gauge-labels { display: flex; justify-content: space-between; margin-top: 6px; font-size: 12px; color: rgba(242, 247, 238, 0.62); }

/**/
.app-shell .home-matchday-card .home-status-body span {
  font: 700 11px/1 var(--mono, monospace); letter-spacing: 1px; text-transform: uppercase;
  color: rgba(242, 247, 238, 0.58);
}
.app-shell .home-matchday-card .home-status-body strong {
  display: block; font-family: var(--heading); font-style: italic; font-weight: 900;
  font-size: 22px; text-transform: uppercase; margin: 4px 0 2px; color: var(--lime);
}
.app-shell .home-matchday-card .home-status-body p { font-size: 13px; color: rgba(242, 247, 238, 0.72); margin: 0; }

@media (prefers-reduced-motion: no-preference) {
  .app-shell .home-matchday-card::after { animation: brBarSweep 3.6s linear infinite; }
  .app-shell .home-gauge-live::before,
  .app-shell .home-matchday-kicker[data-live="1"]::before { animation: brLivePulse 1.9s var(--ease-standard) infinite; }
}

/**/
@media (max-width: 760px) {
  .app-shell .sidebar {
    overflow: visible;
    contain: none;
  }

  .app-shell .nav-item,
  .app-shell .nav-more > summary {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
  }

  .app-shell .nav-item span,
  .app-shell .nav-more > summary span {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.02em;
  }

  .app-shell .nav-item.is-active,
  .app-shell .nav-more[open] > summary {
    background: rgba(126, 221, 81, 0.14);
    border-color: rgba(126, 221, 81, 0.3);
    box-shadow: none;
  }

  .app-shell .nav-more > summary {
    min-height: 54px;
  }

  .app-shell .nav-list > .nav-more .nav-more-menu .nav-item {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.08);
  }

  .app-shell .nav-list > .nav-more .nav-more-menu .nav-item span {
    font-size: 0.86rem;
  }
}

/**/
.confirm-sheet {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(5, 7, 13, 0.72);
  backdrop-filter: blur(6px);
  animation: confirmSheetIn 140ms ease-out;
}

.confirm-sheet-card {
  width: min(420px, 100%);
  display: grid;
  gap: 18px;
  padding: 24px;
  border-radius: var(--bdr-radius-panel);
  border: 1px solid var(--border-strong, rgba(255, 255, 255, 0.16));
  background: var(--surface-raised, #12151d);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
}

.confirm-sheet-message {
  margin: 0;
  font-size: 1.02rem;
  line-height: 1.45;
  color: var(--text-primary, #f4f6fb);
}

.confirm-sheet-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.confirm-sheet-actions button {
  min-height: 44px;
  padding-inline: 18px;
}

body.has-confirm-sheet {
  overflow: hidden;
}

@keyframes confirmSheetIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@media (max-width: 560px) {
  .confirm-sheet {
    align-items: end;
    padding: 0;
  }

  .confirm-sheet-card {
    width: 100%;
    border-radius: 20px 20px 0 0;
    padding: 22px 20px calc(22px + env(safe-area-inset-bottom, 0px));
  }

  .confirm-sheet-actions button {
    flex: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .confirm-sheet { animation: none; }
}

/**/
@media (max-width: 760px) {
  .app-shell .topbar-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
  }

  .app-shell .topbar-actions .theme-toggle,
  .app-shell .topbar-actions #logoutDemo {
    flex: 0 0 44px;
    width: 44px;
    min-width: 44px;
    padding: 0;
    justify-content: center;
  }

  .app-shell .topbar-actions .session-pill:not(.sync-pill) {
    flex: 1 1 120px;
    min-width: 0;
  }

  .app-shell .topbar-actions .sync-pill {
    flex: 0 0 auto;
  }

  .app-shell .topbar-actions .patota-switcher {
    flex: 1 1 100%;
  }
}

/**/
@media (max-width: 760px) {
  .login-screen {
    grid-auto-flow: row;
  }

  .login-screen > .login-card {
    order: 1;
  }

  .login-screen > .login-hero {
    order: 2;
  }

  /**/
  .login-screen:has(.login-card.has-invite-link) .login-hero h1 {
    font-size: clamp(1.6rem, 8vw, 2.2rem);
    line-height: 1;
  }

  .login-screen:has(.login-card.has-invite-link) .login-hero .login-feature-strip {
    display: none;
  }
}

/**/
.join-requests {
  display: grid;
  gap: 12px;
  padding-top: 12px;
}

.join-request {
  display: grid;
  gap: 8px;
  padding: 14px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
}

.join-request[data-status="aprovado"] {
  border-color: rgba(126, 221, 81, 0.4);
}

.join-request[data-status="recusado"],
.join-request[data-status="arquivado"] {
  opacity: 0.6;
}

.join-request-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.join-request-head strong {
  font-size: 1.02rem;
}

.join-request p {
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.4;
  color: var(--text-secondary, rgba(242, 247, 238, 0.78));
}

.join-request small {
  font-size: 0.8rem;
  color: var(--text-secondary, rgba(242, 247, 238, 0.6));
}

.join-request-contact {
  font-family: var(--mono, monospace);
}

.join-request-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 4px;
}

.join-request-actions a,
.join-request-actions button {
  min-height: 44px;
}

.join-request-empty {
  margin: 0;
  padding: 14px 0;
  font-size: 0.92rem;
  color: var(--text-secondary, rgba(242, 247, 238, 0.6));
}

@media (max-width: 560px) {
  .join-request-actions a,
  .join-request-actions button {
    flex: 1;
    justify-content: center;
  }
}

/**/
.season-xp-meter .season-xp-label {
  font-family: var(--mono, monospace);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--text-secondary, rgba(242, 247, 238, 0.6));
}

/**/
.stage-rail {
  display: none;
}

/**/
.danger-surface {
  border-color: rgba(255, 90, 20, 0.32) !important;
}

.danger-copy {
  margin: 0 0 14px;
  font-size: 0.92rem;
  line-height: 1.45;
  color: var(--text-secondary, rgba(242, 247, 238, 0.72));
}

.danger-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 12px 18px;
  border-radius: 10px;
  border: 1px solid rgba(255, 90, 20, 0.5);
  background: rgba(255, 90, 20, 0.12);
  color: #ff9d6b;
  font-family: var(--heading);
  font-weight: 800;
  cursor: pointer;
  transition: background 170ms ease, border-color 170ms ease;
}

.danger-button:hover,
.danger-button:focus-visible {
  background: rgba(255, 90, 20, 0.22);
  border-color: rgba(255, 90, 20, 0.75);
}

.danger-button svg {
  width: 17px;
  height: 17px;
}

/**/

/**/
:root {
  --brand-logo: url("/assets/logo-broadcast-horizontal@2x.png");
  --brand-logo-light: url("/assets/logo-horizontal-claro@2x.png");
}

.brand-logo,
.patota-loader-brand img,
.public-patota-brand .brand-logo,
.login-card-logo {
  content: var(--brand-logo);
  object-fit: contain;
  image-rendering: auto;
}

body[data-theme="light"] .brand-logo,
body[data-theme="light"] .patota-loader-brand img,
body[data-theme="light"] .public-patota-brand .brand-logo,
body[data-theme="light"] .login-card-logo {
  content: var(--brand-logo-light);
}

/**/
.app-shell .brand {
  overflow: visible;
  padding-block: 10px 18px;
}

.app-shell .brand-logo-full {
  width: min(158px, 100%);
  height: auto;
}

/**/

/**/
:where(button, a, summary, input, select, textarea, [role="tab"], [tabindex]):focus-visible {
  outline: 2px solid var(--brand-lime);
  outline-offset: 2px;
  border-radius: 6px;
}

:where(.surface-card, .paper, [data-theme="light"]) :where(button, a, summary, input, select, textarea):focus-visible {
  outline-color: #0a6132;
}

/**/
input::placeholder,
textarea::placeholder {
  color: rgba(156, 166, 184, 0.85);
  opacity: 1;
}

.surface-card input::placeholder,
.surface-card textarea::placeholder,
.round-result-summary input::placeholder,
.round-result-summary textarea::placeholder {
  color: rgba(75, 85, 101, 0.78);
}

/**/
.surface-card input,
.surface-card select,
.surface-card textarea,
.round-result-summary input,
.round-result-summary select,
.round-result-summary textarea {
  color: var(--text-on-paper);
  background: #ffffff;
  border-color: var(--paper-border-strong);
}

/**/
button:disabled,
.button:disabled,
input:disabled,
select:disabled {
  opacity: 0.62;
}

/**/
.eyebrow {
  color: var(--text-tertiary);
}

/**/

/**/
.matchday-timeline-track button strong,
.home-support-grid button strong,
.metric-tile strong,
h1, h2, h3 {
  overflow-wrap: break-word;
  word-break: keep-all;
  hyphens: none;
}

/**/
.matchday-timeline-track button strong {
  font-size: clamp(15px, 1.6vw, 19px);
  line-height: 1.1;
  letter-spacing: 0.3px;
}

/**/
.matchday-timeline-track button[data-state="done"] .matchday-step-number {
  background: var(--accent-success-panel);
  color: var(--brand-green);
  border-color: var(--accent-success-border);
}

/**/
@media (max-width: 760px) {
  .nav-item span,
  .nav-list > .nav-more > summary span {
    font-family: var(--body, inherit);
    font-size: 9.5px;
    font-weight: 650;
    font-style: normal;
    letter-spacing: 0.02em;
    text-transform: none;
    text-overflow: clip;
  }

  .nav-item,
  .nav-list > .nav-more > summary {
    min-height: 56px;
    padding-bottom: max(6px, env(safe-area-inset-bottom, 0px));
  }

  .nav-item.is-active span {
    color: var(--brand-lime);
  }
}

/**/
@media (prefers-reduced-motion: no-preference) {
  /**/
  .app-shell progress::-webkit-progress-value,
  .app-shell [class*="progress"] > span,
  .app-shell [class*="meter"] > span {
    transition: width 480ms var(--ease-emphasized), transform 480ms var(--ease-emphasized);
  }

  /**/
  .matchday-timeline-track button {
    animation: brStaggerIn var(--dur-card) var(--ease-emphasized) both;
  }
  .matchday-timeline-track button:nth-child(2) { animation-delay: calc(var(--motion-stagger) * 1); }
  .matchday-timeline-track button:nth-child(3) { animation-delay: calc(var(--motion-stagger) * 2); }
  .matchday-timeline-track button:nth-child(4) { animation-delay: calc(var(--motion-stagger) * 3); }
  .matchday-timeline-track button:nth-child(5) { animation-delay: calc(var(--motion-stagger) * 4); }

  /**/
  details[open]:not([data-ui-motion]) > *:not(summary) {
    animation: brStaggerIn var(--dur-card) var(--ease-emphasized) both;
  }
}

@media (prefers-reduced-motion: reduce) {
  .matchday-timeline-track button,
  details[open] > *:not(summary) {
    animation: none;
  }
}

/**/
.login-screen,
.player-card-modal {
  --broadcast-quiet: #93a096;
  --broadcast-muted: #bcc6bc;
}

/**/
.login-choice-kicker {
  font-size: 0.72rem;
  letter-spacing: 0.04em;
}

/**/
.login-screen footer a,
.login-screen [class*="foot"] a,
.login-legal-links a {
  color: var(--broadcast-muted);
}

/**/
.app-shell .my-round-status-note span,
.app-shell [class*="status-note"] span {
  color: var(--text-tertiary);
}

/**/
@media (max-width: 760px) {
  .app-shell .sidebar .nav-item span,
  .app-shell .sidebar .nav-list > .nav-more > summary span {
    font-family: var(--body);
    font-size: 9.5px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0;
    text-transform: none;
    white-space: nowrap;
    overflow: visible;
    text-overflow: clip;
  }

  .app-shell .sidebar .nav-list {
    gap: 0;
  }

  .app-shell .sidebar .nav-item,
  .app-shell .sidebar .nav-list > .nav-more > summary {
    padding-inline: 1px;
  }

  /**/
  .app-shell .sidebar .nav-list > .nav-more .nav-more-menu .nav-item span {
    font-size: 13px;
    text-transform: none;
  }
}

/**/
@media (prefers-reduced-motion: no-preference) {
  /**/
  @keyframes brBenchBreath {
    0%, 100% { box-shadow: inset 3px 0 0 var(--brand-orange), 0 0 0 rgba(255, 90, 20, 0); }
    50% { box-shadow: inset 3px 0 0 var(--brand-orange), 0 0 18px rgba(255, 90, 20, 0.18); }
  }

  .app-shell [class*="reserve-next"],
  .app-shell [class*="bench-next"],
  .app-shell .my-round-panel [data-tone="orange"] {
    animation: brBenchBreath 2600ms ease-in-out infinite;
  }

  /**/
  @keyframes brFloodlight {
    0% { background-position: -160% 0; }
    100% { background-position: 260% 0; }
  }

  .app-shell .hero-panel::after,
  .app-shell .my-round-panel.is-home-redesign::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(105deg, transparent 42%, rgba(183, 255, 32, 0.05) 50%, transparent 58%);
    background-size: 220% 100%;
    animation: brFloodlight 9s linear infinite;
    border-radius: inherit;
  }

  /**/
  .login-choice-bar button {
    transition: transform var(--dur-card) var(--ease-emphasized), box-shadow var(--dur-card) var(--ease-emphasized), border-color var(--dur-card) var(--ease-standard);
  }

  .login-choice-bar button:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.32);
  }
}

/**/
.app-shell .hero-panel,
.app-shell .my-round-panel.is-home-redesign {
  position: relative;
  overflow: hidden;
}


/**/

/**/
.app-shell .workspace {
  --v5-radius-outer: 16px;
  --v5-radius-inner: 12px;
  --v5-line: rgba(255, 255, 255, 0.07);
  --v5-tile: rgba(255, 255, 255, 0.035);
  --v5-tile-hover: rgba(255, 255, 255, 0.06);
}

.app-shell .workspace > section,
.app-shell .view > section {
  border-radius: var(--v5-radius-outer);
}

/**/

/**/
.app-shell .view h2,
.app-shell .view-header h2,
.app-shell .surface-heading h2 {
  font-style: normal;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 700;
  font-size: clamp(19px, 1.7vw, 23px);
}

/**/
.app-shell .hero-panel h1,
.app-shell .my-round-panel h1,
.login-hero h1 {
  font-style: italic;
  text-transform: uppercase;
}

/**/
.app-shell button,
.app-shell .button,
.login-card button {
  text-transform: none;
  font-style: normal;
  letter-spacing: 0.01em;
}

/**/
.app-shell .matchday-timeline-track button strong,
.app-shell .home-support-grid button strong,
.app-shell .metric-tile strong {
  text-transform: none;
  font-style: normal;
  letter-spacing: 0;
  font-weight: 700;
}

/**/
.app-shell .eyebrow,
.app-shell [class*="kicker"],
.app-shell .matchday-timeline-track button .matchday-step-label {
  font-style: normal;
  font-size: 10.5px;
  font-weight: 650;
  letter-spacing: 0.07em;
}

/**/
.app-shell p,
.app-shell small,
.app-shell li {
  line-height: 1.5;
}

/**/

/**/
.app-shell .matchday-timeline-track button,
.app-shell .home-support-grid button,
.app-shell .metric-tile {
  border-color: transparent;
  background: var(--v5-tile);
  border-radius: var(--v5-radius-inner);
  box-shadow: none;
}

.app-shell .matchday-timeline-track button:hover,
.app-shell .home-support-grid button:hover {
  background: var(--v5-tile-hover);
}

/**/
.app-shell .matchday-timeline-track button[data-state="active"] {
  border-color: var(--accent-primary-border);
  background: var(--accent-primary-soft);
}

/**/

/**/
.app-shell .initials,
.app-shell .avatar,
.app-shell .player-avatar {
  background: #143324;
  color: #eef5ee;
  border: 1px solid rgba(126, 221, 81, 0.35);
  font-weight: 700;
}

/**/

/**/

/**/
.app-shell .surface-heading h2,
.app-shell .view-header h2 {
  position: relative;
  padding-bottom: 10px;
}

.app-shell .surface-heading h2::after,
.app-shell .view-header h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 64px;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--brand-lime) 0 18px, rgba(126, 221, 81, 0.35) 18px 100%);
}

/**/
.app-shell [class*="score"] strong,
.app-shell .metric-tile strong,
.app-shell [class*="count"] strong {
  font-variant-numeric: tabular-nums;
}

/**/
.app-shell .matchday-timeline-track {
  position: relative;
}

.app-shell .matchday-timeline-track::before {
  content: "";
  position: absolute;
  top: 26px;
  left: 24px;
  right: 24px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(126, 221, 81, 0.28) 12%, rgba(126, 221, 81, 0.28) 88%, transparent);
  pointer-events: none;
}

.app-shell .matchday-timeline-track button {
  position: relative;
  z-index: 1;
}

/**/
.login-card h2 {
  font-style: normal;
  text-transform: none;
  letter-spacing: 0;
}

.login-choice-bar button strong {
  text-transform: none;
  font-style: normal;
  letter-spacing: 0;
}

/**/

/**/
.app-shell [class*="-heading"] > div > strong,
.app-shell .matchday-timeline-header > div > strong,
.app-shell .whatsapp-playbook > div > strong {
  display: block;
  font-family: var(--heading);
  font-style: normal;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 700;
  font-size: clamp(19px, 1.7vw, 23px);
  line-height: 1.15;
  position: relative;
  padding-bottom: 10px;
}

.app-shell [class*="-heading"] > div > strong::after,
.app-shell .matchday-timeline-header > div > strong::after,
.app-shell .whatsapp-playbook > div > strong::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 64px;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--brand-lime) 0 18px, rgba(126, 221, 81, 0.35) 18px 100%);
}

.app-shell [class*="-heading"] > div > span,
.app-shell .matchday-timeline-header > div > span,
.app-shell .whatsapp-playbook > div > span {
  font-style: normal;
  font-size: 10.5px;
  font-weight: 650;
  letter-spacing: 0.07em;
}

.app-shell [class*="-heading"] > div > small,
.app-shell .matchday-timeline-header > div > small {
  line-height: 1.45;
}

/**/
.login-hero h1 {
  overflow-wrap: normal;
  word-break: keep-all;
  hyphens: none;
  font-size: clamp(32px, 5.4vw, 60px);
}

/**/

/**/
.app-shell .mini-stack span,
.app-shell .attendance-avatar-stack span {
  background: #163524;
  color: #eaf3ea;
  border: 2px solid rgba(126, 221, 81, 0.45);
}

/**/
.app-shell .mini-stack span[data-tone="orange"],
.app-shell .attendance-avatar-stack span[data-tone="orange"] {
  background: #2f2013;
  border-color: rgba(255, 90, 20, 0.6);
  color: #ffd9c2;
}

.app-shell .mini-stack span[data-tone="blue"],
.app-shell .attendance-avatar-stack span[data-tone="blue"] {
  background: #131f2f;
  border-color: rgba(110, 168, 255, 0.55);
  color: #cfe2ff;
}

/**/

/**/
.app-shell .sticker-avatar,
.app-shell .profile-summary-avatar,
.app-shell .profile-summary-empty > span {
  background: #163524;
  color: #eaf3ea;
  border: 2px solid rgba(126, 221, 81, 0.55);
}

.app-shell .sticker-card[data-status="maybe"] .sticker-avatar {
  background: #131f2f;
  color: #cfe2ff;
  border-color: rgba(110, 168, 255, 0.55);
}

.app-shell .sticker-card[data-status="reserve"] .sticker-avatar {
  background: #2f2013;
  color: #ffd9c2;
  border-color: rgba(255, 90, 20, 0.6);
}

.app-shell .sticker-card[data-status="out"] .sticker-avatar {
  background: #1d2027;
  color: #aab2bf;
  border-color: rgba(255, 255, 255, 0.18);
}

/**/
.app-shell .badge-stack-large span {
  background: #163524;
  color: #eaf3ea;
  border: 2px solid rgba(126, 221, 81, 0.45);
}

/**/
.app-shell .share-card h3,
.app-shell .share-card strong {
  overflow-wrap: normal;
  word-break: keep-all;
  hyphens: none;
  font-size: clamp(20px, 2.2vw, 30px);
}

/**/
@media (max-width: 760px) {
  .app-shell .topbar-actions #upgradeGuestAccount:not([hidden]) {
    display: inline-flex;
    flex: 1 0 100%;
    width: auto;
    justify-content: center;
  }

  .app-shell #upgradeGuestAccount span {
    display: inline;
  }
}

/**/
.password-recovery-screen {
  display: flex;
  justify-content: center;
  align-items: start;
}
.password-recovery-screen > .login-card { width: min(100%, 480px); }
.password-recovery-screen fieldset {
  display: grid;
  gap: 16px;
  padding: 0;
  border: 0;
  min-width: 0;
}
.password-recovery-screen input {
  display: block;
  width: 100%;
  min-height: 44px;
  padding: 12px;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  background: var(--surface-raised);
  color: var(--text-primary);
  font: inherit;
}
.password-recovery-screen button, #forgotPassword { min-height: 44px; }
.password-recovery-screen [role="status"], #passwordRecoveryAccount { overflow-wrap: anywhere; }

/**/
#loginStatus[data-sync-status="confirmation"] {
  padding: 16px;
  border: 1px solid #69d63f;
  border-left-width: 4px;
  background: #152c1b;
  color: #f1ffe9;
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: normal;
  text-transform: none;
}

/**/
.app-shell .sidebar .nav-more-menu .nav-mobile-extra { display: none; }
.login-card.is-account-connected.is-entry-choice-only .login-choice-bar { display: none; }
.login-card.is-account-connected .account-created-panel { display: grid; gap: 12px; }
.login-card.is-account-connected .account-created-panel[hidden] { display: none; }
.login-card.is-account-connected .account-created-panel > div { display: flex; flex-wrap: wrap; gap: 8px; }
.login-card #switchLoginAccount { width: fit-content; background: transparent; color: var(--broadcast-muted); border: 0; text-decoration: underline; }
.login-screen #loginStatus, .login-screen .login-legal-links { font-size: 12px; line-height: 1.5; }
.login-screen .login-legal-links a { color: var(--broadcast-text); }
.login-screen .account-created-panel button { font-family: var(--body); font-size: 14px; }
.login-screen .login-consent span { font-family: var(--body); font-size: 12px; line-height: 1.5; text-transform: none; }
.login-consent a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.app-shell .admin-hero-card {
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  gap: 16px;
  padding: clamp(16px, 2.4vw, 28px);
}
.app-shell .admin-hero-card > * { min-width: 0; grid-column: 1 / -1; }
.app-shell .admin-hero-card .admin-round-eyebrow { color: var(--shell-lime-strong); font-size: 12px; }
.app-shell .admin-hero-card > strong { font-size: clamp(32px, 3.8vw, 48px); line-height: 1.05; overflow-wrap: anywhere; }
.app-shell .admin-hero-card > p { max-width: 65ch; font-size: 15px; line-height: 1.5; color: var(--shell-text); }
.app-shell .admin-hero-card button span { color: inherit; font-family: var(--body); font-size: 14px; text-transform: none; }
.app-shell .admin-setup-action { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.app-shell .admin-setup-action small { max-width: 35ch; font-size: 13px; line-height: 1.45; color: var(--shell-muted); }
.app-shell .admin-action-group { display: grid; gap: 12px; padding-top: 18px; border-top: 1px solid var(--shell-border); }
.app-shell .admin-action-group h3 { margin: 0; font-family: var(--body); font-size: 14px; font-weight: 700; text-transform: none; letter-spacing: 0; }
.app-shell .admin-operation-grid { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 12px; }
.app-shell .admin-operation-grid > div { display: grid; gap: 6px; flex: 1 1 210px; }
.app-shell .admin-operation-grid .admin-round-status-actions { display: flex; }
.app-shell .admin-secondary-link { width: fit-content; color: var(--shell-text); background: rgba(255,255,255,0.06); border: 1px solid var(--shell-border); }
.app-shell .admin-next-round-status { display: block; padding: 0; color: var(--shell-muted); background: transparent; font-size: 12px; line-height: 1.4; text-transform: none; }
.app-shell .admin-checklist { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); overflow: visible; gap: 10px; padding: 0; }
.app-shell .admin-checklist span { width: auto; padding: 12px; color: var(--shell-text); background: rgba(255,255,255,0.035); border: 1px solid var(--shell-border); }
.app-shell .admin-checklist i { color: var(--shell-muted); font-family: var(--body); font-size: 12px; line-height: 1.4; white-space: normal; }
.app-shell .admin-checklist strong { color: var(--shell-text); font-family: var(--body); font-size: 14px; line-height: 1.4; text-transform: none; overflow-wrap: anywhere; }
.app-shell .admin-checklist span[data-state="ok"] { background: rgba(126,221,81,0.07); }
.app-shell .admin-checklist span[data-state="active"], .app-shell .admin-checklist span[data-state="pending"] { background: rgba(255,134,66,0.12); border-color: rgba(255,134,66,0.4); }
.app-shell .admin-summary { display: grid; gap: 12px; }
.app-shell .admin-summary .admin-stat-card { min-height: 132px; gap: 8px; align-content: center; }
.app-shell .admin-link-box { min-width: 0; padding: 6px; }
.app-shell .admin-link-box code { font-size: 13px; text-overflow: ellipsis; display: block; }
.app-shell .admin-link-box button { color: var(--night); background: var(--white); }
@media (min-width: 761px) and (max-width: 1080px) {
  .app-shell .sidebar { overflow: visible; z-index: 70; }
  .app-shell .sidebar .nav-more { display: block; position: relative; }
  .app-shell .sidebar .nav-more > summary { width: 56px; min-height: 48px; padding: 12px; justify-content: center; }
  .app-shell .sidebar .nav-more > summary span { display: none; }
  .app-shell .sidebar .nav-more-menu { position: absolute; left: calc(100% + 12px); bottom: 0; min-width: 200px; padding: 8px; background: var(--panel); border: 1px solid var(--line); border-radius: 8px; z-index: 60; }
  .app-shell .sidebar .nav-more-menu .nav-item { width: 100%; justify-content: flex-start; }
  .app-shell .sidebar .nav-more-menu .nav-item span { display: inline; }
  .app-shell .admin-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 760px) {
  .app-shell .admin-command-center { display: flex; flex-direction: column; }
  .app-shell .admin-command-center > * { width: 100%; }
  .app-shell .admin-summary { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .app-shell .admin-summary .admin-stat-card { min-height: 100px; padding: 14px; }
  .app-shell .admin-checklist { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .app-shell .admin-hero-card { padding: 16px; }
  .app-shell .admin-link-box { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .app-shell .admin-link-box code { grid-column: 1 / -1; }
  .app-shell .admin-link-box button { width: 100%; justify-content: center; }
  .app-shell .admin-hero-card .admin-link-box button span { display: inline; }
  .app-shell .sidebar .nav-list > .nav-secondary { display: none; }
  .app-shell .sidebar .nav-more-menu .nav-mobile-extra { display: flex; }
  .app-shell .sidebar .nav-item span, .app-shell .sidebar .nav-list > .nav-more > summary span { font-size: 11px; line-height: 1.2; }
  .app-shell .admin-operation-grid > .admin-next-round-status { flex-basis: 100%; }
}

/**/
.app-shell .form-draft-note {
  grid-column: 1 / -1;
  margin: 0 0 12px;
  padding: 10px 12px;
  border-left: 3px solid var(--shell-lime-strong);
  color: var(--shell-text);
  background: rgba(126, 221, 81, 0.08);
  font: 400 14px/1.5 var(--body);
  text-transform: none;
  letter-spacing: normal;
}
.app-shell .form-draft-note[hidden] { display: none; }
.app-shell :is(input, textarea)::placeholder { color: #596477; opacity: 1; }
.app-shell .feed-signal-card { min-height: 0; padding: 24px; }
.app-shell .announcement-signal-card { min-height: 0; padding: 24px; }
.app-shell .announcement-signal-card small { color: var(--shell-muted); }
.app-shell .empty-state-note { padding: 16px; color: var(--shell-muted); line-height: 1.5; }
.app-shell #view-caixa[data-empty="true"] .finance-summary { display: none; }
.app-shell #view-caixa[data-empty="true"] .finance-layout { grid-template-columns: minmax(0, 1fr); }
:is(.public-crest, .public-page-preview-crest) { color: var(--public-on-primary, #000); }
.app-shell .sync-pill[data-sync-status="stale"] { color: #ffce8c; }
@media (max-width: 760px) {
  .app-shell .admin-hero-card .admin-link-box button span,
  .app-shell .public-page-link-box :is(button, a) span {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }
  .login-screen .login-hero { order: 0; }
  .login-screen .login-card { order: 1; }
}

.app-shell .home-matchday-card .home-matchday-kicker strong { color: #0c160d; opacity: 1; }
.app-shell .home-matchday-cta .primary-action {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 16px;
  font: 700 15px/1.3 var(--body);
  text-transform: none;
}
.app-shell .home-matchday-cta .primary-action :is(svg, i) { flex: 0 0 20px; width: 20px; height: 20px; }
.app-shell .home-matchday-cta .primary-action span { font: inherit; }

/**/
.guest-next-round {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  padding: 20px;
  margin-bottom: 20px;
  color: var(--text-on-paper);
  background: var(--surface-card);
  border: 1px solid var(--paper-border-strong);
  border-radius: var(--bdr-radius-panel);
}
.guest-next-round > div { flex: 1 1 240px; }
.guest-next-round p { margin: 6px 0 0; color: var(--text-on-paper-muted); }

/**/
.app-shell .cash-ring {
  background: radial-gradient(circle at center, var(--surface-raised) 0 56%, transparent 57%),
    conic-gradient(var(--brand-green) var(--cash-angle, 0deg), var(--surface-ghost-strong) 0);
}
.cash-ring > div { display: grid; gap: 2px; text-align: center; }
.cash-ring small { font-size: 12px; color: var(--text-secondary); }

/**/
.confirm-sheet-card[aria-labelledby="paymentReviewTitle"] {
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
  gap: 12px;
}
.confirm-sheet-card[aria-labelledby="paymentReviewTitle"] h2 { margin: 0; font-size: 1.25rem; }
.confirm-sheet-card[aria-labelledby="paymentReviewTitle"] p { margin: 0; line-height: 1.45; }
#reviewPaymentAmount { min-width: 0; width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid var(--border-strong); border-radius: 8px; background: var(--surface-raised); color: var(--text-primary); font: inherit; }
#reviewPaymentError { color: var(--orange, #ffba77); }
#paymentUnknownNotice { padding: 12px 16px; border: 1px solid var(--border-strong); border-radius: 12px; line-height: 1.5; }

/**/
.app-shell .topbar > div:first-child { min-width: 0; max-width: 100%; }
#profileEditSurface[hidden] { display: none !important; }
@media (max-width: 1080px) {
  .app-shell #view-times .team-column { min-height: 0; }
}
@media (max-width: 620px) {
  .app-shell .topbar .eyebrow { white-space: normal; overflow-wrap: anywhere; line-height: 1.35; }
  .app-shell .topbar h1 { overflow-wrap: anywhere; line-height: 1; }
  .app-shell .team-command-strip { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: visible; }
  .app-shell .team-command-strip > article { min-width: 0; width: auto; }
  .app-shell .team-pack-card .badge-stack-large { flex-wrap: wrap; }
}
@media (max-width: 620px) {
  .app-shell .admin-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: visible; }
  .app-shell .admin-tabs button { min-width: 0; padding-inline: 8px; white-space: normal; line-height: 1.2; }
}

/**/
.public-patota-header .public-patota-brand { width: 198px; max-width: 100%; min-width: 0; }
.public-patota-header #publicOpenApp { flex-shrink: 0; }
.public-join-form > .login-consent { order: 0; }
.public-score-card > div { display: grid; min-width: 0; gap: 6px; }

.invite-account-notice { grid-column: 1 / -1; display: grid; gap: 10px; padding: 14px; border: 1px solid var(--border-strong); border-radius: 10px; background: var(--surface-raised); }
.invite-account-notice p { margin: 0; line-height: 1.45; }
.invite-account-notice[hidden] { display: none; }

/**/
@media (min-width: 761px) and (max-width: 1240px) {
  .login-screen { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .login-screen > .login-card { width: min(560px, 100%); max-width: 100%; justify-self: center; }
  .login-screen > .login-hero { width: min(760px, 100%); max-width: 100%; justify-self: center; }
}
.login-card > .invite-account-notice { min-width: 0; }

/**/
.login-card:is(.is-signup-mode, .is-create-mode) #loginAccountSummary,
.login-card:is(.is-signup-mode, .is-create-mode) #loginModeTitle { display: none; }
.login-card.is-plain-account-signin #loginModeTitle,
.login-card.is-plain-account-signin #loginAccountDetails[open] > summary { display: none; }
#loginStatus:empty { min-height: 0; margin-block: 0; }

/**/
.own-round-participation { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px; padding: 20px; border: 1px solid var(--shell-border); border-radius: 12px; background: var(--shell-panel); }
.own-round-participation > div { min-width: 0; }
.own-round-participation h3 { margin: 5px 0; }
.own-round-participation p { margin: 0; max-width: 62ch; color: var(--shell-muted); }
.own-round-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.own-round-actions [aria-pressed="true"] { outline: 2px solid var(--lime); outline-offset: 2px; }

.public-ranking-note { color: var(--public-muted, #aeb9b0); line-height: 1.5; margin: 0 0 18px; }


/**/
body.organization-ui {
  --display: var(--body); --heading: var(--body); --mono: var(--body);
  --surface-app: #f4f5ee; --surface-app-2: #edf1e7; --surface-raised: #fff; --surface-raised-2: #e7eddf;
  --surface-card: #fff; --surface-card-soft: #f4f5ee; --surface-card-muted: #e7eddf;
  --surface-ghost: #eef2e8; --surface-ghost-hover: #e7eddf; --surface-ghost-strong: #d7dfd3;
  --text-primary: #172b21; --text-secondary: var(--bdr-field-muted); --text-tertiary: var(--bdr-field-muted); --text-muted: var(--bdr-field-muted);
  --text-on-paper: #172b21; --text-on-paper-muted: var(--bdr-field-muted); --text-on-paper-soft: var(--bdr-field-muted);
  --border-subtle: #d7dfd3; --border-quiet: #d7dfd3; --border-strong: #94a58f;
  --accent-primary: #28613b; --accent-primary-soft: #e7eddf; --accent-primary-border: #94a58f;
  --brand-green: #28613b; --brand-orange: #9d4d12; --brand-blue: #285c7b; --status-danger: #a62d31;
  --orange: #9d4d12; --blue: #285c7b; --green: #28613b;
  color: #172b21; background: #f4f5ee; font-family: var(--body); color-scheme: light;
  scrollbar-color: #94a58f #f4f5ee; caret-color: #28613b;
}
body.organization-ui::before, body.organization-ui::after { content: none; }
.organization-ui ::selection { background: #b7ff20; color: #10241c; }
.organization-ui :is(button, a, input, select, textarea, summary):focus-visible {
  outline: 3px solid #28613b; outline-offset: 3px; box-shadow: none;
}
.organization-ui :is(button, a) { -webkit-tap-highlight-color: transparent; }
.organization-ui button:disabled { opacity: .56; cursor: not-allowed; }
.organization-ui :is(input, textarea)::placeholder { color: #59665a; opacity: 1; }
body.organization-ui .app-shell {
  --shell-bg: #f4f5ee; --shell-panel: #fff; --shell-panel-soft: #f4f5ee;
  --shell-border: #d7dfd3; --shell-border-strong: #94a58f;
  --shell-text: #172b21; --shell-muted: var(--bdr-field-muted); --shell-quiet: var(--bdr-field-muted);
  --shell-lime: #28613b; --shell-lime-strong: #28613b; --shell-lime-bright: #28613b;
  --shell-orange: #9d4d12; --shell-blue: #285c7b;
  --sport-radius: 8px; --sport-radius-pill: 6px; --sport-lift: none;
  --v5-line: #d7dfd3; --v5-tile: #f4f5ee; --v5-tile-hover: #e7eddf;
  display: grid; grid-template-columns: 218px minmax(0, 1fr); gap: 0;
  min-height: 100dvh; max-width: none; padding: 0; margin: 0;
  background: #f4f5ee; color: #172b21;
}
body.organization-ui .app-shell[hidden] { display: none; }
body.organization-ui .app-shell::before, body.organization-ui .app-shell::after { content: none; }
body.organization-ui .app-shell .sidebar {
  --shell-text: #fff; --shell-muted: #c4d3c5; --shell-lime: #b7ff20;
  position: sticky; inset: 0 auto auto 0; height: 100dvh; width: auto; min-width: 0;
  padding: 30px 18px; gap: 34px; background: #10241c; color: #fff;
  border: 0; border-radius: 0; box-shadow: none; z-index: 30;
}
.organization-ui .sidebar .brand { padding: 0; margin: 0; height: auto; min-height: 65px; }
.organization-ui .sidebar .brand-logo-full { display: block; width: 180px; max-width: 100%; height: auto; }
.organization-ui .sidebar .brand-logo-symbol { display: none; }
.organization-ui .sidebar .nav-list { display: grid; gap: 8px; width: 100%; margin: 0; }
.organization-ui .sidebar :is(.nav-item, .nav-more > summary) {
  display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 12px;
  width: 100%; min-height: 48px; padding: 12px; color: #d5dfd3;
  background: transparent; border: 0; border-radius: 8px; box-shadow: none;
  font: 650 15px/1.3 var(--body); text-transform: none; transform: none; clip-path: none;
}
.organization-ui .sidebar :is(.nav-item, .nav-more > summary) :is(span, svg) { color: inherit; font: inherit; transform: none; }
.organization-ui .sidebar :is(.nav-item, .nav-more > summary) svg { width: 21px; height: 21px; flex-shrink: 0; }
.organization-ui .sidebar :is(.nav-item, .nav-more > summary)::before,
.organization-ui .sidebar :is(.nav-item, .nav-more > summary)::after { content: none; }
.organization-ui .sidebar :is(.nav-item, .nav-more > summary).is-active { background: #b7ff20; color: #10241c; box-shadow: none; }
.organization-ui .sidebar :is(.nav-item, .nav-more > summary):hover { background: #294236; color: #fff; }
.organization-ui .sidebar :is(.nav-item, .nav-more > summary).is-active:hover { background: #c8ff5e; color: #10241c; }
.organization-ui .sidebar :is(button, summary):focus-visible { outline-color: #b7ff20; }
.organization-ui .nav-more { position: relative; }
.organization-ui .nav-more > summary { list-style: none; cursor: pointer; }
.organization-ui .nav-more > summary::-webkit-details-marker { display: none; }
.organization-ui .sidebar .nav-more-menu {
  position: static; width: 100%; padding: 8px 0; margin: 6px 0 0; max-height: min(430px, 55dvh); overflow: auto;
  display: grid; gap: 3px; background: #10241c; border: 0; border-top: 1px solid #31463a; border-radius: 0; box-shadow: none;
}
.organization-ui .sidebar .nav-more-menu .nav-item { min-height: 44px; font-size: 14px; }
.organization-ui .sidebar .nav-more-group { display:grid; gap:2px; }
.organization-ui .sidebar .nav-more-group + .nav-more-group { border-top:1px solid #526152; margin-top:8px; padding-top:8px; }
.organization-ui .sidebar .nav-more-group > p { margin:6px 12px; color:#c6d2be; font:700 12px/1.4 var(--body); }
body.organization-ui.matchday-ui.street-ui #appShell .nav-more-menu { max-height:min(600px,calc(100dvh - 115px)); overflow-y:auto; overscroll-behavior:contain; }
.organization-ui .sidebar .season-card { margin-top: auto; padding: 22px 0 0; background: none; border: 0; border-top: 1px solid #31463a; box-shadow: none; border-radius: 0; color: #fff; }
.organization-ui .sidebar .season-card::before { content: none; }
.organization-ui .sidebar .season-card :is(span, small) { color: #c4d3c5; font: 400 13px/1.5 var(--body); text-transform: none; letter-spacing: 0; }
.organization-ui .sidebar .season-card strong { font: 700 16px/1.5 var(--body); }
body.organization-ui .app-shell .workspace { min-width: 0; width: min(1240px, 100%); padding: 0 36px 52px; margin: 0 auto; animation: none; }
body.organization-ui .app-shell .topbar {
  display: flex;  align-items: center; justify-content: space-between; gap: 18px;
   padding: 22px 0; margin: 0 0 28px; color: #172b21; background: none;
   border-bottom: 1px solid #d7dfd3; border-radius: 0; box-shadow: none; animation: none;
}
.organization-ui .topbar::before, .organization-ui .topbar::after { content: none; }
.organization-ui .topbar #topbarMeta { display: block; margin: 5px 0 0; color: var(--bdr-field-muted); font: 400 13px/1.5 var(--body); text-transform: none; letter-spacing: 0; order: 1; }
.organization-ui .topbar > div:first-child { display: flex; flex-direction: column; }
.organization-ui .topbar-actions { flex-wrap: wrap; gap: 8px; }
body.organization-ui .app-shell .stage-rail { display: none; }
body.organization-ui .app-shell :is(h1, h2, h3, h4, strong, button, summary) { font-family: var(--body); font-style: normal; text-transform: none; letter-spacing: -.01em; }
body.organization-ui .app-shell :is(.eyebrow, [class*="kicker"]):not(#topbarMeta) { display: none; }
body.organization-ui .app-shell :is(h2, h3)::after { content: none; }
body.organization-ui .app-shell .view-header { background: none; border: 0; border-radius: 0; box-shadow: none; padding: 0;  }
body.organization-ui .app-shell .view-header h2 { padding: 0; font: 800 clamp(25px, 3vw, 36px)/1.15 var(--body); color: #172b21; letter-spacing: -.025em; }
body.organization-ui .app-shell :is(.view-header, .surface-heading) p { color: var(--bdr-field-muted); }
body.organization-ui .app-shell :is(.tool-surface, .hero-panel, .round-details, .section-details, .my-round-disclosure, .finance-summary, .profile-summary-card, .round-ops-panel, .match-flow-panel, .attendance-board, .season-hero-panel, .feed-signal-card, .announcement-signal-card, .admin-hero-card, .team-progress-card, .team-pack-card, .versus-card, .team-column) {
  color: #172b21; background: #fff; background-image: none; border: 1px solid #d7dfd3; border-radius: 14px; box-shadow: none; clip-path: none;
}
body.organization-ui .app-shell :is(.tool-surface, .hero-panel, .round-details, .section-details, .my-round-disclosure, .round-ops-panel, .match-flow-panel, .season-hero-panel, .admin-hero-card)::before,
body.organization-ui .app-shell :is(.tool-surface, .hero-panel, .round-details, .section-details, .my-round-disclosure, .round-ops-panel, .match-flow-panel, .season-hero-panel, .admin-hero-card)::after,
body.organization-ui .app-shell .my-round-panel::after { content: none; }
body.organization-ui .app-shell :is(.primary-button, .primary-action, .light-button) { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 12px 18px; background: #b7ff20; color: #10241c; border: 1px solid #b7ff20; border-radius: 8px; box-shadow: none; clip-path: none; font: 700 15px/1.35 var(--body); transform: none; }
body.organization-ui .app-shell :is(.primary-button, .primary-action, .light-button)::before,
body.organization-ui .app-shell :is(.primary-button, .primary-action, .light-button)::after { content: none; }
body.organization-ui .app-shell :is(.primary-button, .primary-action, .light-button):hover { background: #c8ff5e; color: #10241c; transform: none; }
body.organization-ui .app-shell :is(.ghost-button, .admin-secondary-link, .filter-button, .segmented-control button, .admin-tabs button) { min-height: 44px; color: #172b21; background: #f4f5ee; border: 1px solid #d7dfd3; border-radius: 8px; box-shadow: none; font-family: var(--body); }
body.organization-ui .app-shell :is(.segmented-control, .admin-tabs) button.is-active { background: #10241c; color: #fff; }
body.organization-ui .app-shell :is(input, select, textarea) { color: #172b21; background: #fff; border-color: #94a58f; border-radius: 8px; min-height: 48px; }
body.organization-ui .app-shell :is(.status-pill, .session-pill, .amount-chip) { background: #e7eddf; color: #285137; border: 1px solid #d7dfd3; border-radius: 6px; text-transform: none; font: 650 12px/1.4 var(--body); box-shadow: none; }
body.organization-ui .app-shell .sync-pill[data-sync-status="stale"], body.organization-ui .app-shell .sync-pill[data-sync-status="error"] { background: #fff0da; color: #78520d; }
body.organization-ui .app-shell .home-matchday-card { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(260px, 1fr); gap: 0; padding: 0; background: #fff; border: 1px solid #d7dfd3;  box-shadow: none;  }
body.organization-ui .app-shell .home-matchday-card::after { content: none; }
body.organization-ui .app-shell .home-matchday-card .home-matchday-main {  align-content: start; gap: 20px; min-width: 0;  background: #fff; border: 0; border-radius: 0; box-shadow: none; }
.organization-ui .round-ticket-status { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; font-size: 14px; }
body.organization-ui .app-shell .home-matchday-main h3 {  color: #172b21; font: 800 clamp(26px, 3vw, 38px)/1.12 var(--body); letter-spacing: -.025em; }
body.organization-ui .app-shell .home-matchday-main > p { margin: -8px 0 0; color: var(--bdr-field-muted); font-size: 15px; line-height: 1.6; max-width: 65ch; }
body.organization-ui .app-shell .home-matchday-card .home-match-meta { display: grid; grid-template-columns: 1fr 1fr;   }
body.organization-ui .app-shell .home-match-meta > div { display: grid; gap: 4px; padding: 0; border: 0; background: none; transform: none; }
body.organization-ui .app-shell .home-match-meta dt { font: 400 13px/1.5 var(--body); color: var(--bdr-field-muted); text-transform: none; letter-spacing: 0; }
body.organization-ui .app-shell .home-match-meta dd { font: 650 15px/1.45 var(--body); color: #172b21; overflow-wrap: anywhere; }
.organization-ui .round-list-progress { display: grid; gap: 10px; padding-top: 18px; border-top: 1px solid #d7dfd3; font-size: 14px; }
.organization-ui .round-list-progress > div:first-child { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; }
.organization-ui .round-list-progress :is(span, small) { color: var(--bdr-field-muted); }
.organization-ui .organization-progress { height: 7px; background: #e7eddf; border-radius: 4px; overflow: hidden; }
.organization-ui .organization-progress i { display: block; height: 100%; background: #28613b; border-radius: inherit; }
body.organization-ui .app-shell .home-matchday-card .home-status-card {  align-content: start; gap: 22px;  color: #fff; background: #10241c;  border-radius: 0; box-shadow: none; }
body.organization-ui .app-shell .home-status-body { display: grid; gap: 8px; }
body.organization-ui .app-shell .home-status-body > span { color: #c4d3c5; font: 400 14px/1.5 var(--body);  }
body.organization-ui .app-shell .home-status-body > strong { font: 750 25px/1.2 var(--body); color: #fff; }
body.organization-ui .app-shell .home-status-body > p { color: #c4d3c5; font-size: 14px; line-height: 1.6; }
body.organization-ui .app-shell .home-matchday-card .home-status-actions { display: grid; gap: 8px; }
body.organization-ui .app-shell .home-status-actions .home-secondary-action {  padding: 11px 14px; background: transparent; color: #fff; border: 1px solid #607566; border-radius: 8px; clip-path: none; box-shadow: none; font: 650 14px/1.4 var(--body); transform: none; }
body.organization-ui .app-shell .home-status-actions .home-secondary-action:hover { background: #294236; }
.organization-ui .home-status-card :is(button, a):focus-visible { outline-color: #b7ff20; }
body.organization-ui .app-shell .home-status-card .my-round-feedback { color: #fff; background: #294236; border: 1px solid #607566; }
body.organization-ui .app-shell .my-round-panel { display: grid;  overflow: visible; background: none; border: 0; box-shadow: none; }
.organization-ui .organization-story { display: grid; gap: 14px; padding: 24px 0; border-top: 1px solid #d7dfd3; border-bottom: 1px solid #d7dfd3; }
.organization-ui .organization-story h3 { margin: 0 0 8px; font: 750 21px/1.25 var(--body); color: #172b21; }
.organization-ui .organization-story p { margin: 0; max-width: 68ch; color: var(--bdr-field-muted); font-size: 15px; line-height: 1.6; }
.organization-ui .organization-story > button { width: fit-content; }
.organization-ui .organization-milestones { display: flex; flex-wrap: wrap; gap: 8px; }
.organization-ui .organization-milestones:empty { display: none; }
.organization-ui .organization-milestones > span { display: inline-flex; align-items: center; gap: 8px; padding: 8px 10px; color: #285137; background: #e7eddf; border-radius: 6px; font-size: 13px; }
.organization-ui .organization-milestones svg { width: 18px; height: 18px; flex-shrink: 0; }
.organization-ui .organization-record { display: grid; gap: 6px; padding: 16px 0; border-bottom: 1px solid #d7dfd3; }
.organization-ui .organization-record small { color: var(--bdr-field-muted); }
.organization-ui .organization-record span { color: #28613b; font-size: 13px; }
body.organization-ui .app-shell .home-support-grid button { color: #172b21; background: none; border: 0; border-radius: 0; border-bottom: 1px solid #d7dfd3;  box-shadow: none; }
body.organization-ui .app-shell .home-support-grid button :is(span, small) { color: var(--bdr-field-muted); }
body.organization-ui .app-shell .home-support-grid button strong { color: #172b21; font-size: 20px; }
body.organization-ui .app-shell .matchday-timeline { background: transparent; border: 0; padding: 0; box-shadow: none; }
body.organization-ui .app-shell .matchday-timeline-header { background: none; background-image: none; }
body.organization-ui .app-shell .matchday-timeline-track button { background: #fff; border: 1px solid #d7dfd3; box-shadow: none; padding: 16px; }
body.organization-ui .app-shell .matchday-timeline-track button :is(strong, small) { color: #172b21; }
body.organization-ui .app-shell .matchday-timeline-track button[data-state="active"] { border-color: #28613b; background: #e7eddf; }
body.organization-ui .app-shell .matchday-step-number { background: #e7eddf; color: #285137; border-color: #d7dfd3; }
body.organization-ui .app-shell .own-round-participation { border: 0; padding: 14px 0; background: none; }
body.organization-ui .app-shell .season-quick-grid { display: block; }
body.organization-ui .app-shell .season-hero-panel { gap: 20px;  }
body.organization-ui .app-shell .season-hero-panel > span { background: #10241c; color: #fff; border-radius: 8px; box-shadow: none; }
body.organization-ui .app-shell .season-hero-panel :is(h3, strong) { color: #172b21; }
body.organization-ui .app-shell .season-hero-panel p, body.organization-ui .app-shell .season-xp-label { color: var(--bdr-field-muted); }
body.organization-ui .app-shell .season-xp-meter { border-top: 1px solid #d7dfd3; padding-top: 18px; }
body.organization-ui .app-shell .season-xp-meter > strong { font-size: 36px; }
body.organization-ui .app-shell .season-ranking-row { grid-template-columns: 42px minmax(0, 1fr) 24px; color: #172b21; background: #fff; border: 0; border-bottom: 1px solid #d7dfd3; border-radius: 0; padding: 16px 8px; }
body.organization-ui .app-shell .season-ranking-row.is-active { background: #e7eddf; box-shadow: inset 0 0 0 1px #94a58f; }
body.organization-ui .app-shell .season-ranking-row > i { color: #285137; background: #e7eddf; font: 650 14px/1 var(--body); }
body.organization-ui .app-shell .season-ranking-row small { color: var(--bdr-field-muted); }
body.organization-ui .app-shell .season-badge-grid { display: block; padding: 18px 0; }
body.organization-ui .app-shell .season-profile-identity :is(strong, small) { color: #172b21; }
body.organization-ui .app-shell .view :is(.metric-tile, .admin-stat-card, .player-finance-card, .finance-pulse-card, .round-ops-grid button, .round-ops-side-card, .profile-summary-grid article, .join-request, .announcement-card, .feed-card, .attendance-segment) { color: #172b21; background: #f4f5ee; border: 1px solid #d7dfd3; border-radius: 8px; box-shadow: none; }
body.organization-ui .app-shell .view :is(.metric-tile, .admin-stat-card, .profile-summary-grid article, .finance-pulse-card) :is(strong, span, small) { color: #172b21; }
body.organization-ui .app-shell :is(.surface-heading, .admin-guide-card, .admin-checklist span, .admin-secondary-actions, .match-flow-grid article) { background-image: none; box-shadow: none; }
body.organization-ui .app-shell :is(.team-column, .team-card, .sticker-card) { background-image: none; box-shadow: none; }
body.organization-ui .app-shell .sticker-card { background: #fff; color: #172b21; border: 1px solid #d7dfd3; border-radius: 12px; }
body.organization-ui .app-shell .sticker-card :is(h3, p) { color: #172b21; }
body.organization-ui .app-shell .sticker-card::before, body.organization-ui .app-shell .sticker-card::after { content: none; }
body.organization-ui .app-shell :is(.hero-panel, .tool-surface, .section-details, .round-details, .home-matchday-main, .home-status-card, .team-column, .my-round-panel, [data-tone="orange"]) { animation: none; }
body.organization-ui .app-shell :is(.hero-panel, .tool-surface, .section-details, .round-details, .home-matchday-main, .home-status-card, .team-column):hover { transform: none; box-shadow: none; }
/**/
.organization-ui .login-screen { color: #172b21; background: #f4f5ee; padding: 40px 28px; gap: 48px; }
.organization-ui .login-screen::before, .organization-ui .login-screen::after { content: none; }
.organization-ui .login-hero { color: #172b21; background: none; border: 0; box-shadow: none; }
.organization-ui .login-hero::before, .organization-ui .login-hero::after { content: none; }
.organization-ui .login-hero h1 { color: #172b21; font: 800 clamp(32px, 4.5vw, 60px)/1.08 var(--body); letter-spacing: -.025em; text-transform: none; font-style: normal; }
.organization-ui .login-hero :is(p, small) { color: var(--bdr-field-muted); }
.organization-ui .login-hero .brand { background: #10241c; padding: 12px 18px; border-radius: 8px; width: fit-content; }
.organization-ui .login-screen .eyebrow { display: none; }
.organization-ui .login-screen .login-card { background: #fff; color: #172b21; border: 1px solid #d7dfd3; border-radius: 14px; box-shadow: none; clip-path: none; }
.organization-ui .login-card::before, .organization-ui .login-card::after { content: none; }
.organization-ui .login-card :is(h2, h3, label, strong) { font-family: var(--body); font-style: normal; text-transform: none; color: #172b21; }
.organization-ui .login-card :is(p, small) { color: var(--bdr-field-muted); }
.organization-ui .login-card :is(input, select) { background: #fff; color: #172b21; border: 1px solid #94a58f; border-radius: 8px; min-height: 48px; }
.organization-ui .login-card button { font-family: var(--body); border-radius: 8px; clip-path: none; box-shadow: none; text-transform: none; }
.organization-ui .login-card .login-submit { color: #10241c; background: #b7ff20; }
.organization-ui .login-choice-bar button { color: #172b21; background: #fff; border: 1px solid #d7dfd3; box-shadow: none; }
.organization-ui .login-choice-bar button[aria-pressed="true"] { color: #fff; background: #10241c; }
.organization-ui .login-choice-bar button:hover { transform: none; box-shadow: none; }
.organization-ui .invite-preview { color: #172b21; background: #f4f5ee; border-color: #d7dfd3; }
.organization-ui .invite-preview :is(strong, span) { color: #172b21; }
.organization-ui :is(.confirm-sheet-card, .modal-card) { color: #172b21; background: #fff; border-radius:var(--bdr-radius-panel); }
.organization-ui .confirm-sheet-card button { border-radius:var(--bdr-radius-control); }
@media (max-width: 1050px) {
  body.organization-ui .app-shell .workspace { padding-inline: 24px; }
  body.organization-ui .app-shell .home-matchday-card { grid-template-columns: minmax(0,1fr); }
  body.organization-ui .app-shell .home-matchday-card .home-status-card { grid-row: 2; }
  body.organization-ui .app-shell .home-status-actions { grid-template-columns: repeat(2, minmax(0,1fr)); }
  body.organization-ui .app-shell .home-status-actions .primary-action { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
  body.organization-ui .app-shell { display: block; padding: 0 0 calc(82px + env(safe-area-inset-bottom)); }
  body.organization-ui .app-shell .sidebar { position: fixed; top: auto; bottom: 0; left: 0; right: 0; height: auto; width: 100%; padding: 6px 12px calc(6px + env(safe-area-inset-bottom)); border: 0; border-top: 1px solid #31463a; border-radius: 0; }
  .organization-ui .sidebar > .brand, .organization-ui .sidebar .season-card { display: none; }
  .organization-ui .sidebar .nav-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; }
  .organization-ui .sidebar .nav-list > .nav-item, .organization-ui .sidebar .nav-more > summary { display: flex; flex-direction: column; justify-content: center; gap: 4px; min-height: 58px; padding: 7px 3px; font-size: 12px; }
  .organization-ui .sidebar .nav-list > .nav-item span, .organization-ui .sidebar .nav-more > summary span { font: 650 12px/1.2 var(--body); text-transform: none; }
  .organization-ui .sidebar .nav-more-menu { position: absolute; bottom: calc(100% + 14px); right: 0; width: min(290px, calc(100vw - 24px)); max-height: min(460px, 65dvh); padding: 10px; background: #10241c; border: 1px solid #607566; border-radius: 12px; box-shadow: 0 8px 28px #10241c24; }
  .organization-ui .sidebar .nav-more-menu .nav-item { flex-direction: row; gap: 12px; justify-content: flex-start; min-height: 48px; padding: 12px; }
  body.organization-ui .app-shell .workspace { padding: 0 18px 24px; width: 100%; }
  body.organization-ui .app-shell .topbar { gap: 12px; min-height: 0; padding: 20px 0; margin-bottom: 22px; }
  body.organization-ui .app-shell .topbar > div:first-child { width: 100%; }
  body.organization-ui .app-shell .topbar-actions { width: 100%; justify-content: flex-start; }
  body.organization-ui .app-shell .topbar-actions .session-pill { max-width: 100%; white-space: normal; }
  body.organization-ui .app-shell .topbar-actions .sync-pill { flex-basis: 100%; }
  body.organization-ui .app-shell .home-matchday-card .home-matchday-main, body.organization-ui .app-shell .home-matchday-card .home-status-card { padding: 22px; }
  body.organization-ui .app-shell .home-matchday-main h3 { font-size: 29px; }
  body.organization-ui .app-shell .home-matchday-card .home-match-meta { grid-template-columns: minmax(0,1fr); gap: 14px; }
  body.organization-ui .app-shell .home-status-actions { grid-template-columns: minmax(0,1fr); }
  .organization-ui .organization-story { padding-block: 22px; }
  body.organization-ui .app-shell .home-support-grid { grid-template-columns: minmax(0,1fr); gap: 0; }
  body.organization-ui .app-shell .matchday-timeline-track { display: grid; grid-template-columns: minmax(0,1fr); gap: 0; overflow: visible; }
  body.organization-ui .app-shell .matchday-timeline-track button { min-height: 64px; padding: 12px 0; border: 0; border-bottom: 1px solid #d7dfd3; border-radius: 0; background: transparent; }
  body.organization-ui .app-shell .matchday-timeline-track button::after { content: none; }
  .organization-ui .login-screen { padding: 24px 18px; gap: 26px; }
  .organization-ui .login-screen .login-card { padding: 22px; }
}
@media (prefers-reduced-motion: no-preference) {
  @keyframes organization-progress-arrive { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
  .organization-ui .organization-progress i { animation: organization-progress-arrive 400ms cubic-bezier(.16,1,.3,1); }
}
/**/
body.organization-ui .app-shell .sidebar .nav-list :is(button, summary, span) { font-family: var(--body); text-transform: none; letter-spacing: 0; }
body.organization-ui .app-shell .sidebar .nav-list > .nav-more > summary.is-active { background: #b7ff20; color: #10241c; box-shadow: none; }
body.organization-ui .app-shell .sidebar .nav-list > .nav-more .nav-more-menu .nav-item :is(span, svg) { color: inherit; text-transform: none; }
body.organization-ui .app-shell .home-matchday-card::before,
body.organization-ui .app-shell .home-matchday-card .home-matchday-main::before,
body.organization-ui .app-shell .home-matchday-card .home-matchday-main::after,
body.organization-ui .app-shell .home-matchday-card .home-status-card::before,
body.organization-ui .app-shell .home-matchday-card .home-status-card::after { content: none; }
body.organization-ui .app-shell .home-matchday-card .home-matchday-main :is(strong, dd) { color: #172b21; }
body.organization-ui .app-shell .home-matchday-card .home-status-body > strong { text-transform: none; }
body.organization-ui .app-shell .home-matchday-card .home-status-body > span { color: #c4d3c5; }
body.organization-ui .app-shell .home-matchday-card .home-status-card .my-round-feedback :is(span, strong, p) { color: #fff; }
body.organization-ui .app-shell :is(.my-round-disclosure > summary, .section-details > summary, .round-details > summary) :is(span, strong),
body.organization-ui .app-shell :is(.home-support-grid, .season-hero-panel, .profile-summary-grid) :is(span, small) { text-transform: none; font-family: var(--body); letter-spacing: 0; }
body.organization-ui .app-shell :is(.my-round-disclosure, .section-details, .round-details) > summary { min-height: 64px; color: #172b21; background: #fff; border-radius: 14px; }
body.organization-ui .app-shell .attendance-board { display: grid; gap: 18px; padding: 24px; background: #fff; border: 1px solid #d7dfd3; border-radius: 14px; }
body.organization-ui .app-shell :is(.attendance-board-heading, .reserve-queue-panel, .whatsapp-playbook, .matchday-timeline-header) { background: transparent; background-image: none; color: #172b21; box-shadow: none; border: 0; border-radius: 0; padding: 0; }
body.organization-ui .app-shell :is(.attendance-board-heading, .whatsapp-playbook, .matchday-timeline-header)::before,
body.organization-ui .app-shell :is(.attendance-board-heading, .whatsapp-playbook, .matchday-timeline-header)::after,
body.organization-ui .app-shell :is(.attendance-board-heading, .whatsapp-playbook, .matchday-timeline-header) strong::after { content: none; }
body.organization-ui .app-shell :is(.attendance-board-heading, .whatsapp-playbook, .matchday-timeline-header) > div > span { display: none; }
body.organization-ui .app-shell :is(.attendance-board-heading, .whatsapp-playbook, .matchday-timeline-header) :is(strong, small) { color: #172b21; font-family: var(--body); text-transform: none; letter-spacing: 0; }
body.organization-ui .app-shell :is(.attendance-board-heading, .reserve-queue-heading, .whatsapp-playbook) button { min-height: 44px; border: 1px solid #94a58f; border-radius: 8px; color: #172b21; background: #f4f5ee; box-shadow: none; clip-path: none; }
body.organization-ui .app-shell .attendance-segment-grid { gap: 12px; }
body.organization-ui .app-shell .attendance-segment-grid > button { min-width: 0; padding: 14px; color: #172b21; background: #f4f5ee; background-image: none; border: 1px solid #d7dfd3; border-radius: 8px; box-shadow: none; animation: none; }
body.organization-ui .app-shell .attendance-segment-grid > button::before,
body.organization-ui .app-shell .attendance-segment-grid > button::after { content: none; }
body.organization-ui .app-shell .attendance-segment-grid > button :is(strong, span, small) { color: #172b21; font-family: var(--body); text-transform: none; letter-spacing: 0; }
body.organization-ui .app-shell .attendance-segment-grid > button strong { font-size: 22px; }
body.organization-ui .app-shell .attendance-avatar-stack span { color: #fff; background: #28613b; border: 1px solid #fff; font: 700 12px/1 var(--body); }
body.organization-ui .app-shell .reserve-queue-heading { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; }
body.organization-ui .app-shell .reserve-queue-heading > div { display: grid; gap: 6px; }
body.organization-ui .app-shell .reserve-queue-heading :is(strong, span, small) { font-family: var(--body); text-transform: none; color: #172b21; }
body.organization-ui .app-shell .reserve-queue-list li { color: #172b21; background: #f4f5ee; border: 0; border-bottom: 1px solid #d7dfd3; border-radius: 0; }
body.organization-ui .app-shell .reserve-queue-list li :is(strong, small) { color: #172b21; }
body.organization-ui .app-shell .reserve-queue-list li > span { color: #285137; background: #e7eddf; }
body.organization-ui .app-shell .whatsapp-playbook { padding-top: 18px; border-top: 1px solid #d7dfd3; }
body.organization-ui .app-shell .whatsapp-template-grid button { background: #f4f5ee; border: 1px solid #d7dfd3; padding: 14px; }
body.organization-ui .app-shell .whatsapp-template-grid button :is(span, strong, small) { color: #172b21; font-family: var(--body); text-transform: none; }
body.organization-ui .app-shell .matchday-timeline-header { padding-bottom: 16px; }
body.organization-ui .app-shell .matchday-timeline-track::before,
body.organization-ui .app-shell .matchday-timeline-track button::before { content: none; }
body.organization-ui .app-shell .matchday-timeline-track button :is(span, strong, small, b) { color: #172b21; font-family: var(--body); letter-spacing: 0; text-transform: none; }
body.organization-ui .app-shell .filter-tabs { background: none; border: 0; }
body.organization-ui .app-shell .sticker-status span:nth-child(2) { display: none; }
body.organization-ui .app-shell .player-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
body.organization-ui .app-shell .sticker-card { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; grid-template-areas: "avatar title status" "avatar meta status" "actions actions actions"; gap: 4px 16px; padding: 18px; align-items: center; min-height: 0; }
body.organization-ui .app-shell .sticker-card .sticker-avatar { grid-area: avatar; width: 52px; height: 52px; margin: 0; font-size: 18px; border-width: 1px; }
body.organization-ui .app-shell .sticker-card .sticker-status { grid-area: status; margin: 0; }
body.organization-ui .app-shell .sticker-card h3 { grid-area: title; margin: 0; text-align: left; font-size: 18px; min-height: 0; }
body.organization-ui .app-shell .sticker-card p { grid-area: meta; text-align: left; margin: 0; color: var(--bdr-field-muted); font-size: 14px; }
body.organization-ui .app-shell .sticker-card .card-actions { grid-area: actions; display: flex; flex-wrap: wrap; margin-top: 14px; }
body.organization-ui .app-shell .sticker-card .card-actions button { min-width: 64px; min-height: 44px; color: #172b21; border: 1px solid #94a58f; border-radius: 8px; background: #f4f5ee; }
body.organization-ui .app-shell .sticker-card .card-actions button.is-active { color: #fff; background: #28613b; }
body.organization-ui .app-shell :is(.match-flow-panel, .teams-flow-panel) :is(h3, strong, span, small, p) { color: #172b21; text-transform: none; font-family: var(--body); letter-spacing: 0; }
body.organization-ui .app-shell .match-flow-panel > div > span { display: none; }
body.organization-ui .app-shell .match-flow-panel > div > strong { font-size: 23px; }
body.organization-ui .app-shell .match-flow-grid article { background: #f4f5ee; color: #172b21; border: 1px solid #d7dfd3; border-radius: 8px; box-shadow: none; }
body.organization-ui .app-shell .match-flow-grid article::before { content: none; }
body.organization-ui .app-shell .match-flow-action { color: #10241c; background: #b7ff20; border: 1px solid #b7ff20; border-radius: 8px; min-height: 48px; box-shadow: none; clip-path: none; font-family: var(--body); text-transform: none; }
body.organization-ui .app-shell .match-flow-action :is(span, strong, small) { color: inherit; text-transform: none; }
body.organization-ui .app-shell .team-column { min-height: 260px; }
body.organization-ui .app-shell .team-column :is(.team-player, .team-player-card) { color: #172b21; background: #f4f5ee; border: 1px solid #d7dfd3; border-radius: 8px; }
body.organization-ui .app-shell .team-column :is(.team-player, .team-player-card) :is(span, small, strong) { color: #172b21; }
body.organization-ui .app-shell .admin-link-box { color: #172b21; background: #f4f5ee; border: 1px solid #d7dfd3; }
body.organization-ui .app-shell .admin-link-box code { color: #172b21; background: #fff; font-family: var(--body); }
body.organization-ui .app-shell .admin-link-box :is(button, a) { background: #fff; color: #172b21; border: 1px solid #94a58f; border-radius: 8px; }
body.organization-ui .app-shell .admin-hero-card > span { display: none; }
body.organization-ui .app-shell .admin-hero-card > strong { font-size: 28px; }
body.organization-ui .login-screen :is(.login-card, .login-hero) :is(label, button, span, small, strong) { text-transform: none; font-family: var(--body); letter-spacing: 0; }
body.organization-ui .login-screen :is(.login-card, .login-hero) :is(.login-card-heading::before, .login-card-topline, .login-system-label, .login-feature-strip) { display: none; }
body.organization-ui .login-screen .login-card button { min-height: 44px; }
body.organization-ui .login-card .login-account-details { border-color: #d7dfd3; }
body.organization-ui .login-card .login-account-details summary { color: #172b21; background: #f4f5ee; }
body.organization-ui .login-card .login-legal-links a { color: #285137; }
body.organization-ui .login-card #switchLoginAccount { color: #285137; }
body.organization-ui .login-card .login-choice-bar button { color: #172b21; background: #fff; border-color: #d7dfd3; }
body.organization-ui .login-card .login-choice-bar button :is(strong, span, small) { color: #172b21; }
@media (max-width:760px) {

  body.organization-ui .app-shell .topbar .topbar-actions {  flex-wrap: wrap;  }
  body.organization-ui .app-shell .topbar .patota-switcher { display: flex; align-items: center; gap: 8px; flex: 1 0 100%; width: 100%; min-width: 0; padding: 0; background: transparent; border: 0; }
  body.organization-ui .app-shell .topbar .patota-switcher > span { display: none; }
  body.organization-ui .app-shell .topbar .patota-switcher select { width: 100%; min-width: 0; font-family: var(--body); }
  body.organization-ui .app-shell .topbar .topbar-actions :is(.session-pill, .sync-pill) { flex: 0 1 auto; width: auto; min-height: 0; padding: 6px 8px; font-size: 11px; }
  body.organization-ui .app-shell .topbar .topbar-actions #logoutDemo { margin-left: auto; }
  body.organization-ui .app-shell .home-matchday-card .home-matchday-main { gap: 16px;  }

  body.organization-ui .app-shell .home-matchday-card .home-match-meta > div { display: flex; gap: 12px; align-items: baseline; }
  body.organization-ui .app-shell .home-matchday-card .home-match-meta dt { min-width: 50px; }
  body.organization-ui .app-shell .attendance-board { padding: 20px; }
  body.organization-ui .app-shell .attendance-segment-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
  body.organization-ui .app-shell .attendance-segment-grid > button { padding: 12px; }
  body.organization-ui .app-shell .sticker-card { grid-template-columns: 44px minmax(0,1fr); grid-template-areas: "avatar title" "avatar meta" "status status" "actions actions"; }
  body.organization-ui .app-shell .sticker-card .sticker-status { margin-top: 8px; }
  body.organization-ui .app-shell .team-column { min-height: 0; }
}
/**/
body.organization-ui .app-shell :is(.share-card, .round-result-summary > div, .story-card-preview, .team-drawer-panel) { color: #172b21; background: #fff; border: 1px solid #d7dfd3; border-radius: 12px; box-shadow: none; background-image: none; }
body.organization-ui .app-shell .share-card :is(span, p, h3, strong, small),
body.organization-ui .app-shell .round-result-summary :is(span, p, h3, strong, small),
body.organization-ui .app-shell .story-card-preview :is(span, p, h3, strong, small) { color: #172b21; }
body.organization-ui .app-shell .share-card::before, body.organization-ui .app-shell .share-card::after { content: none; }
body.organization-ui .app-shell .share-card .share-stats > div { background: #f4f5ee; border: 1px solid #d7dfd3; border-radius: 8px; }
body.organization-ui .app-shell .share-card .share-score { color: #10241c; background: #b7ff20; border: 0; box-shadow: none; }
body.organization-ui .app-shell .round-result-summary > div { background: #f4f5ee; }
body.organization-ui .app-shell .round-result-summary > div strong { font: 750 20px/1.3 var(--body); }
body.organization-ui .login-screen :is(.login-system-title, .login-system-status, .login-signal-line, .login-preview-row, .login-orbit) { display: none; }
body.organization-ui .login-screen .login-card-identity { background: #10241c; border: 0; border-radius: 8px; padding: 16px; margin-bottom: 22px; }
body.organization-ui .login-screen .invite-preview { color: #172b21; background: #f4f5ee; border: 1px solid #d7dfd3; border-radius: 12px; box-shadow: none; }
body.organization-ui .login-screen .invite-preview :is(h3, dt, dd, p) { color: #172b21; font-family: var(--body); text-transform: none; letter-spacing: 0; }
body.organization-ui .login-screen .invite-preview-stats > div { color: #172b21; background: #fff; border: 1px solid #d7dfd3; border-radius: 8px; }
body.organization-ui .login-screen .invite-intent button { background: #fff; color: #172b21; border: 1px solid #94a58f; }
body.organization-ui .login-screen .invite-intent button[aria-pressed="true"] { background: #10241c; color: #fff; }

/**/
body.organization-ui .app-shell .topbar { flex-wrap: nowrap; overflow: visible; min-height: 94px; }
body.organization-ui .app-shell .topbar .topbar-actions { display: flex; flex: 0 0 auto; flex-wrap: nowrap; align-items: center; gap: 10px; width: auto; }
body.organization-ui .app-shell .topbar #openMatch { display: none; }
body.organization-ui .account-menu { position: relative; }
body.organization-ui .account-menu > summary { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 10px 12px; color: #172b21; background: #fff; border: 1px solid #d7dfd3; border-radius: 8px; list-style: none; cursor: pointer; font: 650 14px/1.4 var(--body); }
body.organization-ui .account-menu > summary::-webkit-details-marker { display: none; }
body.organization-ui .account-menu > summary svg { width: 20px; height: 20px; }
body.organization-ui .account-menu-panel { position: absolute; right: 0; top: calc(100% + 8px); z-index: 35; display: grid; gap: 14px; width: min(330px, calc(100vw - 36px)); padding: 18px; background: #fff; border: 1px solid #94a58f; border-radius: 12px; box-shadow: 0 10px 30px #10241c24; }
body.organization-ui .app-shell .account-menu-panel .patota-switcher { display: grid; gap: 6px; width: 100%; padding: 0; color: #172b21; background: none; border: 0; }
body.organization-ui .app-shell .account-menu-panel .patota-switcher[hidden] { display: none; }
body.organization-ui .app-shell .account-menu-panel .patota-switcher > span { display: block; font: 500 13px/1.4 var(--body); }
body.organization-ui .app-shell .account-menu-panel select { min-width: 0; width: 100%; }
body.organization-ui .app-shell .account-menu-panel #logoutDemo { width: 100%; justify-content: center; margin: 0; }
body.organization-ui .app-shell .account-menu-panel #logoutDemo span { display: inline; }
body.organization-ui .app-shell .account-menu-panel .session-pill { width: fit-content; font-size: 12px; padding: 8px; white-space: normal; }
body.organization-ui .app-shell .topbar #syncPill { min-height: 0; padding: 6px 8px; font-size: 11px; }
body.organization-ui .app-shell .roster-add > summary,
body.organization-ui .app-shell .roster-situation > summary,
body.organization-ui .app-shell .flow-details > summary { display: flex; align-items: center; gap: 8px; min-height: 44px; cursor: pointer; color: #285137; font: 650 14px/1.4 var(--body); text-transform: none; letter-spacing: 0; }
body.organization-ui .app-shell .roster-add { padding: 0; border: 0; background: transparent; }
body.organization-ui .app-shell .roster-add .add-player { margin-top: 12px; }
body.organization-ui .app-shell .roster-situation { margin-bottom: 18px; padding: 12px 18px; }
body.organization-ui .app-shell .roster-situation > .team-command-strip { margin: 12px 0; }
body.organization-ui .app-shell #playerGrid {  grid-template-columns: minmax(0,1fr);  }
body.organization-ui .app-shell #view-time .segmented-control {  margin-bottom: 16px;  border: 0; box-shadow: none; }
body.organization-ui .app-shell #view-time .segmented-control::before,
body.organization-ui .app-shell #view-time .segmented-control::after { content: none; }
body.organization-ui .app-shell .match-flow-main > div > span { display: none; }
body.organization-ui .app-shell .match-flow-main em { font: 650 13px/1.4 var(--body); color: #285137; background: #e7eddf; border: 0; border-radius: 6px; text-transform: none; padding: 6px 8px; }
body.organization-ui .app-shell #recapFlowPanel .match-flow-grid { display: none; }
body.organization-ui .app-shell .recap-legacy-actions[hidden] { display: none; }
body.organization-ui .app-shell .flow-details { order: 2; margin-top: 8px; border: 0; }
body.organization-ui .app-shell .flow-details .match-flow-grid { margin-top: 12px; }
body.organization-ui .app-shell .match-flow-panel { display: flex; flex-direction: column; gap: 16px; padding: 22px; }
body.organization-ui .app-shell .match-flow-main { display: flex; justify-content: space-between; gap: 16px; align-items: start; }
body.organization-ui .app-shell .match-flow-main p { margin: 8px 0 0; font-size: 14px; font-weight: 400; }
body.organization-ui .app-shell .match-flow-actions { margin: 0; }
body.organization-ui .app-shell .match-flow-grid { margin: 0; }
body.organization-ui .app-shell .season-hero-panel { display: block; padding: 18px 22px; min-height: 0; }
body.organization-ui .app-shell .season-hero-panel > span,
body.organization-ui .app-shell .season-hero-panel > div:first-of-type { display: none; }
body.organization-ui .app-shell .season-xp-meter { display: flex; gap: 16px; align-items: center; flex-direction: row-reverse; justify-content: flex-end; border: 0; padding: 0; margin: 0; }
body.organization-ui .app-shell .season-xp-meter #seasonTrustScore { color: #28613b; font: 800 30px/1.2 var(--body); }
body.organization-ui .app-shell .season-xp-meter #seasonXpLabel { color: var(--bdr-field-muted); font: 500 14px/1.5 var(--body); text-transform: none; letter-spacing: 0; }
body.organization-ui .app-shell .round-result-summary > article { color: #172b21; background: #f4f5ee; border: 1px solid #d7dfd3; border-radius: 8px; box-shadow: none; }
body.organization-ui .app-shell .round-result-summary > article :is(span, strong) { color: #172b21; font-family: var(--body); text-transform: none; letter-spacing: 0; }
body.organization-ui .app-shell .round-result-summary > article strong { font-size: 20px; }
body.organization-ui .app-shell :is(.reserve-queue-panel.is-empty > div, .reserve-queue-heading > div) { display: grid; gap: 7px; }
body.organization-ui .app-shell .reserve-queue-panel.is-empty :is(span, strong, small) { color: #172b21; font-family: var(--body); text-transform: none; }
body.organization-ui .app-shell .reserve-queue-panel.is-empty small { color: var(--bdr-field-muted); line-height: 1.5; }
body.organization-ui .app-shell :is(label > span, .team-column > span, .sticker-status span) { font-family: var(--body); text-transform: none; letter-spacing: 0; }
body.organization-ui .app-shell :is(input:not([type="checkbox"]):not([type="radio"]), textarea, select) { border: 1px solid #94a58f; box-shadow: none; font-family: var(--body); background-image: none; }
body.organization-ui .app-shell :is(label, .field)::before,
body.organization-ui .app-shell :is(label, .field)::after { content: none; }
body.organization-ui .app-shell #view-caixa :is(.payment-row, .monthly-fee-row, .ledger-row) { color: #172b21; background: #fff; border: 0; border-bottom: 1px solid #d7dfd3; box-shadow: none; border-radius: 0; padding-block: 16px; }
body.organization-ui .app-shell #view-caixa :is(strong, span, small, p, dt, dd) { color: #172b21; font-family: var(--body); text-transform: none; letter-spacing: 0; }
body.organization-ui .app-shell #view-caixa :is(.payment-row button, .monthly-fee-row button, .fee-mode-actions button) { color: #172b21; background: #f4f5ee; border: 1px solid #94a58f; border-radius: 8px; min-height: 44px; padding: 10px 12px; box-shadow: none; font: 650 13px/1.4 var(--body); text-transform: none; }
body.organization-ui .app-shell #view-caixa .fee-mode-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
body.organization-ui .app-shell #view-caixa .fee-mode-actions button[aria-pressed="true"] { color: #fff; background: #28613b; border-color: #28613b; }
body.organization-ui .app-shell #view-caixa :is(.payment-row button, .monthly-fee-row button):disabled { color: var(--bdr-field-muted); opacity: .6; }
body.organization-ui .login-screen .login-card :is(#loginModeText, #loginNameField > span, .login-consent > span) { color: var(--bdr-field-muted); opacity: 1; font: 400 14px/1.5 var(--body); text-transform: none; letter-spacing: 0; }
body.organization-ui .login-screen .login-card .login-consent a { color: #285137; text-decoration: underline; }
body.organization-ui .login-screen .login-card label { border: 0; background: transparent; box-shadow: none; }
body.organization-ui .login-screen .login-card label::before,
body.organization-ui .login-screen .login-card label::after { content: none; }
body.organization-ui .login-screen .login-card :is(input:not([type="checkbox"]), select, textarea) { border: 1px solid #94a58f; box-shadow: none; font-family: var(--body); }
body.organization-ui .login-screen .login-card input[type="checkbox"] { appearance: auto; width: 20px; height: 20px; min-height: 20px; flex: 0 0 20px; margin-top: 3px; accent-color: #28613b; border-radius: 3px; }
body.organization-ui .login-screen .login-card .login-consent { align-items: flex-start; gap: 10px; padding: 0; }
body.organization-ui .login-screen .login-card.has-invite-link .login-card-identity {  justify-content: center; padding: 10px; margin-bottom: 18px; background: #10241c; border: 0; border-radius: 8px; }
body.organization-ui .login-screen .login-card .login-card-logo { display: block; width: 146px; height: auto; max-width: 100%; }
body.organization-ui .login-screen .login-card .login-account-details summary,
body.organization-ui .login-screen .login-card #loginAccountSummary { color: #172b21; background: #f4f5ee; font-family: var(--body); text-transform: none; }
body.organization-ui .login-screen .login-card #loginStatus { color: var(--bdr-field-muted); font: 400 12px/1.5 var(--body); text-transform: none; letter-spacing: 0; }
@media (max-width:760px) {
  body.organization-ui .app-shell .topbar { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: start; padding: 18px 0; gap: 12px; min-height: 0; }
  body.organization-ui .app-shell .topbar > div:first-child { width: auto; }
  body.organization-ui .app-shell .topbar #topbarMeta { font-size: 12px; }
  body.organization-ui .app-shell .topbar .topbar-actions { display: flex; flex-direction: column-reverse; align-items: flex-end; gap: 6px; width: auto; }
  body.organization-ui .app-shell .topbar .topbar-actions #syncPill { width: auto; max-width: 90px; padding: 4px 6px; white-space: normal; }
  body.organization-ui .account-menu > summary { padding: 9px; min-width: 44px; }
  body.organization-ui .account-menu > summary > span { font-size: 12px; }
  body.organization-ui .app-shell .topbar .account-menu-panel .patota-switcher { display: grid; flex: none; }
  body.organization-ui .app-shell .topbar .account-menu-panel .patota-switcher > span { display: block; }
  body.organization-ui .app-shell .topbar .account-menu-panel #logoutDemo { margin: 0; min-width: 44px; }
  body.organization-ui .app-shell .view-header { gap: 10px; margin-bottom: 18px; }

  body.organization-ui .app-shell #view-time .view-header { display: block; }
  body.organization-ui .app-shell .roster-add { margin-top: 8px; }
  body.organization-ui .app-shell .roster-situation { margin-bottom: 14px; padding: 8px 14px; }
  body.organization-ui .app-shell .match-flow-panel { padding: 18px; gap: 14px; }
  body.organization-ui .app-shell .match-flow-main { display: block; }
  body.organization-ui .app-shell .match-flow-main > em { display: inline-block; margin-top: 12px; }
  body.organization-ui .app-shell #view-times .versus-card { display: none; }
  body.organization-ui .app-shell #view-times .teams-board { gap: 16px; }
  body.organization-ui .app-shell #view-times .team-column { padding: 18px; }
  body.organization-ui .app-shell .season-hero-panel { padding: 16px 18px; }
  body.organization-ui .login-screen .login-card.has-invite-link #loginPatotaName { font-size: 24px; }
  body.organization-ui .login-screen .login-card .invite-preview h3 { font-size: 19px; }
}
/**/
body.organization-ui .login-screen .login-card #loginConsentScope { color: var(--bdr-field-muted); opacity: 1; font: 400 14px/1.5 var(--body); text-transform: none; }
body.organization-ui .app-shell #view-caixa .fee-mode-actions button.is-active { color: #fff; background: #28613b; border-color: #28613b; }
body.organization-ui .app-shell #teamsFlowPanel .match-flow-actions { order: 1; }
body.organization-ui .app-shell #teamsFlowPanel .flow-details { order: 2; margin: 0; }
body.organization-ui .app-shell #teamsFlowPanel .flow-details .match-flow-actions { margin-top: 12px; }
/**/
body.organization-ui .app-shell #teamsStatus { display:none; }
@media (max-width:760px) {
  body.organization-ui .app-shell #teamsFlowPanel .match-flow-panel { gap: 12px; padding: 18px; }
  body.organization-ui .app-shell #teamsFlowPanel .match-flow-main > div > strong { font: 750 20px/1.25 var(--body); }
  body.organization-ui .app-shell #teamsFlowPanel .match-flow-main > em { display: none; }
  body.organization-ui .app-shell #teamsFlowPanel .match-flow-main p { font: 400 13px/1.45 var(--body); margin-top: 6px; }
  body.organization-ui .app-shell #teamsFlowPanel .flow-details > summary { min-height: 44px; padding: 0; }
  body.organization-ui .app-shell #view-times .team-column h3 { font: 700 18px/1.3 var(--body); margin: 8px 0 14px; }
}

/**/
body.organization-ui .app-shell { --ui-paper:#f4f5ee; --ui-ink:#172b21; --ui-muted:var(--bdr-field-muted); --ui-line:#d7dfd3; --ui-night:#10241c; --ui-lime:#b7ff20; }
body.organization-ui .app-shell .workspace { max-width:1220px; }
body.organization-ui .app-shell .topbar {  padding-block:24px; }
body.organization-ui .app-shell .home-matchday-card { grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr); margin-bottom:0;  }

body.organization-ui .app-shell .home-matchday-main h3 { margin:18px 0 10px; font-size:clamp(26px,2.5vw,34px); }
body.organization-ui .app-shell .home-matchday-main > p { max-width:48ch; margin-bottom:22px; font:400 15px/1.55 var(--body); }
body.organization-ui .app-shell .home-match-meta { margin-block:20px; }
body.organization-ui .app-shell .home-status-card { justify-content:center; }
body.organization-ui .app-shell .home-status-body > span { font:600 13px/1.4 var(--body); letter-spacing:0; text-transform:none; }
body.organization-ui .app-shell .home-status-actions .home-secondary-action { border:0; min-height:44px; text-decoration:underline; text-underline-offset:4px; }
body.organization-ui .app-shell .round-journey { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; padding:14px 0 20px; margin-bottom:4px; border-bottom:1px solid var(--ui-line); }
body.organization-ui .app-shell .round-journey button { display:grid; grid-template-columns:24px auto; grid-template-rows:auto auto; align-items:center; justify-content:start; column-gap:10px; row-gap:2px; min-height:54px; padding:8px 14px; border:0; border-right:1px solid var(--ui-line); border-radius:0; background:transparent; color:var(--ui-ink); text-align:left; font:650 14px/1.3 var(--body); }
body.organization-ui .app-shell .round-journey button:last-child { border-right:0; }
body.organization-ui .app-shell .round-journey button > svg { grid-row:1 / 3; width:22px; height:22px; padding:3px; background:#e7eddf; border-radius:50%; color:#285137; }
body.organization-ui .app-shell .round-journey button > small { grid-column:2; font:400 12px/1.3 var(--body); color:var(--ui-muted); }
body.organization-ui .app-shell .round-journey button[data-state="active"] > svg { background:var(--ui-lime); color:var(--ui-night); }
body.organization-ui .app-shell .round-journey button:hover { background:#e7eddf; }
body.organization-ui .app-shell .round-score-summary { display:grid; gap:8px; padding:18px 20px; margin:18px 0; border-left:4px solid #28613b; background:#edf2e7; border-radius:0 10px 10px 0; }
body.organization-ui .app-shell .round-score-summary > span { font:600 12px/1.3 var(--body); color:#285137; }
body.organization-ui .app-shell .round-score-summary > strong { font:800 clamp(20px,2.4vw,30px)/1.2 var(--body); font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
body.organization-ui .app-shell .round-score-summary > small { display:flex; align-items:center; gap:6px; font:400 13px/1.4 var(--body); color:var(--ui-muted); }
body.organization-ui .app-shell .round-score-summary > small svg { width:16px; height:16px; flex-shrink:0; }
body.organization-ui .app-shell .my-round-disclosure { max-width:none; margin:0; border:0; border-bottom:1px solid var(--ui-line); border-radius:0; box-shadow:none; background:transparent; }
body.organization-ui .app-shell .my-round-disclosure > summary { display:grid; grid-template-columns:minmax(0,1fr) 24px; column-gap:14px; row-gap:5px; min-height:74px; padding:16px 0; background:transparent; color:var(--ui-ink); }
body.organization-ui .app-shell .my-round-disclosure > summary > span { grid-column:1; font:700 16px/1.35 var(--body); color:var(--ui-ink); }
body.organization-ui .app-shell .my-round-disclosure > summary > strong { display:block; grid-column:1; font:400 13px/1.45 var(--body); color:var(--ui-muted); }
body.organization-ui .app-shell .my-round-disclosure > summary::after { grid-column:2; grid-row:1 / 3; align-self:center; width:24px; height:24px; background:#e7eddf; color:#285137; font:500 20px/24px var(--body); box-shadow:none; }
body.organization-ui .app-shell .my-round-disclosure > summary:hover { background:#edf1e7; }
body.organization-ui .app-shell .my-round-disclosure-body { padding:4px 0 20px; }
body.organization-ui .app-shell .attendance-board.is-compact { padding:20px; margin-top:20px; }
body.organization-ui .app-shell .attendance-board.is-compact .attendance-board-heading { margin-bottom:14px; }
body.organization-ui .app-shell .attendance-board.is-compact .attendance-board-heading small { font:400 13px/1.45 var(--body); }
body.organization-ui .app-shell .attendance-board.is-compact .attendance-segment-grid { gap:0; border-block:1px solid var(--ui-line); }
body.organization-ui .app-shell .attendance-board.is-compact .attendance-segment-grid > button { min-height:104px; padding:14px; border:0; border-right:1px solid var(--ui-line); border-radius:0; background:transparent; }
body.organization-ui .app-shell .attendance-board.is-compact .attendance-segment-grid > button:last-child { border-right:0; }
body.organization-ui .app-shell .attendance-board.is-compact .attendance-segment-grid > button > small { display:none; }
body.organization-ui .app-shell .attendance-board.is-compact .attendance-segment-grid > button > span { font:600 13px/1.35 var(--body); }
body.organization-ui .app-shell .attendance-board.is-compact .attendance-operations { margin-top:8px; border-bottom:0; }
body.organization-ui .app-shell .attendance-operations > summary { min-height:54px; padding-bottom:4px; }
body.organization-ui .app-shell .organization-story {   border-top:0; }
body.organization-ui .app-shell .organization-story h3 { font-size:20px; }

body.organization-ui .app-shell .home-support-grid { margin:0; padding-block:16px; border-block:1px solid var(--ui-line);  }
body.organization-ui .app-shell .home-support-grid button { padding:10px 0; min-height:74px; }
body.organization-ui .app-shell .view-header h2 { font-size:30px; }
body.organization-ui .app-shell .roster-tools {  flex-wrap:wrap; align-items:center; justify-content:space-between;   }
body.organization-ui .app-shell .roster-search { display:flex; align-items:center; gap:10px; min-width:0; flex:0 1 380px; padding:0 14px; border:1px solid #94a58f; background:#fff; border-radius:10px; }
body.organization-ui .app-shell .roster-search > svg { width:20px; height:20px; flex-shrink:0; color:var(--ui-muted); }
body.organization-ui .app-shell .roster-search > input { width:100%; padding:13px 0; min-height:48px; border:0; background:transparent; box-shadow:none; color:var(--ui-ink); font:400 16px/1.4 var(--body); }
body.organization-ui .app-shell .roster-search:focus-within { outline:2px solid #28613b; outline-offset:3px; }
body.organization-ui .app-shell .roster-search > input:focus-visible { outline:0; }
body.organization-ui .app-shell #rosterSearchStatus { color:var(--ui-muted); font:400 13px/1.4 var(--body); }
body.organization-ui .app-shell #view-time .segmented-control { display:flex; flex-wrap:wrap; gap:6px; width:100%; padding:0 0 16px; background:transparent; }
body.organization-ui .app-shell #view-time .segmented-control button { display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:10px 14px; font:650 14px/1.35 var(--body); border:1px solid var(--ui-line); border-radius:8px; background:white; color:var(--ui-ink); }
body.organization-ui .app-shell #view-time .segmented-control button.is-active { color:#fff; background:#28613b; border-color:#28613b; }
body.organization-ui .app-shell [data-filter-count] { padding:1px 5px; border-radius:4px; font-size:12px; font-variant-numeric:tabular-nums; background:#e7eddf; color:#285137; }
body.organization-ui .app-shell .segmented-control .is-active [data-filter-count] { background:#fff2; color:#fff; }
body.organization-ui .app-shell .sticker-card .card-actions button[aria-pressed="true"] { color:#fff; background:#28613b; border-color:#28613b; }
body.organization-ui .app-shell .sticker-card.empty-sticker { display:block; padding:26px; }
body.organization-ui .app-shell .sticker-card.empty-sticker h3 { margin:8px 0; }
body.organization-ui .app-shell .sticker-card.empty-sticker button { margin-top:16px; }
body.organization-ui .app-shell :is(button,summary,a,input,select,textarea) { scroll-margin-block:90px; }
body.organization-ui .app-shell :is(button,summary,a):focus-visible { outline:3px solid #28613b; outline-offset:4px; }
body.organization-ui .app-shell .sidebar :is(button,summary,a):focus-visible { outline-color:#b7ff20; }
@media (min-width:1060px) {
  body.organization-ui .app-shell .attendance-board.is-compact .attendance-segment-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width:1059px) {
  body.organization-ui .app-shell .home-matchday-card { grid-template-columns:minmax(0,1fr); }
  body.organization-ui .app-shell .home-status-card { padding:22px; }
}
@media (max-width:760px) {
  body.organization-ui .app-shell .workspace { padding-inline:16px; }
  body.organization-ui .app-shell .topbar { padding-top:22px; margin-bottom:18px; }
  body.organization-ui .app-shell .home-matchday-card { border-radius:14px; }

  body.organization-ui .app-shell .home-matchday-main h3 { font-size:27px; margin-top:14px; }
  body.organization-ui .app-shell .home-matchday-main > p { font-size:14px; margin-bottom:16px; }
  body.organization-ui .app-shell .home-matchday-card .home-match-meta { grid-template-columns:1fr 1fr; gap:14px; margin-block:16px; }
  body.organization-ui .app-shell .home-match-meta dd { font-size:14px; overflow-wrap:anywhere; }
  body.organization-ui .app-shell .round-journey { padding:10px 0 14px; }
  body.organization-ui .app-shell .round-journey button { display:flex; flex-direction:column; gap:5px; padding:8px 4px; font-size:12px; min-height:66px; }
  body.organization-ui .app-shell .round-journey button > small { font-size:11px; }
  body.organization-ui .app-shell .round-score-summary { padding:14px; }
  body.organization-ui .app-shell .round-score-summary > strong { font-size:22px; }
  body.organization-ui .app-shell .attendance-board.is-compact { padding:16px; }
  body.organization-ui .app-shell .attendance-board.is-compact .attendance-segment-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.organization-ui .app-shell .attendance-board.is-compact .attendance-segment-grid > button { border-bottom:1px solid var(--ui-line); padding:12px; min-height:96px; }
  body.organization-ui .app-shell .attendance-board.is-compact .attendance-segment-grid > button:nth-child(2n) { border-right:0; }
  body.organization-ui .app-shell .attendance-board.is-compact .attendance-segment-grid > button:nth-last-child(-n+2) { border-bottom:0; }
  body.organization-ui .app-shell .roster-tools { gap:10px; margin-top:14px; }
  body.organization-ui .app-shell .roster-search { flex-basis:100%; }
  body.organization-ui .app-shell .view-header h2 { font-size:26px; }
  body.organization-ui .app-shell #view-time .segmented-control button { padding:8px 11px; }
  body.organization-ui .app-shell .home-support-grid { display:grid; grid-template-columns:1fr; gap:0; }
  body.organization-ui .app-shell .home-support-grid button { border-bottom:1px solid var(--ui-line); }
  body.organization-ui .app-shell .home-support-grid button:last-child { border-bottom:0; }
}
/**/
body.organization-ui .app-shell .home-matchday-card .home-match-meta > div { display:block; min-width:0; }
body.organization-ui .app-shell .home-matchday-card .home-match-meta dd { margin-top:5px; white-space:normal; overflow:visible; text-overflow:clip; }
body.organization-ui .app-shell .home-matchday-card .home-matchday-main { display:block; }
body.organization-ui .app-shell .home-matchday-card .home-status-card { display:block; }
body.organization-ui .app-shell .home-matchday-card .home-status-actions { margin-top:18px; width:100%; }
body.organization-ui .app-shell .home-matchday-card .my-round-feedback { margin-top:16px; }
@media (max-width:760px) {
  body.organization-ui .app-shell .home-matchday-card .home-matchday-main h3 { margin:12px 0 8px; }
  body.organization-ui .app-shell .home-matchday-card .home-matchday-main > p { margin:0 0 14px; }

  body.organization-ui .app-shell .home-matchday-card .home-status-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
  body.organization-ui .app-shell .home-matchday-card .home-status-actions .primary-action { flex:1 0 100%; }
  body.organization-ui .app-shell .home-matchday-card .home-status-actions .home-secondary-action { flex:1 1 120px; padding:9px 2px; font-size:13px; }
}
/**/
body.organization-ui .app-shell .attendance-segment-grid > button[data-attendance-segment="unanswered"] { grid-column: 1 / -1; min-height: 64px; border-top: 1px solid var(--ui-line); border-right: 0; }
body.organization-ui .app-shell .reserve-manual-notice { padding: 16px; border: 1px solid var(--ui-line); border-radius: 8px; background: #f4f5ee; color: var(--ui-ink); }
body.organization-ui .app-shell .reserve-manual-notice p { margin: 8px 0 12px; line-height: 1.5; }

/**/
body.organization-ui .app-shell .round-ticket-status h3 { margin: 0; font: 800 24px/1.2 var(--body); letter-spacing: -.02em; }
body.organization-ui .app-shell .home-matchday-main { padding: 24px; }
body.organization-ui .app-shell .home-match-meta { margin-block: 18px; }
body.organization-ui .app-shell .home-status-body > strong { font-size: clamp(23px, 2.2vw, 30px); line-height: 1.2; }
body.organization-ui .app-shell .home-action-options { margin-top: 12px; border: 0; background: transparent; color: #fff; }
body.organization-ui .app-shell .home-action-options > summary { display: flex; align-items: center; min-height: 44px; padding: 8px 0; color: #fff; font: 600 14px/1.4 var(--body); text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
body.organization-ui .app-shell .home-action-options > summary::after { content: none; }
body.organization-ui .app-shell .home-action-options > div { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 8px; }
body.organization-ui .app-shell .home-action-options .home-secondary-action { min-height: 44px; color: #fff; border: 1px solid #607566; border-radius: 8px; background: transparent; }
body.organization-ui .app-shell .home-action-options :is(summary, button):focus-visible { outline-color: #b7ff20; }
body.organization-ui .app-shell .home-roster-link { display: flex; align-items: center; gap: 14px; width: 100%; min-height: 76px; margin-top: 16px;  border: 0; border-bottom: 1px solid var(--ui-line);  background: transparent; color: var(--ui-ink); text-align: left; }
body.organization-ui .app-shell .home-roster-link > svg { width: 22px; height: 22px; flex: 0 0 22px; }
body.organization-ui .app-shell .home-roster-link > span { display: grid; gap: 4px; min-width: 0; flex: 1; }
body.organization-ui .app-shell .home-roster-link strong { font: 700 16px/1.35 var(--body); }
body.organization-ui .app-shell .home-roster-link small { color: var(--ui-muted); font: 400 14px/1.4 var(--body); overflow-wrap: anywhere; }
body.organization-ui .app-shell .home-roster-link:hover { background: #e7eddf; }
body.organization-ui .app-shell #view-time .view-header { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 12px;  }
body.organization-ui .app-shell #view-time .view-header h2 { margin: 0; font-size: 26px; }
body.organization-ui .app-shell .roster-tools { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; margin: 20px 0 12px; }
body.organization-ui .app-shell .roster-tools .roster-search { grid-column: 1 / -1; width: 100%; margin: 0; }
body.organization-ui .app-shell .roster-tools .roster-search > input { min-width: 0; border: 0; border-radius: 0; outline: 0; }
body.organization-ui .app-shell .roster-filter { display: block; min-width: 0; margin: 0; }
body.organization-ui .app-shell .roster-filter select { width: 100%; min-height: 46px; margin: 0; padding: 10px 32px 10px 12px; appearance: auto; background: #fff; color: var(--ui-ink); font: 600 15px/1.4 var(--body); }
body.organization-ui .app-shell #rosterSearchStatus { align-self: center; margin: 0; text-align: right; font-variant-numeric: tabular-nums; }
body.organization-ui .app-shell .roster-status-help { margin: 0 0 12px; color: var(--ui-muted); font: 400 14px/1.45 var(--body); }
body.organization-ui .app-shell #playerGrid { display: grid; grid-template-columns: minmax(0, 1fr);  margin: 0; border-top: 1px solid var(--ui-line); }
body.organization-ui .app-shell #playerGrid .roster-row { position: relative; display: grid; grid-template-columns: 40px minmax(0, 1fr); grid-template-rows: auto; grid-template-areas: none; align-items: center; gap: 12px;    border-bottom: 1px solid var(--ui-line);    transform: none; overflow: visible; }
body.organization-ui .app-shell #playerGrid .roster-row::before,
body.organization-ui .app-shell #playerGrid .roster-row::after { content: none; }
body.organization-ui .app-shell #playerGrid .roster-row .sticker-avatar { grid-column: 1; grid-row: 1;   min-height: 0; margin: 0; padding: 0; font: 700 14px/1 var(--body); }
body.organization-ui .app-shell #playerGrid .roster-person { grid-column: 2; grid-row: 1; min-width: 0; padding-right: 72px; }
body.organization-ui .app-shell #playerGrid .roster-row:not(:has(.roster-actions, .roster-respond)) .roster-person { padding-right: 0; }
body.organization-ui .app-shell #playerGrid .roster-person h3 { margin: 0; padding: 0; color: var(--ui-ink); font: 700 16px/1.35 var(--body); text-align: left; letter-spacing: 0; overflow-wrap: anywhere; }
body.organization-ui .app-shell #playerGrid .roster-person p { margin: 3px 0 0; color: var(--ui-muted); font: 400 13px/1.4 var(--body); text-align: left; }
body.organization-ui .app-shell .roster-status { display: inline-block; margin-top: 4px; color: var(--ui-muted); background: transparent; font: 600 13px/1.35 var(--body); }
body.organization-ui .app-shell .roster-status[data-status="confirmed"] { color: #285137; }
body.organization-ui .app-shell #playerGrid .roster-actions { grid-column: 1 / -1; margin: 0; border: 0; padding: 0; background: transparent; }
body.organization-ui .app-shell #playerGrid .roster-actions:not([open]) { display: contents; }
body.organization-ui .app-shell #playerGrid .roster-actions > summary,
body.organization-ui .app-shell #playerGrid .roster-respond { position: absolute; top: 18px;  display: flex; align-items: center; min-height: 44px; margin: 0; padding: 8px; border: 1px solid var(--ui-line); border-radius: 8px; background: #fff; color: var(--ui-ink); font: 600 13px/1.35 var(--body); cursor: pointer; }
body.organization-ui .app-shell #playerGrid .roster-actions > summary::after { content: none; }
body.organization-ui .app-shell #playerGrid .roster-actions[open] > summary { background: #e7eddf; border-color: #94a58f; }
body.organization-ui .app-shell #playerGrid .roster-actions .card-actions { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; width: 100%; margin: 0; padding: 4px 0; }
body.organization-ui .app-shell #playerGrid .roster-actions button { min-height: 44px; padding: 8px 4px; font: 600 14px/1.35 var(--body); }
body.organization-ui .app-shell #view-time .roster-situation { margin-top: 20px; border: 0; border-bottom: 1px solid var(--ui-line); border-radius: 0; background: transparent; }
body.organization-ui .app-shell #view-time .roster-situation > summary { min-height: 52px; padding: 12px 0; border-radius: 0; background: transparent; font-size: 15px; }
body.organization-ui .app-shell #view-time .team-command-strip { display: none; }
body.organization-ui .app-shell #view-time .attendance-board { margin-top: 0; padding: 16px 0; border: 0; border-radius: 0; background: transparent; }
@media (min-width: 761px) {
  body.organization-ui .app-shell .roster-tools { grid-template-columns: minmax(220px, 1fr) minmax(180px, 240px) auto; align-items: center; }
  body.organization-ui .app-shell .roster-tools .roster-search { grid-column: auto; }
}
@media (max-width: 760px) {
  body.organization-ui .app-shell .home-matchday-card .home-matchday-main { padding: 20px; }
  body.organization-ui .app-shell .home-matchday-card .round-ticket-status h3 { margin: 0; font-size: 22px; }
  body.organization-ui .app-shell .home-matchday-card .home-match-meta { margin-block: 16px; }
  body.organization-ui .app-shell .home-matchday-card .home-status-body > strong { font-size: 24px; }
  body.organization-ui .app-shell #view-time .view-header { flex-wrap: wrap; }
  body.organization-ui .app-shell #view-time .view-header > div { flex: 1; min-width: 0; width: auto; text-align: left; }
  body.organization-ui .app-shell #view-time .view-header h2 { font-size: 24px; }
  body.organization-ui .app-shell #view-time .roster-add { flex: 0 0 auto; width: auto; margin: 0; }
  body.organization-ui .app-shell #view-time .roster-add > summary { min-height: 44px; padding: 8px 0; font-size: 14px; }
}

/**/
body.organization-ui .app-shell .view.is-active,
body.organization-ui .app-shell .view[data-just-entered] *,
body.organization-ui .app-shell .view[data-cascade] * { animation: none !important; }
body.organization-ui .app-shell .view-header { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 20px; }
body.organization-ui .app-shell .view-header > div { min-width: 0; flex: 1; }
body.organization-ui .app-shell .view-header h2 { margin: 0; font: 800 clamp(24px, 2.5vw, 30px)/1.2 var(--body); text-align: left; text-wrap: balance; }
body.organization-ui .app-shell .view-header .surface-note { margin: 10px 0 0; max-width: 64ch; }
body.organization-ui .app-shell :is(.surface-note, .ledger-note, .recap-publish-status) { color: var(--ui-muted); font: 400 14px/1.5 var(--body); text-transform: none; letter-spacing: 0; }
body.organization-ui .app-shell .light-button,
body.organization-ui .app-shell .match-flow-action.is-secondary { min-height: 44px; background: #f4f5ee; color: #172b21; border: 1px solid #94a58f; border-radius: 8px; clip-path: none; box-shadow: none; font-family: var(--body); text-transform: none; }
body.organization-ui .app-shell .light-button::before,
body.organization-ui .app-shell .light-button::after { content: none; }
body.organization-ui .app-shell :is(.light-button, .match-flow-action.is-secondary):hover { background: #e7eddf; }
body.organization-ui .app-shell .section-details { border: 0; border-block: 1px solid var(--ui-line); border-radius: 0; padding: 0; background: transparent; box-shadow: none; }
body.organization-ui .app-shell .section-details > summary { min-height: 52px; padding: 14px 4px; border-radius: 0; background: transparent; color: var(--ui-ink); font: 700 15px/1.4 var(--body); }
body.organization-ui .app-shell .section-details > summary:hover { background: #e7eddf; }
body.organization-ui .app-shell .section-details[open] > :not(summary) { margin-inline: 0; }
body.organization-ui .app-shell .section-details[open] { padding-bottom: 18px; }
body.organization-ui .app-shell :is(input, textarea)::placeholder { color: var(--bdr-field-muted); opacity: 1; }
body.organization-ui .app-shell .finance-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; }
body.organization-ui .app-shell .finance-manual-note { margin: 0 0 18px; max-width: 64ch; }
body.organization-ui .app-shell .finance-summary { display: block; min-height: 0; padding: 20px; }
body.organization-ui .app-shell .finance-summary .cash-ring { display: none; }
body.organization-ui .app-shell .finance-summary dl { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; margin: 0; }
body.organization-ui .app-shell .finance-summary dl > div { display: block; min-width: 0; padding: 0; border: 0; }
body.organization-ui .app-shell .finance-summary dt { margin-bottom: 6px; color: var(--ui-muted); font: 500 13px/1.4 var(--body); }
body.organization-ui .app-shell .finance-summary dd { color: var(--ui-ink); font: 800 22px/1.25 var(--body); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
body.organization-ui .app-shell .payment-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto; grid-template-areas: none; gap: 12px; align-items: center; min-height: 76px; }
body.organization-ui .app-shell .payment-row strong { font: 700 16px/1.35 var(--body); overflow-wrap: anywhere; }
body.organization-ui .app-shell .payment-row small { display: block; margin-top: 4px; color: var(--ui-muted); font: 400 13px/1.4 var(--body); }
body.organization-ui .app-shell .payment-row button { min-height: 44px; font: 650 14px/1.35 var(--body); white-space: normal; }
body.organization-ui .app-shell .team-player > strong { display: none; }
body.organization-ui .app-shell .team-player { min-height: 70px; }
body.organization-ui .app-shell .team-column h3 { font: 700 18px/1.3 var(--body); }
body.organization-ui .app-shell :is(#resultEditor, #shareCardBuilder, .recap-text-details, .public-media-surface) { margin-block: 18px; }
body.organization-ui .app-shell #resultEditor > .surface-heading { margin-top: 12px; }
body.organization-ui .app-shell .profile-card-surface { padding: 22px; background: #fff;  border: 1px solid var(--ui-line);  box-shadow: none; }
body.organization-ui .app-shell .profile-card-surface::before,
body.organization-ui .app-shell .profile-card-surface::after { content: none; }
body.organization-ui .app-shell .profile-summary-hero { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 14px; align-items: center; background: transparent; }
body.organization-ui .app-shell .profile-summary-hero .profile-summary-avatar {   margin: 0; min-height: 0; border: 1px solid var(--ui-line); background: var(--ui-night); color: #fff; }
body.organization-ui .app-shell .profile-summary-hero > div > span { display: none; }
body.organization-ui .app-shell .profile-summary-hero strong { display: block; color: var(--ui-ink); font: 800 22px/1.25 var(--body); overflow-wrap: anywhere; }
body.organization-ui .app-shell .profile-summary-hero p { margin-top: 6px; color: var(--ui-muted); font: 400 14px/1.45 var(--body); }
body.organization-ui .app-shell .profile-info-details { margin-top: 16px; border-top: 1px solid var(--ui-line); }
body.organization-ui .app-shell .profile-info-details > summary { min-height: 44px; padding: 12px 0; color: var(--ui-ink); font: 600 14px/1.4 var(--body); }
body.organization-ui .app-shell .profile-summary-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
body.organization-ui .app-shell .profile-summary-grid article { padding: 12px 0; background: transparent; border: 0; border-bottom: 1px solid var(--ui-line); border-radius: 0; box-shadow: none; }
body.organization-ui .app-shell .profile-summary-grid strong { color: var(--ui-ink); font: 700 16px/1.35 var(--body); }
body.organization-ui .app-shell .profile-summary-grid span { color: var(--ui-muted); font: 500 13px/1.4 var(--body); }
body.organization-ui .app-shell .profile-summary-bio { color: var(--ui-muted); font: 400 14px/1.5 var(--body); }
body.organization-ui .app-shell .profile-summary-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
body.organization-ui .app-shell .profile-extra-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; padding-top: 12px; }
body.organization-ui .app-shell .profile-photo-control { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 14px; }
body.organization-ui .app-shell .profile-photo-preview { width: 56px; height: 56px; min-height: 0; }
body.organization-ui .app-shell .profile-photo-control > div { min-width: 0; }
body.organization-ui .app-shell #profilePhotoInput { display: block; width: 100%; max-width: 100%; min-width: 0; margin-top: 8px; padding: 8px; font: 400 13px/1.4 var(--body); }
body.organization-ui .app-shell #profilePhotoInput::file-selector-button { min-height: 44px; padding: 8px; border: 1px solid #94a58f; border-radius: 6px; background: #f4f5ee; color: var(--ui-ink); }
body.organization-ui .app-shell :is(.feed-layout, .announcements-layout) { display: block; }
body.organization-ui .app-shell .announcement-form-surface { margin-top: 20px; }
body.organization-ui .app-shell #view-avisos:has(#announcementComposer[open]) .view-header [data-focus-announcement] { visibility: hidden; }
body.organization-ui .app-shell :is(.feed-event, .announcement-row) { min-height: 84px; padding: 16px 0; border: 0; border-bottom: 1px solid var(--ui-line); background: transparent; box-shadow: none; }
body.organization-ui .app-shell :is(.feed-event, .announcement-row) :is(strong, p, small, em) { color: var(--ui-ink); font-family: var(--body); text-transform: none; letter-spacing: 0; overflow-wrap: anywhere; }
body.organization-ui .app-shell :is(.feed-event, .announcement-row) :is(small, em) { color: var(--ui-muted); font-size: 13px; line-height: 1.45; }
body.organization-ui .app-shell .announcement-row p { margin-block: 8px; line-height: 1.5; }
body.organization-ui .app-shell #view-admin .view-header #publishRound { display: none; }
body.organization-ui .app-shell #adminNextAction .match-flow-grid { display: none; }
body.organization-ui .app-shell .admin-controls { margin-top: 18px; }
body.organization-ui .app-shell .public-identity-fields { display: grid; gap: 16px; padding-top: 12px; }
body.organization-ui .app-shell #view-recap:has(#resultEditor[open]) [data-focus-result-form] { display: none; }
body.organization-ui .app-shell .sidebar :is(.nav-item, .nav-more > summary) { animation: none !important; transition-property: transform; }
body.organization-ui .app-shell .sidebar :is(.nav-item, .nav-more > summary) span { display: inline; }
@media (min-width: 761px) and (max-width: 1050px) {
  body.organization-ui .app-shell .admin-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: visible; }
  body.organization-ui .app-shell .admin-tabs button { min-width: 0; padding-inline: 8px; white-space: normal; line-height: 1.3; }
}
@media (max-width: 760px) {
  body.organization-ui .app-shell .view-header > div { width: auto; text-align: left; }
  body.organization-ui .app-shell .finance-summary dl { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
  body.organization-ui .app-shell .finance-summary dl > div:last-child { grid-column: 1 / -1; padding-top: 12px; border-top: 1px solid var(--ui-line); }
  body.organization-ui .app-shell .profile-form { grid-template-columns: minmax(0, 1fr); }
  body.organization-ui .app-shell .profile-extra-fields { grid-template-columns: minmax(0, 1fr); }
  body.organization-ui .app-shell .profile-card-surface { padding: 18px; }
  body.organization-ui .app-shell .profile-form .settings-actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
  body.organization-ui .app-shell .profile-form .settings-actions button { width: 100%; }
  body.organization-ui .app-shell .round-result-summary { grid-template-columns: minmax(0, 1fr); }
}

/**/
body.organization-ui { --club-forest:#173f35; --club-leaf:#c5f36b; --club-coral:#f5a18a; --club-mist:#eef3f1; --club-ink:#172f29; --club-muted:#50665e; --club-display:'Barlow Condensed','Arial Narrow',sans-serif; --ui-line:#d4e1db; --ui-muted:var(--club-muted); background:var(--club-mist); }
body.organization-ui .app-shell { background:var(--club-mist); --shell-bg:var(--club-mist); }
body.organization-ui .app-shell .topbar { border:0; margin-bottom:12px; }
body.organization-ui .app-shell .sidebar { background:var(--club-forest); }
body.organization-ui .app-shell .sidebar :is(.nav-item.is-active,.nav-more > summary.is-active) { background:var(--club-leaf); color:var(--club-ink); border-radius:14px; }
body.organization-ui .app-shell .view-header h2 { font:800 clamp(32px,3.5vw,44px)/1.05 var(--club-display); }
body.organization-ui .app-shell :is(.primary-button,.primary-action,.match-flow-action.is-primary) { background:var(--club-leaf); color:var(--club-ink); border-radius:12px; min-height:50px; box-shadow:none; }
body.organization-ui .app-shell :is(.primary-button,.primary-action,.match-flow-action.is-primary):active { transform:translateY(2px); box-shadow:none; }
body.organization-ui .app-shell .home-matchday-card { border:0; border-radius:24px; overflow:hidden; box-shadow:0 8px 24px #173f3512; }
body.organization-ui .app-shell .home-matchday-card .home-matchday-main { padding:28px; background:var(--club-forest); color:#fff; }
body.organization-ui .app-shell .club-match-heading { display:flex; gap:14px; align-items:center; margin-bottom:24px; }
body.organization-ui .app-shell .club-match-emblem { display:grid; place-items:center; flex:0 0 48px; height:54px; color:var(--club-forest); background:var(--club-leaf); clip-path:polygon(0 0,100% 0,100% 65%,50% 100%,0 65%); }
body.organization-ui .app-shell .club-match-emblem svg { width:24px; height:24px; margin-bottom:6px; }
body.organization-ui .app-shell .home-matchday-card .round-ticket-status { flex:1; min-width:0; margin:0; gap:12px; }
body.organization-ui .app-shell .home-matchday-card .round-ticket-status h3 { color:#fff; font:800 clamp(32px,4vw,46px)/1 var(--club-display); }
body.organization-ui .app-shell .home-matchday-card .status-pill { color:#e6f4ed; background:#2c574a; border:1px solid #648372; border-radius:30px; padding:6px 10px; font-size:12px; }
body.organization-ui .app-shell .home-matchday-card .home-match-meta { margin:20px 0; gap:18px; }
body.organization-ui .app-shell .home-matchday-card .home-match-meta dt { color:#c2d6cc; font-size:12px; }
body.organization-ui .app-shell .home-matchday-card .home-match-meta dd { color:#fff; font-size:15px; line-height:1.4; }
body.organization-ui .app-shell .home-matchday-card .round-list-progress { border-color:#628372; padding-top:18px; }
body.organization-ui .app-shell .home-matchday-card .round-list-progress :is(strong,span) { color:#eaf7ee; }
body.organization-ui .app-shell .home-matchday-card .organization-progress { height:10px; background:#3e6357; border-radius:20px; }
body.organization-ui .app-shell .home-matchday-card .organization-progress i { background:var(--club-leaf); border-radius:inherit; }
body.organization-ui .app-shell .home-matchday-card .home-status-card { padding:24px 28px; background:#fff; color:var(--club-ink); border:0; }
body.organization-ui .app-shell .home-matchday-card .home-status-body > strong { color:var(--club-ink); font:800 27px/1.1 var(--club-display); }
body.organization-ui .app-shell .home-matchday-card .home-status-body p { color:var(--club-muted); font-size:14px; }
body.organization-ui .app-shell .home-matchday-card .home-action-options :is(summary,button) { color:var(--club-ink); border-color:#8ca69a; }
body.organization-ui .app-shell .home-matchday-card .my-round-feedback[data-tone="success"] { padding:0; margin-top:14px; border:0; background:transparent; }
body.organization-ui .app-shell .home-matchday-card .my-round-feedback[data-tone="success"] :is(span,strong) { color:#456054; font-size:11px; }
body.organization-ui .app-shell .home-matchday-card .round-score-summary { border:0; border-radius:14px; background:#285647; padding:18px; }
body.organization-ui .app-shell .home-matchday-card .round-score-summary > span { color:var(--club-leaf); }
body.organization-ui .app-shell .home-matchday-card .round-score-summary > strong { color:#fff; font:800 30px/1.05 var(--club-display); }
body.organization-ui .app-shell .home-matchday-card .round-score-summary small { color:#e0ecdf; }
body.organization-ui .app-shell .home-roster-link { background:#fff; border:1px solid #d4e1db;   }
body.organization-ui .app-shell .home-roster-link > svg:first-child { background:#e3edff; color:#315b90; padding:10px; box-sizing:content-box; border-radius:50%; }
body.organization-ui .app-shell .organization-story {  margin-block:22px; background:#fce7dc;   }
body.organization-ui .app-shell .organization-story h3 { color:#603727; font:800 30px/1.05 var(--club-display); }
body.organization-ui .app-shell .organization-story p { color:#714f40; font-size:14px; line-height:1.5; }
body.organization-ui .app-shell .organization-milestones {  grid-template-columns:repeat(3,minmax(0,1fr));  margin:20px 0; }
body.organization-ui .app-shell .organization-milestones > span { display:flex; flex-direction:column; text-align:center; gap:7px;  border:0;  background:#fff8f4;  white-space:normal; }
body.organization-ui .app-shell .organization-milestones > span > svg {    box-sizing:content-box; border:2px dashed #bc9a88;  }
body.organization-ui .app-shell .organization-milestones > span[data-earned="true"] > svg { color:#173f35; background:#d0edac; border:2px solid #5d854a; box-shadow:0 3px 0 #9abc77; }
body.organization-ui .app-shell .organization-milestones b { font:800 17px/1.05 var(--club-display); }
body.organization-ui .app-shell .organization-milestones small { font:500 11px/1.4 var(--body); overflow-wrap:anywhere; }
body.organization-ui .app-shell .organization-story .ghost-button {   background:transparent; }
body.organization-ui .app-shell .home-support-grid { gap:12px; }
body.organization-ui .app-shell .home-support-grid > button { border-radius:16px; background:#e5edfc; border:0; padding:18px; }
body.organization-ui .app-shell .home-support-grid > button[data-tone="orange"] { background:#fbe4d5; }
body.organization-ui .app-shell #playerGrid .roster-row { border:1px solid #d4e1db;  margin-block:8px;  background:#fff; }
body.organization-ui .app-shell .finance-summary { background:#dceedd; border:0; border-radius:20px; }
body.organization-ui .app-shell .finance-summary dd { font:800 32px/1 var(--club-display); }
body.organization-ui .app-shell .team-column { border-radius:20px; overflow:hidden; }
body.organization-ui .app-shell .profile-card-surface { background:var(--club-forest); color:#fff; border:0; border-radius:24px 24px 44px 24px; }
body.organization-ui .app-shell .profile-summary-hero { grid-template-columns:80px minmax(0,1fr); }
body.organization-ui .app-shell .profile-summary-hero .profile-summary-avatar { width:80px; height:90px; border:2px solid #a6cb8b; border-radius:18px; background:#315f4c; font:800 32px var(--club-display); }
body.organization-ui .app-shell .profile-summary-hero strong { color:var(--club-leaf); font:800 34px/1 var(--club-display); }
body.organization-ui .app-shell .profile-card-surface :is(.profile-summary-hero p,.profile-summary-bio,.profile-info-details > summary,.profile-summary-grid span) { color:#d4e7db; }
body.organization-ui .app-shell .profile-card-surface .profile-summary-grid strong { color:#fff; }
body.organization-ui .app-shell .profile-card-surface .profile-summary-grid article { border-color:#587967; }
body.organization-ui .app-shell :is(.announcement-row,.feed-event) { padding:18px; margin-bottom:10px; border:1px solid #d4e1db; border-radius:16px; background:#fff; }
body.organization-ui .login-screen { background:var(--club-mist); padding-block:48px; gap:40px; }
body.organization-ui .login-screen .login-hero { display:block; color:var(--club-ink); }
body.organization-ui .login-screen .login-hero h1 { font:800 clamp(44px,5vw,76px)/.98 var(--club-display); color:var(--club-forest); max-width:10ch; letter-spacing:-.02em; }
body.organization-ui .login-screen .login-hero > p:not(.eyebrow) { color:var(--club-muted); max-width:38ch; font:400 17px/1.5 var(--body); }
body.organization-ui .login-screen .login-brand { display:inline-flex; background:var(--club-forest); padding:10px 18px; border-radius:12px; width:auto; margin-bottom:28px; }
body.organization-ui .login-screen :is(.login-feature-strip,.login-preview-row,.login-orbit) { display:none; }
body.organization-ui .login-screen .login-card { background:#fff; border:1px solid #d4e1db; border-radius:24px; box-shadow:0 12px 40px #173f3510; padding:30px; }
body.organization-ui .login-screen .login-card h2 { color:var(--club-ink); font:800 34px/1.05 var(--club-display); }
body.organization-ui .login-screen .login-card :is(.login-back-choice,#demoLogin) { color:#446457; opacity:1; font:600 14px/1.4 var(--body); min-height:44px; }
body.organization-ui .login-screen .login-card label > span { color:#304e41; opacity:1; font:600 14px/1.4 var(--body); }
body.organization-ui .login-screen .login-card input:not([type="checkbox"]) { border:1px solid #91aa9d; border-radius:12px; background:#f6f9f7; color:#173f35; min-height:50px; font-size:16px; }
body.organization-ui .login-screen .login-card .primary-button { background:var(--club-leaf); color:var(--club-ink); border-radius:12px; box-shadow:none; min-height:52px; }
body.organization-ui .login-screen .login-choice-bar { gap:10px; }
body.organization-ui .login-screen .login-choice-bar button { padding:18px; background:#f0f5f1; color:#173f35; border:1px solid #d4e1db; border-radius:16px; text-align:left; }
body.organization-ui .login-screen .login-choice-bar button:first-child { background:#dff0c5; border-color:#b9d595; }
body.organization-ui .login-screen .login-choice-bar button strong { color:#173f35; font:800 24px/1 var(--club-display); }
body.organization-ui .login-screen .login-choice-bar button small { color:#50665e; font-size:13px; }
body.organization-ui .login-screen .login-choice-bar .login-choice-kicker { display:block; color:#50665e; font:500 12px/1.3 var(--body); margin-bottom:6px; }
body.organization-ui .club-locker { position:relative; width:250px; height:230px; margin:30px 0 0; }
body.organization-ui .club-jersey { display:flex; flex-direction:column; align-items:center; justify-content:center; width:210px; height:210px; background:#c5f36b; color:#173f35; clip-path:polygon(25% 0,38% 0,42% 8%,58% 8%,62% 0,75% 0,100% 18%,85% 40%,75% 33%,75% 100%,25% 100%,25% 33%,15% 40%,0 18%); transform:rotate(-9deg); }
body.organization-ui .club-jersey span { font:600 10px var(--body); margin-top:18px; }
body.organization-ui .club-jersey b { font:800 72px/.95 var(--club-display); }
body.organization-ui .club-jersey small { font:700 11px var(--body); }
body.organization-ui .club-patch { position:absolute; bottom:4px; right:0; display:flex; align-items:center; gap:8px; padding:10px 14px; background:#f5a18a; color:#4c2b22; border:3px solid #eef3f1; border-radius:12px; transform:rotate(4deg); font:700 13px var(--body); }
body.organization-ui .club-patch svg { width:20px; height:20px; }
@media (min-width:1051px) {
 body.organization-ui .login-screen { grid-template-columns:minmax(0,1fr) minmax(360px,500px); max-width:1160px; margin-inline:auto; align-items:center; }
 body.organization-ui .app-shell .home-matchday-card { grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr); }
 body.organization-ui .app-shell .home-matchday-card .home-status-card { display:flex; flex-direction:column; justify-content:center; }
}
@media (max-width:760px) {
 body.organization-ui .app-shell .workspace { padding-inline:18px; }
 body.organization-ui .app-shell .topbar { padding-block:18px; }
 body.organization-ui .app-shell .home-matchday-card .home-matchday-main { padding:22px; }
 body.organization-ui .app-shell .home-matchday-card .home-status-card { padding:22px; }
 body.organization-ui .app-shell .club-match-heading { margin-bottom:18px; }
 body.organization-ui .app-shell .home-matchday-card .round-ticket-status { flex-wrap:wrap; gap:6px; }
 body.organization-ui .app-shell .home-matchday-card .round-ticket-status h3 { font-size:34px; }
 body.organization-ui .app-shell .organization-story { padding:20px 16px; }
 body.organization-ui .app-shell .sidebar { bottom:10px; left:12px; right:12px; width:auto; border-radius:22px; padding:7px; box-shadow:0 6px 24px #173f3533; }
 body.organization-ui .app-shell .sidebar .nav-list { gap:4px; }
 body.organization-ui .app-shell .sidebar .nav-more-menu { border-radius:18px; }
 body.organization-ui .login-screen { display:flex; flex-direction:column; padding:28px 18px; gap:22px; }
 body.organization-ui .login-screen .login-hero { order:-1; width:100%; margin:0; padding:0; }
 body.organization-ui .login-screen .login-brand { margin-bottom:20px; padding:6px 12px; }
 body.organization-ui .login-screen .login-brand img.brand-logo-full { width:132px; }
 body.organization-ui .login-screen .login-hero h1 {  max-width:10ch; }
 body.organization-ui .login-screen .login-hero > p:not(.eyebrow) { font-size:15px; max-width:30ch; }
 body.organization-ui .login-screen .club-locker { display:none; }
 body.organization-ui .login-screen .login-card { width:100%; margin:0; padding:24px 20px; }
 body.organization-ui .login-screen:has(.login-card:not(.is-entry-choice-only)) .login-hero h1,
 body.organization-ui .login-screen:has(.login-card:not(.is-entry-choice-only)) .login-hero > p { display:none; }
 body.organization-ui .login-screen:has(.login-card:not(.is-entry-choice-only)) .login-brand { margin-bottom:0; }
}
/**/
body.organization-ui .login-screen .login-card #loginModeTitle,
body.organization-ui .login-screen .login-card.is-entry-choice-only .login-choice-bar button strong { color:var(--club-ink); }
body.organization-ui .login-screen .login-card.is-entry-choice-only .login-choice-bar button strong { font:800 24px/1.1 var(--club-display); }
body.organization-ui .login-screen .login-card .login-card-identity { display:none; }
@media (max-width:760px) {
 body.organization-ui .login-screen .login-hero { position:relative; width:100% !important; height:auto; overflow:visible; clip:auto; white-space:normal; flex-shrink:0; }
 body.organization-ui .login-screen { min-height:100dvh; height:auto; justify-content:flex-start; }
 body.organization-ui .login-screen .login-hero h1 { margin:0 0 14px; }
 body.organization-ui .login-screen .login-card { flex-shrink:0; }
}

@media (max-width:760px) {
 body.organization-ui .login-screen .login-hero h1 { font-size:40px; max-width:16ch; }
 body.organization-ui .login-screen .login-hero > p:not(.eyebrow) { max-width:38ch; margin-bottom:0; }
}

body.organization-ui .app-shell #view-time .view-header h2 { font:800 34px/1.05 var(--club-display); }
body.organization-ui .app-shell #playerGrid .roster-status { display:inline-block;   background:#edf2ef;  }
body.organization-ui .app-shell #playerGrid .roster-status[data-status="confirmed"] { color:#255535; background:#e1f0d3; }
body.organization-ui .app-shell #playerGrid .roster-status[data-status="reserve"] { color:#7a4424; background:#fae6d5; }
body.organization-ui .app-shell #playerGrid .roster-status[data-status="unanswered"] { color:#4e5965; background:#eaf0f5; }
body.organization-ui .app-shell #playerGrid .roster-actions > summary,
body.organization-ui .app-shell #playerGrid .roster-respond { right:16px; }

/**/
body.organization-ui .app-shell .home-matchday-card.is-player { border:1px solid #cddbd3; border-radius:12px; box-shadow:none; overflow:hidden; }
body.organization-ui .app-shell .home-matchday-card.is-player .home-matchday-main { padding:24px; background:#173f35; }
body.organization-ui .app-shell .home-matchday-card.is-player .club-match-heading { margin:0 0 12px; gap:12px; }
body.organization-ui .app-shell .home-matchday-card.is-player .club-match-emblem { flex-basis:38px; height:44px; font:800 18px/1 var(--club-display); padding-bottom:5px; }
body.organization-ui .app-shell .home-matchday-card.is-player .round-ticket-status { flex:1; display:flex; justify-content:space-between; align-items:center; gap:10px; }
body.organization-ui .app-shell .home-matchday-card.is-player .round-ticket-status h3 { font:600 19px/1.1 var(--body); margin:0; }
body.organization-ui .app-shell .home-matchday-card.is-player .match-club-name { color:#fff; font:800 clamp(32px,5vw,46px)/1.02 var(--club-display); margin:0; max-width:22ch; overflow-wrap:anywhere; }
body.organization-ui .app-shell .home-matchday-card.is-player .home-match-meta { margin:20px 0 16px; display:grid; grid-template-columns:minmax(110px,.85fr) minmax(0,1fr); gap:20px; align-items:end; }
body.organization-ui .app-shell .home-matchday-card.is-player .home-match-meta dt { font-size:12px; color:#c4d7ce; margin-bottom:5px; }
body.organization-ui .app-shell .home-matchday-card.is-player .home-match-meta dd { margin:0; font-size:15px; line-height:1.3; }
body.organization-ui .app-shell .home-matchday-card.is-player .match-date { display:block; font-size:14px; color:#fff; }
body.organization-ui .app-shell .home-matchday-card.is-player .match-kickoff { display:block; margin-top:4px; color:#c5f36b; font:800 48px/.95 var(--club-display); font-variant-numeric:tabular-nums; }
body.organization-ui .app-shell .home-matchday-card.is-player .round-list-progress { border-top:1px solid #527568; padding-top:14px; margin-top:0; }
body.organization-ui .app-shell .home-matchday-card.is-player .organization-progress { height:5px; border-radius:0; }
body.organization-ui .app-shell .home-matchday-card.is-player .home-status-card { padding:22px 24px; background:#fff; }
body.organization-ui .app-shell .home-matchday-card.is-player .home-status-body > strong { font-size:28px; }
body.organization-ui .app-shell .home-matchday-card.is-player .home-status-body p { margin:8px 0 16px; line-height:1.45; }
body.organization-ui .app-shell .home-matchday-card.is-player .primary-action { min-height:48px; border-radius:8px; box-shadow:none; font-size:16px; }
body.organization-ui .app-shell .home-matchday-card.is-player .home-action-options { margin-top:8px; }
body.organization-ui .app-shell .home-matchday-card.is-player .round-feedback { margin-top:12px; padding:0; background:transparent; border:0; }
body.organization-ui .app-shell .home-roster-link { border-radius:8px; box-shadow:none; padding:16px; }
body.organization-ui .app-shell .organization-story { background:#f2f6f3; border:1px solid #d4e1db; border-radius:12px;  box-shadow:none; }
body.organization-ui .app-shell .organization-story :is(h3,p) { color:#173f35; }
body.organization-ui .app-shell .organization-milestones > span { background:transparent; color:#496153; padding:8px 4px; border-radius:0; }
body.organization-ui .app-shell .organization-milestones > span > svg { width:20px; height:20px; padding:8px; border:1px solid #a7b9ae; border-radius:8px; }
body.organization-ui .app-shell .organization-milestones > span[data-earned="true"] > svg { border:1px solid #718e54; box-shadow:none; }
body.organization-ui .app-shell .organization-story .ghost-button { color:#173f35; border-color:#9cb1a3; }
body.organization-ui .app-shell #view-time .view-header { border-bottom:3px solid #173f35; padding-bottom:16px; margin-bottom:16px; }
body.organization-ui .app-shell #view-time .view-header h2 { font:800 38px/1 var(--club-display); }
body.organization-ui .app-shell #playerGrid { gap:0; border:1px solid #d4e1db; border-radius:10px; overflow:visible; background:#fff; padding:0 14px; }
body.organization-ui .app-shell #playerGrid .roster-row { border:0; border-bottom:1px solid #e0e7e2; border-radius:0; margin:0; padding:12px 0; min-height:80px; background:transparent; box-shadow:none; }
body.organization-ui .app-shell #playerGrid .roster-row:last-child { border-bottom:0; }
body.organization-ui .app-shell #playerGrid .roster-row .sticker-avatar { width:40px; height:44px; border-radius:7px 7px 12px 12px; background:#e5eee8; color:#173f35; border:1px solid #c0d1c5; font:800 18px/1 var(--club-display); }
body.organization-ui .app-shell #playerGrid .roster-person h3 { font:700 17px/1.2 var(--body); }
body.organization-ui .app-shell #playerGrid .roster-status { border-radius:4px; padding:2px 6px; font-size:12px; }
body.organization-ui .app-shell #playerGrid .roster-actions > summary,body.organization-ui .app-shell #playerGrid .roster-respond { right:0; top:16px; border:0; background:#edf2ef; border-radius:6px; }
body.organization-ui .app-shell #playerGrid .roster-actions[open] .card-actions { padding:10px 0 2px; }
body.organization-ui .app-shell #view-time .roster-tools { padding-block:4px 12px; }
body.organization-ui .login-screen .sports-invite { position:relative; padding:22px; background:#173f35; border:0; border-radius:10px; border-top:5px solid #c5f36b; box-shadow:none; }
body.organization-ui .login-screen .sports-invite :is(h3,p,dt,dd) { color:#fff; }
body.organization-ui .login-screen .sports-invite #invitePreviewTitle { font:800 34px/1.02 var(--club-display); margin:8px 0 12px; }
body.organization-ui .login-screen .sports-invite #invitePreviewEyebrow { font:600 12px/1.4 var(--body); color:#c5f36b; }
body.organization-ui .login-screen .sports-invite #invitePreviewText { font:400 14px/1.5 var(--body); }
body.organization-ui .login-screen .sports-invite .invite-preview-stats { gap:0; margin-top:18px; padding-top:14px; border-top:1px solid #527568; }
body.organization-ui .login-screen .sports-invite .invite-preview-stats > div { background:transparent; border:0; border-radius:0; padding:0 10px; border-left:1px solid #527568; }
body.organization-ui .login-screen .sports-invite .invite-preview-stats > div:first-child { padding-left:0; border-left:0; }
body.organization-ui .login-screen .sports-invite .invite-preview-stats dt { color:#c4d7ce; font-size:12px; }
body.organization-ui .login-screen .sports-invite .invite-preview-stats dd { font:800 28px/1.1 var(--club-display); margin:4px 0 0; }
body.organization-ui .login-screen .login-card:has(.has-invite-link) { border-radius:12px; box-shadow:none; }
body.organization-ui .login-screen .login-card:has(.has-invite-link) .primary-button { box-shadow:none; border-radius:8px; }
@media(max-width:760px) {
 body.organization-ui .app-shell .home-matchday-card.is-player .home-matchday-main { padding:18px; }
 body.organization-ui .app-shell .home-matchday-card.is-player .home-status-card { padding:18px; }
 body.organization-ui .app-shell .home-matchday-card.is-player .match-club-name { font-size:34px; }
 body.organization-ui .app-shell .home-matchday-card.is-player .home-match-meta { margin-top:16px; gap:14px; }
 body.organization-ui .app-shell .home-matchday-card.is-player .match-kickoff { font-size:42px; }
 body.organization-ui .app-shell #view-time .view-header h2 { font-size:32px; }
 body.organization-ui .login-screen .sports-invite { padding:18px; }
}

body.organization-ui .app-shell .home-matchday-card.is-player .home-status-actions { margin-top:8px; }
body.organization-ui .app-shell .home-matchday-card.is-player .home-status-body p { margin-bottom:8px; }
body.organization-ui .login-screen .login-card.has-invite-link { border-radius:12px; box-shadow:none; padding:20px; }
body.organization-ui .login-screen .login-card.has-invite-link .login-card-identity { display:none; }
body.organization-ui .login-screen .login-card.has-invite-link.is-fast-invite .login-card-header { display:none; }
body.organization-ui .login-screen .login-card.has-invite-link .primary-button { box-shadow:none; border-radius:8px; }
body.organization-ui .login-screen .login-card.has-invite-link #loginInviteIntent button { min-height:44px; font-size:13px; border-radius:6px; }

/**/
body.organization-ui .app-shell .view > .view-header { border-bottom:3px solid #173f35; padding-bottom:16px; }
body.organization-ui .app-shell .view > .view-header h2 { font:800 clamp(30px,4vw,40px)/1 var(--club-display); }
body.organization-ui .app-shell :is(.tool-surface,.section-details,.finance-summary,.announcement-row,.feed-event) { border-radius:10px; box-shadow:none; }
body.organization-ui .app-shell #view-times .teams-board { gap:16px; align-items:start; }
body.organization-ui .app-shell #view-times .team-column { --kit:#c5f36b; position:relative; padding:24px 18px 14px; border:1px solid #c7d5cc; border-top:8px solid var(--kit); border-radius:12px; background:#fff; overflow:hidden; }
body.organization-ui .app-shell #view-times .orange-team { --kit:#ff9c52; }
body.organization-ui .app-shell #view-times .team-kit { float:right; width:62px; height:70px; display:grid; place-items:center; color:#173f35; }
body.organization-ui .app-shell #view-times .team-kit svg { width:58px; height:58px; fill:var(--kit); stroke-width:1.5; }
body.organization-ui .app-shell #view-times .team-column > span { display:block; color:#173f35; font:800 32px/1 var(--club-display); margin:6px 0; }
body.organization-ui .app-shell #view-times .team-column h3 { margin:8px 0 24px; font:500 14px/1.4 var(--body); color:#4b6257; }
body.organization-ui .app-shell #view-times .team-list { clear:both; }
body.organization-ui .app-shell #view-times .team-player { border:0; border-top:1px solid #dce5de; border-radius:0; background:#fff; margin:0; padding:12px 0; min-height:68px; box-shadow:none; }
body.organization-ui .app-shell #view-times .team-player > i { background:var(--kit); color:#173f35; border-radius:6px 6px 14px 14px; font:800 17px/1 var(--club-display); width:36px; height:40px; }
body.organization-ui .app-shell #view-times .team-player button { min-height:44px; border:1px solid #b6c9bc; border-radius:6px; background:#f0f5f1; color:#173f35; }
body.organization-ui .app-shell #view-times .versus-card { background:transparent; border:0; box-shadow:none; min-height:0; padding:28px 4px; }
body.organization-ui .app-shell #view-times .versus-card strong { font:800 36px/1 var(--club-display); color:#173f35; }
body.organization-ui .app-shell #view-perfil .profile-card-surface { position:relative; padding:28px; border-radius:12px; border:1px solid #527767; border-top:8px solid #c5f36b; background:#173f35; overflow:hidden; }
body.organization-ui .app-shell .athlete-shirt { display:flex; position:relative; align-items:center; flex-direction:column; margin:0 auto 24px; width:180px; color:#c5f36b; }
body.organization-ui .app-shell .athlete-shirt > svg { width:180px; height:168px; fill:#c5f36b; stroke:#c5f36b; stroke-width:1; }
body.organization-ui .app-shell .athlete-shirt > strong { position:absolute; top:42px; color:#173f35; font:800 64px/1 var(--club-display); }
body.organization-ui .app-shell .athlete-shirt > span { font-size:12px; margin-top:4px; }
body.organization-ui .app-shell #view-perfil .profile-summary-hero { grid-template-columns:64px minmax(0,1fr); gap:16px; border-top:1px solid #527767; padding-top:20px; }
body.organization-ui .app-shell #view-perfil .profile-summary-avatar { width:64px; height:72px; border-radius:8px; }
body.organization-ui .app-shell #view-perfil .profile-summary-hero strong { font:800 38px/1 var(--club-display); color:#fff; overflow-wrap:anywhere; }
body.organization-ui .app-shell #view-perfil .profile-summary-hero span { color:#c5f36b; font-size:12px; }
body.organization-ui .app-shell #view-perfil .profile-summary-actions button { border-radius:6px; min-height:44px; background:#244e40; border:1px solid #71917e; color:#fff; }
body.organization-ui .app-shell .match-poster { background:#173f35; color:#fff; border-top:6px solid #c5f36b; border-radius:12px; padding:24px; margin:18px 0; }
body.organization-ui .app-shell .match-poster-heading { display:flex; justify-content:space-between; gap:16px; align-items:center; padding-bottom:18px; border-bottom:1px solid #527767; }
body.organization-ui .app-shell .match-poster-heading span { font:800 28px/1.05 var(--club-display); overflow-wrap:anywhere; }
body.organization-ui .app-shell .match-poster-heading strong { font:500 13px/1.3 var(--body); flex-shrink:0; color:#d0e0d6; }
body.organization-ui .app-shell .match-poster-score { display:grid; grid-template-columns:1fr minmax(0,2fr) 1fr; align-items:center; gap:14px; margin:24px 0; text-align:center; }
body.organization-ui .app-shell .match-poster-score > span { display:flex; align-items:center; flex-direction:column; gap:8px; font:600 14px/1.2 var(--body); }
body.organization-ui .app-shell .match-poster-score svg { width:48px; height:48px; fill:#c5f36b; color:#c5f36b; }
body.organization-ui .app-shell .match-poster-score > span:last-child svg { fill:#ff9c52; color:#ff9c52; }
body.organization-ui .app-shell .match-poster-score > strong { font:800 clamp(26px,4vw,48px)/1.1 var(--club-display); color:#fff; overflow-wrap:anywhere; }
body.organization-ui .app-shell .match-poster > p { border-top:1px solid #527767; padding-top:16px; color:#d0e0d6; font-size:13px; line-height:1.5; margin:0; }
body.organization-ui .app-shell #view-recap .score-inputs input { font:800 42px/1 var(--club-display); text-align:center; border-radius:8px; min-height:76px; }
body.organization-ui .app-shell #view-recap .score-inputs label:first-child input { border-bottom:5px solid #a7d94d; }
body.organization-ui .app-shell #view-recap .score-inputs label:last-child input { border-bottom:5px solid #ec8541; }
@media(max-width:760px) {
 body.organization-ui .app-shell #view-times .teams-board { grid-template-columns:minmax(0,1fr); gap:12px; }
 body.organization-ui .app-shell #view-times .team-column { padding:18px 16px 8px; }
 body.organization-ui .app-shell #view-perfil .profile-card-surface { padding:20px; }
 body.organization-ui .app-shell .athlete-shirt { margin-bottom:16px; }
 body.organization-ui .app-shell .match-poster { padding:18px; }
 body.organization-ui .app-shell .match-poster-heading { flex-wrap:wrap; gap:8px; }
 body.organization-ui .app-shell .match-poster-score { gap:8px; }
 body.organization-ui .app-shell .match-poster-score svg { width:36px; height:36px; }
}
body.organization-ui .app-shell #view-perfil .profile-summary-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
body.organization-ui .app-shell #view-perfil .profile-summary-actions button { flex:1 1 130px; font-size:13px; padding:10px; }
body.organization-ui .app-shell #view-perfil .profile-summary-bio { margin:16px 0; line-height:1.5; }
body.organization-ui .app-shell .match-poster-score > strong.is-final { font:800 clamp(48px,7vw,76px)/1 var(--club-display); font-variant-numeric:tabular-nums; white-space:nowrap; }

/**/
body.organization-ui .app-shell #recapFlowPanel .match-flow-panel { padding:18px; gap:12px; border-radius:10px; box-shadow:none; }
body.organization-ui .app-shell #recapFlowPanel .match-flow-main strong { font:700 22px/1.2 var(--body); }
body.organization-ui .app-shell #recapFlowPanel .match-flow-main p { margin:6px 0 0; }
body.organization-ui .app-shell #recapFlowPanel .flow-details { margin-top:0; padding-top:4px; }
body.organization-ui .app-shell #view-perfil .profile-summary-hero .profile-summary-avatar { font:800 28px/1 var(--club-display); }
@media(max-width:760px) {
 body.organization-ui .app-shell #view-perfil .profile-card-surface { display:grid; grid-template-columns:minmax(0,1fr) 96px; gap:16px; }
 body.organization-ui .app-shell #view-perfil .athlete-shirt { grid-column:2; grid-row:1; width:96px; margin:0; }
 body.organization-ui .app-shell #view-perfil .athlete-shirt > svg { width:96px; height:96px; }
 body.organization-ui .app-shell #view-perfil .athlete-shirt > strong { top:26px; font-size:36px; }
 body.organization-ui .app-shell #view-perfil .athlete-shirt > span { font-size:10px; text-align:center; }
 body.organization-ui .app-shell #view-perfil .profile-summary-hero { grid-column:1; grid-row:1; display:block; border:0; padding:0; }
 body.organization-ui .app-shell #view-perfil .profile-summary-hero .profile-summary-avatar { width:44px; height:44px; font-size:22px; margin-bottom:10px; }
 body.organization-ui .app-shell #view-perfil .profile-summary-hero strong { font-size:30px; }
 body.organization-ui .app-shell #view-perfil :is(.profile-info-details,.profile-summary-bio,.profile-summary-actions) { grid-column:1 / -1; margin:0; }
 body.organization-ui .app-shell #view-perfil .profile-info-details { padding-top:12px; }
}

@media(max-width:760px) {
 body.organization-ui .app-shell #view-temporada > .view-header { flex-direction:column; align-items:stretch; gap:12px; }
 body.organization-ui .app-shell #view-temporada > .view-header > div { width:100%; }
 body.organization-ui .app-shell #view-temporada > .view-header p { max-width:none; }
 body.organization-ui .app-shell #view-temporada > .view-header > button { align-self:flex-start; }
}

/**/
body.organization-ui { --club-snap:cubic-bezier(.2,.8,.2,1); }
body.organization-ui :is(button,summary,a):focus-visible { outline:3px solid #216d53; outline-offset:4px; }
@keyframes clubMenuIn { from { opacity:0; transform:translateY(-4px) scale(.98); } to { opacity:1; transform:none; } }
@keyframes clubSaved { from { opacity:.4; transform:translateY(6px) scale(.97); } to { opacity:1; transform:none; } }
@media(prefers-reduced-motion:no-preference) {
 body.organization-ui .account-menu:not([data-ui-motion])[open] .account-menu-panel { transform-origin:top right; animation:clubMenuIn 160ms var(--club-snap); }
}
/**/
body.organization-ui .app-shell .section-details > summary strong { color:#173f35; }
body.organization-ui .season-scope-help { display:none; }
body.organization-ui .season-details[open] .season-scope-help { display:block; flex-basis:100%; color:var(--bdr-field-muted); font:400 13px/1.5 var(--body); }
body.organization-ui .app-shell .season-details-copy { display:grid; gap:6px; min-width:0; text-transform:none; letter-spacing:normal; }
body.organization-ui .app-shell .season-details-copy > strong { font:700 16px/1.4 var(--body); }
body.organization-ui .app-shell .season-details > summary::after { flex-shrink:0; }
body.organization-ui .app-shell .match-flow-note { max-width:64ch; margin:12px 0; font:400 13px/1.55 var(--body); }
body.organization-ui .app-shell .organization-story { margin:12px 0; padding:0; border:0; background:transparent; }
body.organization-ui .app-shell .organization-milestones { display:grid; grid-template-columns:1fr; gap:8px; }
body.organization-ui .app-shell .club-milestone { display:grid; grid-template-columns:32px minmax(0,1fr) 24px; gap:4px 12px; padding:14px 16px; border:1px solid #9cb1a3; border-radius:12px; background:#fff; text-align:left; min-height:76px; color:#24473a; cursor:pointer; white-space:normal; }
body.organization-ui .app-shell .club-milestone > svg { grid-column:1; grid-row:1/3; width:28px; height:28px; align-self:center; }
body.organization-ui .app-shell .club-milestone > b { grid-column:2; grid-row:1; font:800 22px/1.1 var(--club-display); }
body.organization-ui .app-shell .club-milestone > small { grid-column:2; grid-row:2; min-height:0; font:400 13px/1.4 var(--body); color:#365347; }
body.organization-ui .app-shell .club-milestone-action { grid-column:3; grid-row:1/3; align-self:center; width:auto; padding:0; border:0; font-size:0; }
body.organization-ui .app-shell .club-milestone-action svg { width:20px; height:20px; }
body.organization-ui .app-shell .club-milestone[data-earned="true"] { background:#dff5b6; border-color:#587a30; }
body.organization-ui .club-resenha-extras { margin-top:8px; }
body.organization-ui .club-resenha-extras > summary { min-height:44px; padding:12px 4px; cursor:pointer; color:#173f35; font-weight:650; }
body.organization-ui .club-resenha-extras > summary span { display:block; color:var(--bdr-field-muted); font-size:12px; font-weight:400; margin-left:18px; }
body.organization-ui .club-resenha-extras > p { color:var(--bdr-field-muted); font-size:14px; margin:4px 0 12px; }
body.organization-ui .club-resenha-extras:focus-within { outline-offset:4px; }
body.organization-ui .app-shell .feed-event { border:0; border-radius:0; border-bottom:1px solid #d7dfd3; padding:16px 0; }
body.organization-ui .app-shell .feed-event strong,
body.organization-ui .app-shell .feed-event em { white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere; }
body.organization-ui .app-shell #view-avisos .announcements-layout > .tool-surface { padding:0; border:0; background:transparent; }
body.organization-ui .app-shell #view-avisos .announcements-layout .surface-heading { display:none; }
body.organization-ui .app-shell .announcement-row { padding:20px; }
body.organization-ui .app-shell .announcement-row p { font-weight:400; }
body.organization-ui .app-shell .teams-board[hidden] { display:none!important; }
body.organization-ui .app-shell .view-header button[hidden] { display:none!important; }
@media(max-width:760px) {
 body.organization-ui .app-shell .topbar { margin-bottom:16px; }
 body.organization-ui .app-shell .home-matchday-card .home-matchday-main,
 body.organization-ui .app-shell .home-matchday-card .home-status-card { padding:16px 18px; }
 body.organization-ui .app-shell .home-matchday-card .home-match-meta { margin-block:12px; gap:12px; }
 body.organization-ui .app-shell .home-matchday-card .club-match-emblem { width:36px; height:40px; }
 body.organization-ui .app-shell .home-matchday-card .round-list-progress { margin-top:12px; padding-top:12px; }
 body.organization-ui .app-shell .home-matchday-card .home-status-body > strong { font-size:22px; }
 body.organization-ui .app-shell .home-matchday-card .home-status-body p { margin:6px 0 10px; line-height:1.45; }
 body.organization-ui .app-shell .home-matchday-card .my-round-feedback { margin-top:8px; padding:0; font-size:12px; }
 body.organization-ui .app-shell .home-matchday-card .my-round-feedback > span { display:none; }
 body.organization-ui .app-shell #view-rodada .my-round-disclosure { margin-block:12px; }
 body.organization-ui .app-shell :is(#view-feed,#view-avisos,#view-temporada) .view-header { flex-direction:column; align-items:stretch; gap:12px; }
 body.organization-ui .app-shell :is(#view-feed,#view-avisos,#view-temporada) .view-header > div { width:100%; }
 body.organization-ui .app-shell :is(#view-feed,#view-avisos,#view-temporada) .view-header > button { align-self:flex-start; }
}
@media(prefers-reduced-motion:no-preference) {
 body.organization-ui .app-shell :is(button,summary) { transition:transform 120ms ease-out,background-color 160ms ease-out; }
 body.organization-ui .app-shell :is(button,summary):active { transform:scale(.98); }
 body.organization-ui .app-shell .club-resenha-extras[open] > .organization-milestones { animation:clubExtrasIn 180ms ease-out!important; }
 body.organization-ui .app-toast[data-tone="success"] { animation:clubSaved 240ms cubic-bezier(.16,1,.3,1); }
}
@keyframes clubExtrasIn { from { opacity:.5; transform:translateY(-4px); } to { opacity:1; transform:none; } }
body.organization-ui .app-shell .my-round-panel > .organization-story { margin-block:4px; }
body.organization-ui .app-shell .club-resenha-extras > summary { font-size:14px; }
@media(prefers-reduced-motion:no-preference) {
 body.organization-ui .app-shell .club-milestone[data-earned="true"]:active > svg { animation:clubTeamReady 300ms cubic-bezier(.16,1,.3,1)!important; }
}
@keyframes clubTeamReady { from { transform:scale(.8) rotate(-10deg); } to { transform:none; } }

body.organization-ui .app-shell .club-milestone > svg { padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
body.organization-ui .app-shell .my-round-panel { gap:14px; }

/**/
body.organization-ui .app-shell .home-own-participation { margin-top:12px; border-block:1px solid #688578; }
body.organization-ui .app-shell .home-own-participation > summary { display:flex; align-items:center; gap:10px; min-height:48px; cursor:pointer; list-style:none; color:#f3f8ed; }
body.organization-ui .app-shell .home-own-participation > summary::-webkit-details-marker { display:none; }
body.organization-ui .app-shell .home-own-participation > summary > svg { width:20px; height:20px; flex-shrink:0; }
body.organization-ui .app-shell .home-matchday-card .home-own-participation > summary > strong { flex:1; color:#f3f8ed; font:600 14px/1.4 var(--body); }
body.organization-ui .app-shell .home-own-participation > summary > span { font-size:12px; text-decoration:underline; text-underline-offset:3px; }
body.organization-ui .app-shell .home-own-participation .own-round-participation { margin:0 0 12px; padding:14px; background:#fff; border:0; border-radius:12px; }
body.organization-ui .app-shell .home-vestiario-links { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
body.organization-ui .app-shell .home-vestiario-links > button { display:flex; align-items:flex-start; gap:10px; min-width:0; padding:18px 14px; min-height:110px; background:#e1ebdf; color:#173f35; border:1px solid #a4b5a7; border-radius:14px; text-align:left; cursor:pointer; white-space:normal; }
body.organization-ui .app-shell .home-vestiario-links > button:last-child { background:#f8e7ce; border-color:#c6a37a; color:#573819; }
body.organization-ui .app-shell .home-vestiario-links svg { width:22px; height:22px; flex-shrink:0; }
body.organization-ui .app-shell .home-vestiario-links svg:last-child { display:none; }
body.organization-ui .app-shell .home-vestiario-links b { display:block; font:800 24px/1.05 var(--club-display); }
body.organization-ui .app-shell .home-vestiario-links small { display:block; margin-top:8px; font:400 12px/1.4 var(--body); }
body.organization-ui .app-shell #profileEditSurface > summary { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:48px; font-weight:700; cursor:pointer; }
body.organization-ui .app-shell #profileEditSurface[hidden] { display:none!important; }
body.organization-ui .app-shell #profileEditSurface[open] > summary { margin-bottom:20px; }
body.organization-ui .app-shell #view-perfil .profile-summary-actions > [data-edit-profile] { flex-basis:100%; background:#b7ff45; color:#173f35; border-color:#b7ff45; font-weight:750; }
body.organization-ui .app-shell .invite-share-options { margin-top:14px; color:#365347; }
body.organization-ui .app-shell .invite-share-options > summary { min-height:44px; padding-block:12px; cursor:pointer; font-size:14px; }
body.organization-ui .app-shell .invite-share-options p { font-size:14px; line-height:1.5; }
body.organization-ui .app-shell .admin-invite-surface .admin-link-box { grid-template-columns:minmax(0,1fr); }
body.organization-ui .app-shell .admin-link-box .invite-copy-primary { grid-column:1 / -1; width:100%; background:#b7ff45; color:#173f35; font-weight:700; min-height:48px; }
body.organization-ui .app-shell .admin-link-box .invite-copy-primary span { position:static; display:inline; width:auto; height:auto; overflow:visible; clip:auto; white-space:normal; }
body.organization-ui .app-shell .admin-invite-surface .admin-tab-copy { font-weight:400; line-height:1.55; }
body.organization-ui .app-shell [data-admin-publish][hidden] { display:none!important; }
body.organization-ui .app-shell #inviteDelivery[hidden] { display:none!important; }
@media(max-width:760px) {
 body.organization-ui .app-shell #view-perfil .profile-layout { display:flex; flex-direction:column; }
 body.organization-ui .app-shell .home-vestiario-links > button { flex-direction:column; }
}

/**/
body.organization-ui.matchday-ui {
  --club-leaf: #b7ff45;
  --ui-ink: #172f29;
  --ui-muted: #466258;
  --ui-line: #cbd9d2;
  --matchday-paper: #eef3f1;
  --matchday-border: #829b8f;
  --matchday-action: #b7ff45;
  background: var(--matchday-paper);
  color: var(--ui-ink);
  font-variant-numeric: tabular-nums;
}
body.matchday-ui :is(button, a, summary, input, select, textarea):focus-visible {
  outline: 3px solid #28613b;
  outline-offset: 3px;
  box-shadow: 0 0 0 6px #fff;
}
body.matchday-ui :is(button, summary, a) { touch-action: manipulation; }
body.matchday-ui :is(p, dd, h1, h2, h3, strong) { overflow-wrap: anywhere; }
body.matchday-ui :is(input, select, textarea) { caret-color: #28613b; }
body.matchday-ui :is(input, textarea)::placeholder { color: var(--bdr-field-muted); opacity: 1; }
body.matchday-ui .app-shell .workspace {
  --broadcast-text: #172f29;
  --broadcast-muted: #466258;
  --broadcast-lime: #285137;
  --broadcast-lime-bright: #285137;
  --text-primary: #172f29;
  --text-secondary: #466258;
  --text-tertiary: #466258;
  --text-muted: #466258;
  padding: 0 32px 40px;
}
body.matchday-ui .app-shell .sidebar { background: #102b23; padding: 28px 16px; }
body.matchday-ui .app-shell .sidebar .brand { min-height: 76px; }
body.matchday-ui .app-shell .sidebar :is(.nav-item, .nav-more > summary) {
  min-height: 52px; border-radius: 12px; padding: 14px; font-weight: 600;
}
body.matchday-ui .app-shell .sidebar :is(.nav-item.is-active, .nav-more > summary.is-active) {
  color: #102b23; background: var(--matchday-action);
}
body.matchday-ui .app-shell .topbar { min-height: 102px; margin: 0 0 22px; padding: 22px 0; border-bottom: 1px solid var(--ui-line); }
body.matchday-ui .app-shell .topbar .eyebrow { display: block; color: var(--ui-muted); font: 500 13px/1.4 var(--body); text-transform: none; }
body.matchday-ui .app-shell .view-header { min-height: 76px; margin: 0 0 22px; padding: 0 0 18px; border: 0; border-bottom: 1px solid var(--ui-line); }
body.matchday-ui .app-shell .view-header h2 { color: var(--ui-ink); font: 800 42px/1.05 var(--club-display); letter-spacing: -.02em; }
body.matchday-ui .app-shell .view-header .eyebrow { display: none; }
/**/
body.matchday-ui .app-shell .view[tabindex="-1"]:focus { outline: none; }
body.matchday-ui .app-shell :is(.tool-surface, .section-details, .match-flow-panel, .attendance-board) { border-radius: 14px; }
body.matchday-ui .app-shell :is(.primary-button, .primary-action, .match-flow-action.is-primary) {
  min-height: 50px; padding: 13px 18px; border: 1px solid #9ccf42; border-radius: 10px;
  color: #173f35; background: var(--matchday-action); box-shadow: none; font: 750 15px/1.35 var(--body);
}
body.matchday-ui .app-shell :is(.light-button, .ghost-button, .match-flow-action:not(.is-primary)) {
  min-height: 46px; border: 1px solid var(--matchday-border); border-radius: 10px;
  color: #173f35; background: #fff; font: 650 14px/1.35 var(--body); box-shadow: none;
}
body.matchday-ui .app-shell :is(.primary-button, .primary-action, .match-flow-action.is-primary):hover { background: var(--bdr-accent-hover); }
body.matchday-ui .app-shell :is(.light-button, .ghost-button, .match-flow-action:not(.is-primary)):hover { background: #e3ede7; }
body.matchday-ui .app-shell :is(.primary-button, .light-button, .ghost-button, .match-flow-action):disabled {
  color: #53665d; background: #e4eae6; border-color: #a6b7ad; opacity: 1; cursor: not-allowed; transform: none;
}
body.matchday-ui .app-shell .match-flow-main > div > strong { font: 800 30px/1.1 var(--club-display); color: #173f35; }
body.matchday-ui .app-shell .match-flow-main p { color: var(--ui-muted); font: 400 14px/1.55 var(--body); }
body.matchday-ui .app-shell .match-flow-main > em { color: #285137; background: #e4efdc; border-radius: 6px; }
body.matchday-ui .app-shell .home-matchday-card { border: 0; border-radius: 16px; box-shadow: none; }
body.matchday-ui .app-shell .home-matchday-card .home-matchday-main { background: #173f35; padding: 28px; }
body.matchday-ui .app-shell .home-matchday-card .club-match-emblem { background: var(--matchday-action); color: #173f35; }
body.matchday-ui .app-shell .home-matchday-card .round-ticket-status h3 { font: 800 46px/1 var(--club-display); }
body.matchday-ui .app-shell .home-matchday-card .home-status-card { padding: 28px; border-left: 1px dashed #8ba497; }
body.matchday-ui .app-shell .home-matchday-card .home-status-body > strong { font: 800 32px/1.1 var(--club-display); }
body.matchday-ui .app-shell .home-matchday-card .home-match-meta dd { font-size: 16px; }
body.matchday-ui .app-shell .home-matchday-card .organization-progress { height: 8px; }
body.matchday-ui .app-shell .home-roster-link { border: 1px solid var(--ui-line); border-radius: 12px; padding: 18px; }
body.matchday-ui .app-shell .home-roster-link > svg:first-child { color: #173f35; background: #e5f4d0; border-radius: 10px; }
body.matchday-ui .app-shell .home-vestiario-links { gap: 14px; }
body.matchday-ui .app-shell .home-vestiario-links > button { min-height: 124px; padding: 20px; background: #dff0d0; border: 0; border-radius: 14px; }
body.matchday-ui .app-shell .home-vestiario-links > button:last-child { background: #f9dfd1; }
body.matchday-ui .app-shell .home-vestiario-links b { font: 800 30px/1.05 var(--club-display); }
body.matchday-ui .app-shell .home-vestiario-links small { font-size: 13px; line-height: 1.45; }
body.matchday-ui .app-shell :is(.my-round-disclosure, .club-resenha-extras, .section-details) > summary { min-height: 52px; }
body.matchday-ui .app-shell :is(.round-ops-panel, .round-ops-card, .clubhouse-panel) { color: var(--ui-ink); }
body.matchday-ui .app-shell .attendance-avatar { background: #28613b; color: #fff; }
body.matchday-ui .app-shell #playerGrid .roster-row { min-height: 94px; padding: 18px 8px; }
body.matchday-ui .app-shell #playerGrid .roster-row:hover { background: #e5eee7; }
body.matchday-ui .app-shell #playerGrid .sticker-avatar { width: 42px; height: 48px; border-radius: 10px 10px 14px 14px; background: #173f35; color: #fff; }
body.matchday-ui .app-shell #playerGrid .roster-person h3 { font-size: 17px; }
body.matchday-ui .app-shell #playerGrid .roster-status { padding: 5px 9px; border-radius: 6px; }
body.matchday-ui .app-shell #view-time .view-header h2 { font: 800 42px/1.05 var(--club-display); }
body.matchday-ui .app-shell .roster-search { border-radius: 10px; border-color: var(--matchday-border); }
body.matchday-ui .app-shell #view-times .team-column { border-radius: 14px; border: 1px solid var(--ui-line); padding: 24px; box-shadow: none; }
body.matchday-ui .app-shell .team-column > span { font: 800 34px/1.05 var(--club-display); color: #173f35; }
body.matchday-ui .app-shell .team-kit { width: 58px; height: 58px; }
body.matchday-ui .app-shell .team-column .team-person { min-height: 64px; }
body.matchday-ui .app-shell .versus-card strong { font: 800 38px/1 var(--club-display); color: #173f35; }
body.matchday-ui .app-shell #view-recap .match-flow-panel { border-color: var(--ui-line); }
body.matchday-ui .app-shell #view-recap .public-media-empty small { color: var(--ui-muted); }
body.matchday-ui .app-shell #view-perfil .profile-card-surface { border: 0; border-radius: 16px; overflow: hidden; }
body.matchday-ui .app-shell #view-perfil .profile-layout { align-items: start; }
body.matchday-ui .app-shell #view-perfil .profile-summary-actions { gap: 10px; }
body.matchday-ui .app-shell #view-perfil .profile-summary-actions > [data-edit-profile] { min-height: 50px; }
body.matchday-ui .app-shell .privacy-list article strong { color: #285137; font: 700 14px/1.4 var(--body); }
body.matchday-ui .app-shell #view-caixa :is(.cash-summary, .cash-ring, .ledger-row) { border-radius: 12px; }
body.matchday-ui .app-shell #view-caixa :is(.payment-row, .monthly-fee-row, .ledger-row) { padding-block: 18px; }
body.matchday-ui .app-shell #view-caixa :is(.payment-row button, .monthly-fee-row button) { border-radius: 8px; min-height: 46px; }
body.matchday-ui .app-shell .feed-event { padding-block: 20px; }
body.matchday-ui .app-shell .feed-event > i { color: #173f35; background: #e4efdc; }
body.matchday-ui .app-shell .feed-event[data-tone="green"] > i { color: #fff; background: #28613b; }
body.matchday-ui .app-shell .my-round-guide strong { color: #173f35; font: 700 14px/1.4 var(--body); }
body.matchday-ui .app-shell .my-round-guide small { color: #466258; font: 400 13px/1.45 var(--body); }
body.matchday-ui .app-shell .my-round-live-card { color: #173f35; background: #eef3f1; border: 1px solid #cbd9d2; box-shadow: none; }
body.matchday-ui .app-shell .my-round-live-card :is(strong,span) { color: #173f35; }
body.matchday-ui .app-shell .my-round-live-card small { color: #466258; }
body.matchday-ui .app-shell .announcement-row { border-radius: 14px; border: 1px solid var(--ui-line); padding: 24px; }
body.matchday-ui .app-shell .announcement-row h3 { font: 800 26px/1.15 var(--club-display); }
body.matchday-ui .app-shell .admin-tabs { gap: 6px; padding: 6px; background: #dde8e1; border-radius: 12px; }
body.matchday-ui .app-shell .admin-tabs button { min-height: 46px; color: #173f35; border: 0; border-radius: 8px; background: transparent; }
body.matchday-ui .app-shell .admin-tabs button.is-active { color: #fff; background: #173f35; }
body.matchday-ui .app-shell .admin-checklist strong { color: #173f35; }
body.matchday-ui .app-shell .admin-day-panel { color: #173f35; background: #fff; border: 1px solid #cbd9d2; border-radius: 14px; padding: 22px; }
body.matchday-ui .app-shell .admin-day-heading :is(span,strong),
body.matchday-ui .app-shell .admin-day-task :is(span,strong) { color: #173f35; text-transform: none; }
body.matchday-ui .app-shell .admin-day-heading strong { font: 800 28px/1.1 var(--club-display); }
body.matchday-ui .app-shell .admin-day-task { background: #eef3f1; border: 1px solid #cbd9d2; border-radius: 12px; }
body.matchday-ui .app-shell .admin-day-task[data-state="done"] { background: #e4efdc; border-color: #829b8f; }
body.matchday-ui .app-shell .admin-day-task[data-state="active"] { background: #f9dfd1; border-color: #b68568; }
body.matchday-ui .app-shell .admin-day-task small { color: #466258; font-weight: 400; }
body.matchday-ui .app-shell :is(.admin-day-heading,.admin-day-task) button { background: #fff; border-color: #829b8f; color: #173f35; min-height: 44px; }
body.matchday-ui .app-shell .admin-day-heading button span { color: #173f35; }

/**/
body.matchday-ui .login-screen { gap: 0; padding: 0; background: #173f35; align-items: stretch; }
body.matchday-ui .login-screen .login-hero { padding: 48px; color: #fff; align-self: center; }
body.matchday-ui .login-screen .login-hero h1 { color: #fff; font: 800 64px/.98 var(--club-display); max-width: 11ch; letter-spacing: -.02em; }
body.matchday-ui .login-screen .login-hero > p:not(.eyebrow) { color: #d8e7de; font-size: 17px; line-height: 1.55; max-width: 37ch; }
body.matchday-ui .login-screen .login-brand { padding: 0; background: transparent; }
body.matchday-ui .login-screen .club-patch { background: #f5a18a; color: #173f35; box-shadow: none; }
body.matchday-ui .login-screen .login-card { align-self: center; width: min(520px, calc(100% - 64px)); margin: 40px auto; padding: 32px; border: 0; border-radius: 16px; background: #fff; color: #172f29; }
body.matchday-ui .login-screen .login-card :is(h1,h2) { color: #173f35; font: 800 34px/1.1 var(--club-display); }
body.matchday-ui .login-screen .login-card .login-choice-bar button { border-color: #829b8f; border-radius: 12px; color: #173f35; background: #fff; }
body.matchday-ui .login-screen .login-card .login-choice-bar button:hover { border-color: #28613b; background: #e9f4dd; }
body.matchday-ui .login-screen .login-card .login-choice-bar .login-choice-kicker { display: none; }
body.matchday-ui .login-screen .login-card.is-entry-choice-only #loginModeNote { display: none; }
body.matchday-ui .login-screen .login-card .login-choice-bar [data-entry-choice="invite"] { background: var(--matchday-action); border-color: #9ccf42; }
body.matchday-ui .login-screen .login-card .login-choice-bar [data-entry-choice="invite"]:hover { background: var(--bdr-accent-hover); }
body.matchday-ui .login-screen .account-created-panel { color: #173f35; background: #eef5e9; border: 1px solid #829b8f; border-radius: 12px; padding: 18px; }
body.matchday-ui .login-screen .account-created-panel strong { color: #173f35; }
body.matchday-ui .login-screen .account-created-panel span { color: #466258; font: 500 14px/1.5 var(--body); overflow-wrap: anywhere; }
body.matchday-ui .login-screen .account-created-panel > div button { min-height: 48px; padding: 12px 16px; background: #fff; border: 1px solid #829b8f; border-radius: 9px; color: #173f35; font-weight: 700; }
body.matchday-ui .login-screen .account-created-panel > div button:first-child { background: var(--matchday-action); border-color: #9ccf42; }
body.matchday-ui .login-screen .account-created-panel > div button:hover { background: #dceecb; border-color: #28613b; }
body.matchday-ui .login-screen .login-card #switchLoginAccount { min-height: 44px; padding: 8px 0; color: #285137; text-underline-offset: 3px; }
body.matchday-ui .login-screen :is(#passwordRecoveryAccount, #passwordRecoveryStatus) { color: #466258; line-height: 1.5; }
body.matchday-ui .password-recovery-screen { display: grid; grid-template-columns: minmax(0, 1fr); place-items: center; align-content: center; min-height: 100dvh; }
body.matchday-ui .password-recovery-screen[hidden] { display: none; }
body.matchday-ui .password-recovery-screen .login-card { min-height: 0; grid-template-rows: none; align-content: start; gap: 18px; }
body.matchday-ui .password-recovery-screen .login-card > :is(h1,p) { margin: 0; }
body.matchday-ui .login-screen .login-card :is(input:not([type="checkbox"]),textarea,select) { min-height: 48px; background: #fff; color: #173f35; border-color: #829b8f; }
body.matchday-ui .login-screen .login-card :is(label > span, .login-account-field > span) { color: #173f35; }
body.matchday-ui #passwordRecoveryForm .primary-button { background: var(--matchday-action); color: #173f35; border: 1px solid #9ccf42; border-radius: 10px; min-height: 48px; }

/**/
body.matchday-ui .public-patota-screen { --public-muted: #466258; --text-primary: #173f35; --text-secondary: #466258; --line: #cbd9d2; color: #173f35; }
body.matchday-ui .public-patota-header { background: #173f35; padding: 16px 20px; border-radius: 14px; }
body.matchday-ui .public-patota-screen .eyebrow { display: none; }
body.matchday-ui .public-patota-screen :is(.public-panel,.public-join-section) { color: #173f35; background: #fff; border: 1px solid #cbd9d2; border-radius: 14px; box-shadow: none; }
body.matchday-ui .public-patota-screen :is(.public-panel,.public-join-section) h2 { color: #173f35; font: 800 clamp(28px,3vw,38px)/1.1 var(--club-display); }
body.matchday-ui .public-patota-screen :is(.public-panel,.public-join-section) p { color: #466258; line-height: 1.6; }
body.matchday-ui .public-patota-screen .public-patota-cover { border: 0; border-radius: 14px; box-shadow: none; }
body.matchday-ui .public-patota-screen .public-patota-cover:not(.has-image) { background: #173f35; }
body.matchday-ui .public-patota-screen .public-crest { box-shadow: none; border-radius: 14px; }
body.matchday-ui .public-patota-screen .public-patota-copy { --text-secondary: #d8e7de; color: #fff; background: #173f35; border: 0; border-radius: 14px; box-shadow: none; }
body.matchday-ui .public-patota-screen .public-patota-copy h1 { color: #fff; font: 800 clamp(40px,6vw,76px)/1 var(--club-display); letter-spacing: -.02em; }
body.matchday-ui .public-patota-screen .public-patota-copy :is(p,.public-status-note) { color: #d8e7de; line-height: 1.5; }
body.matchday-ui .public-patota-screen .public-patota-chips span { color: #fff; background: #204f41; border-color: #829b8f; }
body.matchday-ui .public-patota-screen :is(.primary-button,.ghost-button) { min-height: 48px; border-radius: 10px; box-shadow: none; font: 700 15px/1.4 var(--body); }
body.matchday-ui .public-patota-screen .primary-button { color: #173f35; background: var(--matchday-action); border: 1px solid #9ccf42; }
body.matchday-ui .public-patota-screen .ghost-button { color: #173f35; background: #fff; border: 1px solid #829b8f; }
body.matchday-ui .public-patota-screen :is(.primary-button,.ghost-button) span { color: inherit; }
body.matchday-ui .public-patota-screen .ghost-button:hover { background: #e3ede7; }
body.matchday-ui .public-patota-screen .primary-button:hover { background: var(--bdr-accent-hover); }
body.matchday-ui .public-patota-screen :is(.public-score-card,.public-player-pill,.public-ranking-row,.public-badge-card,.public-next-match-card,.public-empty-state) { color: #173f35; background: #eef3f1; border-color: #cbd9d2; box-shadow: none; }
body.matchday-ui .public-patota-screen :is(.public-ranking-row b,.public-next-match-meta span) { color: #285137; }
body.matchday-ui .public-patota-screen :is(.public-join-form,.public-ranking-note) { color: #466258; }
body.matchday-ui .public-patota-screen .public-join-form label > span { color: #173f35; font: 600 14px/1.5 var(--body); text-transform: none; }
body.matchday-ui .public-patota-screen .public-join-form :is(input:not([type="checkbox"]),textarea) { color: #173f35; background: #fff; border-color: #829b8f; font: 400 16px/1.5 var(--body); }
body.matchday-ui .public-patota-screen .public-join-form .login-consent { align-items: start; min-height: 44px; }
body.matchday-ui .public-patota-screen .public-join-form .login-consent input[type="checkbox"] { appearance: none; display: grid; place-items: center; width: 22px; height: 22px; min-height: 22px; padding: 0; background: #fff; border: 2px solid var(--bdr-field-muted); border-radius: 4px; }
body.matchday-ui .public-patota-screen .public-join-form .login-consent input[type="checkbox"]:checked { background: #28613b; border-color: #28613b; }
body.matchday-ui .public-patota-screen .public-join-form .login-consent input[type="checkbox"]:checked::after { border-color: #fff; }
body.matchday-ui .public-patota-screen .public-join-form .login-consent :is(span,a) { color: #466258; font: 400 14px/1.55 var(--body); letter-spacing: 0; text-transform: none; }
body.matchday-ui .public-patota-screen .public-join-form .login-consent a { text-decoration: underline; text-underline-offset: 3px; }
body.matchday-ui .public-patota-screen .public-form-status[data-tone="success"] { color: #285137; }
body.matchday-ui .public-patota-screen .public-form-status[data-tone="error"] { color: #9f2929; }
body.matchday-ui .public-patota-screen .public-patota-footer { color: #466258; gap: 16px; }
body.matchday-ui .public-patota-screen .public-patota-footer :is(a,button) { color: #285137; text-decoration: underline; text-underline-offset: 3px; }
body.matchday-ui .legal-page { max-width: 1000px; padding: 32px 24px 64px; color: #173f35; }
body.matchday-ui .legal-hero { background: #173f35; color: #fff; border: 0; border-radius: 16px; padding: 32px; }
body.matchday-ui .legal-hero h1 { color: #fff; font: 800 44px/1.05 var(--club-display); }
body.matchday-ui .legal-hero p:not(.eyebrow) { color: #d8e7de; line-height: 1.6; }
body.matchday-ui .legal-hero .eyebrow { display: none; }
body.matchday-ui .legal-grid { grid-template-columns: 1fr; gap: 24px; }
body.matchday-ui .legal-section { color: #173f35; background: #fff; border: 1px solid #cbd9d2; border-radius: 14px; padding: 28px; }
body.matchday-ui .legal-section h2 { color: #173f35; font: 800 30px/1.1 var(--club-display); }
body.matchday-ui .legal-section :is(p,li,a) { color: #466258; line-height: 1.65; }
body.matchday-ui .legal-section a { text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 1240px) and (min-width: 761px) {
  body.matchday-ui .login-screen { padding: 32px; }
  body.matchday-ui .login-screen .login-hero { padding: 20px; }
  body.matchday-ui .login-screen .login-card { width: min(560px,100%); margin: 16px auto; }
}
@media (max-width: 760px) {
  body.matchday-ui .app-shell .workspace { padding: 0 18px calc(100px + env(safe-area-inset-bottom)); }
  body.matchday-ui .app-shell .topbar { min-height: 88px; padding: 18px 0; margin-bottom: 18px; }
  body.matchday-ui .app-shell .view-header { min-height: 64px; padding-bottom: 14px; gap: 12px; }
  body.matchday-ui .app-shell :is(.view-header h2, #view-time .view-header h2) { font-size: 34px; }
  body.matchday-ui .app-shell .home-matchday-card .home-matchday-main { padding: 22px; }
  body.matchday-ui .app-shell .home-matchday-card .home-status-card { padding: 22px; border-left: 0; border-top: 1px dashed #8ba497; }
  body.matchday-ui .app-shell .home-matchday-card .round-ticket-status h3 { font-size: 36px; }
  body.matchday-ui .app-shell .home-matchday-card .home-status-body > strong { font-size: 28px; }
  body.matchday-ui .app-shell .home-matchday-card .home-match-meta { gap: 12px; }
  body.matchday-ui .app-shell .home-matchday-card .home-match-meta dd { font-size: 14px; }
  body.matchday-ui .app-shell .home-vestiario-links { gap: 10px; }
  body.matchday-ui .app-shell .home-vestiario-links > button { padding: 16px; min-height: 138px; }
  body.matchday-ui .app-shell .home-vestiario-links b { font-size: 26px; }
  body.matchday-ui .app-shell #playerGrid .roster-row { padding-inline: 0; }
  body.matchday-ui .app-shell .team-column { padding: 20px; }
  body.matchday-ui .app-shell .team-column > span { font-size: 30px; }
  body.matchday-ui .app-shell #view-perfil .profile-layout { align-items: stretch; }
  body.matchday-ui .app-shell .sidebar { padding: 8px 12px calc(8px + env(safe-area-inset-bottom)); border-radius: 18px 18px 0 0; }
  body.matchday-ui .app-shell .sidebar :is(.nav-item, .nav-more > summary) { min-height: 52px; padding: 8px; border-radius: 10px; }
  body.matchday-ui .login-screen { padding: 0 18px 32px; gap: 0; }
  body.matchday-ui .login-screen .login-hero { padding: 22px 6px 18px; }
  body.matchday-ui .login-screen .login-hero h1 { font-size: 36px; max-width: 18ch; margin-bottom: 0; }
  body.matchday-ui .login-screen .login-hero > p:not(.eyebrow) { display: none; }
  body.matchday-ui .login-screen .login-hero .login-brand { margin-bottom: 16px; }
  body.matchday-ui .login-screen .login-card .login-choice-bar button { min-height: 94px; }
  body.matchday-ui .login-screen .login-card { width: 100%; margin: 0; padding: 24px 20px; border-radius: 14px; }
  body.matchday-ui .login-screen .account-created-panel > div { display: grid; grid-template-columns: 1fr; }
  body.matchday-ui .password-recovery-screen .login-card { margin-block: 24px; }
  body.matchday-ui .legal-page { padding: 20px 16px 40px; }
  body.matchday-ui .legal-hero, body.matchday-ui .legal-section { padding: 24px; }
  body.matchday-ui .legal-hero h1 { font-size: 36px; }
}
@media (prefers-reduced-motion: no-preference) {
  body.matchday-ui :is(button, summary, a) { transition: background-color 160ms ease-out, color 160ms ease-out, border-color 160ms ease-out; }
  body.matchday-ui .app-shell :is(.primary-button, .primary-action, .match-flow-action):active { transform: translateY(1px); }
}
@media (forced-colors: active) {
  body.matchday-ui :is(button, a, summary, input, select, textarea):focus-visible { outline-color: Highlight; box-shadow: none; }
}


/**/
/**/
@font-face { font-family: 'BR Street'; src: url('/fonts/barlow-condensed-800.woff2') format('woff2'); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: 'BR Street'; src: url('/assets/fonts/barlow-condensed-800-italic.ttf') format('truetype'); font-weight: 800; font-style: italic; font-display: swap; }
body.organization-ui.matchday-ui.street-ui {
  --street-ground:#141815; --street-panel:#222923; --street-raised:#2d362e;
  --street-ink:#f2f5e9; --street-muted:#becbbb; --street-line:#526152;
  --street-lime:var(--bdr-accent); --street-orange:#ff9a57; --street-dark:#172013;
  /**/
  --street-control-line:#73836a; --street-lime-hover:var(--bdr-accent-hover);
  --street-paper:#edf2e5; --street-paper-muted:#405237; --street-paper-line:#8b9b7f;
  --street-disabled:#384237; --street-disabled-ink:#c1cabc;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-5:20px; --space-6:24px; --space-8:32px; --space-12:48px; --space-16:64px;
  --radius-control:6px; --radius-panel:12px; --radius-card:10px; --radius-card-inner:8px;
  --radius-mark:4px; --control-height:44px; --primary-height:48px;
  --text-body:16px; --text-support:14px; --text-caption:12px;
  --content-max:1280px; --icon-inline:16px; --icon-control:20px; --icon-nav:24px;
  --motion-press:140ms; --motion-control:180ms; --motion-enter:240ms; --motion-card:340ms;
  --layer-savebar:12; --layer-navigation:40;
  --shadow-card:0 1px 1px #ffffff40 inset,0 8px 20px #0004;
  --club-display:'BR Street','Barlow Condensed',sans-serif;
  --ui-ink:#f2f5e9; --ui-muted:#becbbb; --ui-line:#526152; --ui-bg:#141815;
  background:var(--street-ground); color:var(--street-ink); color-scheme:dark;
  background-image:none; caret-color:var(--street-lime); scrollbar-color:#75826d #141815;
}
body.street-ui ::selection { color:#172013; background:var(--bdr-accent); }
body.organization-ui.matchday-ui.street-ui .eyebrow { display:none; }
body.organization-ui.matchday-ui.street-ui .app-shell { display:block; min-height:100dvh; width:100%; margin:0; background:none; }
body.organization-ui.matchday-ui.street-ui .sidebar {
  position:sticky; top:0; bottom:auto; inset-inline:auto; z-index:40; display:flex;
  flex-direction:row; align-items:center; justify-content:space-between; gap:32px;
  width:100%; height:auto; min-height:88px; padding:16px max(32px,calc((100vw - 1280px)/2));
  background:#111610; border:0; border-bottom:1px solid #3d4c39; border-radius:0; box-shadow:none;
}
body.organization-ui.matchday-ui.street-ui .sidebar .brand { width:160px; min-width:160px; margin:0; padding:0; }
body.organization-ui.matchday-ui.street-ui .sidebar .brand img { width:160px; height:auto; }
body.organization-ui.matchday-ui.street-ui .sidebar .season-card { display:none; }
body.organization-ui.matchday-ui.street-ui .nav-list { display:flex; flex-direction:row; align-items:center; gap:8px; margin:0; }
body.organization-ui.matchday-ui.street-ui .nav-list > .nav-item,
body.organization-ui.matchday-ui.street-ui .nav-more > summary { display:flex; align-items:center; justify-content:center; gap:10px; min-width:108px; min-height:48px; padding:12px 18px; border:0; border-radius:6px; background:transparent; color:#d6dfd0; font:700 15px/1.3 var(--body); }
body.organization-ui.matchday-ui.street-ui .nav-item.is-active,
body.organization-ui.matchday-ui.street-ui .nav-more.is-active > summary { background:var(--bdr-accent); color:#172013; }
body.organization-ui.matchday-ui.street-ui .nav-more { position:relative; }
body.organization-ui.matchday-ui.street-ui .nav-more-menu { position:absolute; top:calc(100% + 12px); bottom:auto; right:0; left:auto; width:260px; padding:8px; background:#222923; color:#f2f5e9; border:1px solid #64745b; border-radius:12px; box-shadow:0 14px 32px #0005; }
body.organization-ui.matchday-ui.street-ui .nav-more-menu .nav-item { width:100%; min-height:46px; color:#f2f5e9; background:transparent; border-radius:6px; }
body.organization-ui.matchday-ui.street-ui .nav-more-menu .nav-item.is-active { background:var(--bdr-accent); color:#172013; }
body.organization-ui.matchday-ui.street-ui .workspace { width:100%; max-width:1280px; min-width:0; margin:0 auto; padding:28px 32px 64px; background:transparent; }
body.organization-ui.matchday-ui.street-ui .topbar { padding:0 0 22px; margin-bottom:0; background:transparent; color:#f2f5e9; border:0; box-shadow:none; }
body.organization-ui.matchday-ui.street-ui .topbar-actions { gap:12px; }
body.organization-ui.matchday-ui.street-ui :is(.user-pill,.account-menu > summary,.sync-indicator) { background:#222923; color:#e1eadc; border:1px solid #526152; border-radius:6px; }
body.organization-ui.matchday-ui.street-ui .account-menu-panel { background:#222923; color:#f2f5e9; border-color:#64745b; }
body.organization-ui.matchday-ui.street-ui .account-menu-panel :is(button,a,small,strong) { color:#f2f5e9; }
body.organization-ui.matchday-ui.street-ui .view-header { margin-bottom:24px; }
body.organization-ui.matchday-ui.street-ui .view-header :is(h2,h3) { color:#f2f5e9; font:800 44px/1 var(--club-display); font-style:italic; text-transform:uppercase; letter-spacing:0; }
body.organization-ui.matchday-ui.street-ui .view-header p { color:#becbbb; }
body.organization-ui.matchday-ui.street-ui .app-shell :is(.tool-surface,.surface,.section-details,.round-details,.my-round-disclosure,.flow-panel,.match-flow-panel,.announcement-row,.payment-panel,.payment-row,.my-round-live-card,.admin-day-panel,.admin-day-task,.hero-panel,.season-surface,.history-card,.season-player-card,.feed-event,.profile-privacy-surface,.profile-edit-surface,.profile-card-surface,.settings-card,.settings-section,.stat-card) {
  background:#222923; color:#f2f5e9; border:1px solid #526152; border-radius:12px; box-shadow:none;
}
body.organization-ui.matchday-ui.street-ui .app-shell :is(.surface-heading,.tool-surface,.section-details,.round-details,.my-round-disclosure,.admin-day-panel,.profile-privacy-surface,.profile-edit-surface,.profile-card-surface,.feed-event,.payment-row) :is(h3,h4,strong,label,summary) { color:#f2f5e9; }
body.organization-ui.matchday-ui.street-ui .app-shell :is(.tool-surface,.section-details,.round-details,.my-round-disclosure,.admin-day-panel,.profile-privacy-surface,.profile-edit-surface,.profile-card-surface,.feed-event,.payment-row) :is(p,small) { color:#becbbb; }
body.organization-ui.matchday-ui.street-ui .app-shell :is(.primary-button,.primary-action,.match-flow-action.is-primary,.home-primary-action) { background:var(--street-lime); color:var(--street-dark); border:1px solid transparent; border-radius:var(--radius-control); min-height:var(--primary-height); padding:13px 18px; font:750 15px/1.35 var(--body); box-shadow:none; }
body.organization-ui.matchday-ui.street-ui .app-shell :is(.light-button,.ghost-button,.home-secondary-action) { background:var(--street-raised); color:var(--street-ink); border:1px solid var(--street-control-line); border-radius:var(--radius-control); min-height:var(--control-height); box-shadow:none; }
body.organization-ui.matchday-ui.street-ui :is(button,input,select,textarea) { font-family:var(--body); }
body.organization-ui.matchday-ui.street-ui .app-shell :is(input,select,textarea) { color-scheme:light; background:#f2f5e9; color:#172013; border:1px solid #849477; border-radius:6px; min-height:48px; font-size:16px; box-shadow:none; caret-color:#172013; }
body.organization-ui.matchday-ui.street-ui .app-shell :is(input,textarea)::placeholder { color:#52624d; }
body.organization-ui.matchday-ui.street-ui .app-shell input[type=checkbox] { min-height:0; accent-color:var(--bdr-accent); }
body.organization-ui.matchday-ui.street-ui .app-shell button:disabled { background:#384237; color:#c1cabc; border-color:#60705a; opacity:1; transform:none; }
body.organization-ui.matchday-ui.street-ui :is(button,a,summary,input,select,textarea):focus-visible { outline:3px solid var(--bdr-accent); outline-offset:4px; box-shadow:0 0 0 2px #141815; }
body.organization-ui.matchday-ui.street-ui .app-shell .status-pill { border-radius:4px; background:#35442e; color:#dbf4c8; border:1px solid #6a805a; }
body.organization-ui.matchday-ui.street-ui .app-shell :is(.section-details,.my-round-disclosure,.round-details) > summary { min-height:56px; padding:16px 20px; color:#f2f5e9; }
/**/
body.organization-ui.matchday-ui.street-ui .app-shell .home-matchday-card { display:grid; grid-template-columns:minmax(0,1fr); gap:0; border:0; border-radius:var(--bdr-radius-panel); background:linear-gradient(90deg,#07110ee8 0%,#07110e70 55%,#07110eaa 100%),linear-gradient(0deg,#07110ef5 0%,transparent 80%),url('/assets/street-arena-v166.webp') center 54%/cover; color:var(--bdr-ink); overflow:hidden; }
body.organization-ui.matchday-ui.street-ui .app-shell .home-matchday-card .home-matchday-main { position:relative; display:grid; grid-template-columns:minmax(0,1.3fr) minmax(240px,.8fr); align-items:center; min-height:0; gap:28px 40px; padding:32px; background:transparent; isolation:isolate; }
body.organization-ui.matchday-ui.street-ui .home-matchday-main::before { content:none; }
body.organization-ui.matchday-ui.street-ui .app-shell .home-matchday-card .club-match-heading { display:flex; align-items:center; gap:24px; min-width:0; margin:0; }
body.organization-ui.matchday-ui.street-ui .app-shell .home-matchday-card .club-match-copy { display:grid; gap:16px; min-width:0; }
body.organization-ui.matchday-ui.street-ui .app-shell .home-matchday-card .match-fixture { display:grid; gap:16px; min-width:0; padding-left:32px; border-left:1px solid #c3d0c83d; }
body.organization-ui.matchday-ui.street-ui .app-shell .home-matchday-card .match-fixture .round-score-summary { margin:0; }
body.organization-ui.matchday-ui.street-ui #appShell .home-matchday-main .club-match-copy>h3 { margin:0; color:var(--bdr-ink); font:700 20px/1.3 var(--body); text-transform:none; }
body.organization-ui.matchday-ui.street-ui #appShell .home-matchday-main .club-match-copy>p:not(.match-club-name) { margin:0; color:var(--bdr-secondary); font:400 14px/1.5 var(--body); }
body.organization-ui.matchday-ui.street-ui .app-shell .home-matchday-card .club-match-emblem { display:grid; place-items:center; flex:0 0 72px; width:72px; height:84px; background:var(--bdr-accent); color:#172013; border-radius:6px 6px 22px 22px; font:800 30px/1 var(--club-display); }
body.organization-ui.matchday-ui.street-ui .app-shell .home-matchday-card .round-ticket-status { display:flex; flex-wrap:wrap; width:100%; align-items:center; justify-content:flex-start; gap:12px; }
body.organization-ui.matchday-ui.street-ui .app-shell .home-matchday-card .round-ticket-status h3 { font:650 14px/1.35 var(--body); color:var(--bdr-secondary); margin:0; }
body.organization-ui.matchday-ui.street-ui .app-shell .home-matchday-card .match-club-name { max-width:16ch; margin:0; color:var(--bdr-ink); font:800 clamp(48px,5.8vw,76px)/.94 var(--club-display); text-transform:uppercase; letter-spacing:-.025em; overflow-wrap:anywhere; }
body.organization-ui.matchday-ui.street-ui .app-shell .home-match-meta { display:grid; grid-template-columns:minmax(0,1fr); align-items:end; gap:16px; margin:0; }
body.organization-ui.matchday-ui.street-ui .app-shell .home-match-meta > div { padding:0; border:0; background:transparent; }
body.organization-ui.matchday-ui.street-ui .app-shell .home-match-meta dt { color:var(--bdr-secondary); font:500 13px/1.4 var(--body); }
body.organization-ui.matchday-ui.street-ui .app-shell .home-match-meta dd { margin-top:6px; color:var(--bdr-ink); font:650 16px/1.4 var(--body); }
body.organization-ui.matchday-ui.street-ui .app-shell .home-match-meta .match-date { display:block; color:var(--bdr-ink); font:600 14px/1.4 var(--body); }
body.organization-ui.matchday-ui.street-ui .app-shell .home-match-meta .match-kickoff { display:block; margin-top:4px; color:var(--bdr-ink); font:800 52px/1 var(--club-display); font-variant-numeric:tabular-nums; letter-spacing:-.015em; }
body.organization-ui.matchday-ui.street-ui .app-shell .round-list-progress { display:block; grid-column:1/-1; gap:0; padding-top:0; margin-top:0; border-top:0; }
body.organization-ui.matchday-ui.street-ui .app-shell .round-list-progress > div { color:var(--bdr-secondary); font-size:14px; }
body.organization-ui.matchday-ui.street-ui .app-shell .round-list-progress strong { color:var(--bdr-ink); font-size:14px; }
body.organization-ui.matchday-ui.street-ui .app-shell .organization-progress { height:4px; background:#52685b; border-radius:2px; margin-top:12px; overflow:hidden; }
body.organization-ui.matchday-ui.street-ui .app-shell .organization-progress i { background:var(--bdr-accent); border-radius:2px; }
body.organization-ui.matchday-ui.street-ui .app-shell .home-status-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(240px,.7fr); align-items:center; gap:16px 32px; padding:24px 32px; border:0; border-top:1px solid #c3d0c83d; border-radius:0; background:#0b1110dc; color:var(--bdr-ink); }
body.organization-ui.matchday-ui.street-ui .app-shell .home-status-body > strong { color:var(--bdr-ink); font:700 clamp(24px,2.5vw,30px)/1.15 var(--body); letter-spacing:-.02em; }
body.organization-ui.matchday-ui.street-ui .app-shell .home-status-body > p { margin:12px 0 0; color:var(--bdr-secondary); font:400 15px/1.5 var(--body); }
body.organization-ui.matchday-ui.street-ui .app-shell .home-status-actions { display:grid; grid-column:2; grid-row:1; gap:10px; }
body.organization-ui.matchday-ui.street-ui .app-shell .home-status-actions > button { width:100%; }
body.organization-ui.matchday-ui.street-ui .app-shell .home-action-options { grid-column:1/-1; margin-top:0; }
body.organization-ui.matchday-ui.street-ui .app-shell .home-action-options > summary { min-height:44px; padding:10px 0; color:var(--bdr-secondary); }
body.organization-ui.matchday-ui.street-ui .app-shell .home-own-participation { grid-column:1/-1; margin:0; border-bottom:0; color:var(--bdr-ink); }
body.organization-ui.matchday-ui.street-ui .app-shell .home-own-participation > summary { min-height:44px; padding:8px 0; }
body.organization-ui.matchday-ui.street-ui .app-shell .home-own-participation strong { color:#f2f5e9; }
body.organization-ui.matchday-ui.street-ui #appShell .event-time { color:#c6d2be; }
body.organization-ui.matchday-ui.street-ui #appShell .home-status-card > .home-own-participation { margin-top:0; border-top:1px solid #c3d0c83d; color:var(--bdr-ink); }
body.organization-ui.matchday-ui.street-ui #appShell .home-status-card > .home-own-participation > summary :is(strong,span,svg) { color:var(--bdr-ink); }
body.organization-ui.matchday-ui.street-ui #appShell .recap-notices-link { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%;  min-height:48px; }
body.organization-ui.matchday-ui.street-ui .app-shell .own-round-participation { background:#222923; border-color:#526152; color:#f2f5e9; }
/**/
body.organization-ui.matchday-ui.street-ui #appShell .own-round-participation h3 { color:var(--street-ink); }
body.organization-ui.matchday-ui.street-ui #appShell .reserve-queue-panel .reserve-queue-heading > div > span { color:var(--street-ink); }
body.organization-ui.matchday-ui.street-ui #appShell .reserve-queue-panel.is-empty :is(span,strong) { color:var(--street-ink); }
body.organization-ui.matchday-ui.street-ui #appShell .reserve-queue-panel.is-empty small { color:var(--street-muted); }
body.organization-ui.matchday-ui.street-ui #appShell .round-social-settings-link { margin-top:12px; max-width:100%; white-space:normal; }
body.organization-ui.matchday-ui.street-ui .app-shell .home-roster-link { padding:18px 2px; margin:0 0 24px; color:#f2f5e9; border-color:#526152; }
body.organization-ui.matchday-ui.street-ui .app-shell .home-roster-link small { color:#becbbb; }
body.organization-ui.matchday-ui.street-ui .app-shell .home-roster-link:hover { background:var(--bdr-surface); }
body.organization-ui.matchday-ui.street-ui .app-shell .home-vestiario-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
body.organization-ui.matchday-ui.street-ui .app-shell .home-vestiario-links > button { position:relative; display:flex; align-items:center; gap:16px; min-height:120px; padding:18px; border:0; border-radius:12px; overflow:hidden; text-align:left; }
body.organization-ui.matchday-ui.street-ui .app-shell .home-vestiario-links .street-locker-link { background:var(--bdr-accent); color:#172013; }
body.organization-ui.matchday-ui.street-ui .street-locker-number { font:800 italic 84px/.9 var(--club-display); color:#172013; letter-spacing:-.02em; }
body.organization-ui.matchday-ui.street-ui .app-shell .home-vestiario-links b { font:800 28px/1 var(--club-display); text-transform:uppercase; color:inherit; }
body.organization-ui.matchday-ui.street-ui .app-shell .home-vestiario-links .street-locker-link small { color:#344729; font-size:14px; }
body.organization-ui.matchday-ui.street-ui .app-shell .home-vestiario-links .street-resenha-link { justify-content:flex-start; background:#372a20 url('/assets/resenha-community.webp') center 45%/cover; color:#fff; isolation:isolate; }
body.organization-ui.matchday-ui.street-ui .street-resenha-link::before { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#101810f5,#1018107a); }
body.organization-ui.matchday-ui.street-ui .street-resenha-copy { display:flex; flex-direction:column; gap:10px; }
body.organization-ui.matchday-ui.street-ui .app-shell .street-resenha-link small { color:#e3ecd9; font-size:13px; }
body.organization-ui.matchday-ui.street-ui .street-link-label { display:flex; align-items:center; gap:12px; color:var(--bdr-accent); font:750 14px/1.4 var(--body); }
body.organization-ui.matchday-ui.street-ui .app-shell .club-resenha-extras { margin-top:18px; padding:0; background:transparent; color:#becbbb; border:0; }
body.organization-ui.matchday-ui.street-ui .app-shell .club-resenha-extras > summary { color:#d4dfcd; }
body.organization-ui.matchday-ui.street-ui .app-shell .club-milestone { border-color:#637359; background:#222923; color:#f2f5e9; }
body.organization-ui.matchday-ui.street-ui .app-shell .club-milestone small { color:#becbbb; }
/**/
body.organization-ui.matchday-ui.street-ui .app-shell #profileSummaryCard { padding:0; background:transparent; border:0; }
body.organization-ui.matchday-ui.street-ui .street-athlete-card { display:block; width:100%; max-width:440px; min-height:450px; padding:24px; margin:0 auto; text-align:left; border:0; border-radius:12px; background:var(--bdr-accent); color:#172013; overflow:hidden; cursor:pointer; }
body.organization-ui.matchday-ui.street-ui .street-card-front,
body.organization-ui.matchday-ui.street-ui .street-card-back { display:flex; flex-direction:column; min-height:402px; }
body.organization-ui.matchday-ui.street-ui .street-athlete-card [hidden] { display:none !important; }
body.organization-ui.matchday-ui.street-ui .street-card-club { display:flex; align-items:center; justify-content:space-between; gap:18px; font:700 14px/1.4 var(--body); }
body.organization-ui.matchday-ui.street-ui .street-card-portrait { display:flex; align-items:center; position:relative; flex:1; min-height:220px; }
body.organization-ui.matchday-ui.street-ui .street-athlete-avatar { position:relative; z-index:1; display:grid; place-items:center; flex:0 0 64%; height:190px; background:#172013; color:var(--bdr-accent); border-radius:90px 90px 14px 14px; font:800 italic 88px/1 var(--club-display); overflow:hidden; }
body.organization-ui.matchday-ui.street-ui .street-athlete-avatar img { width:100%; height:100%; object-fit:cover; }
body.organization-ui.matchday-ui.street-ui .street-card-number { position:absolute; right:0; bottom:34px; font:800 italic 106px/.8 var(--club-display); letter-spacing:-.04em; color:#344e1f; }
body.organization-ui.matchday-ui.street-ui .street-card-name { font:800 italic 48px/.98 var(--club-display); text-transform:uppercase; letter-spacing:-.02em; overflow-wrap:anywhere; }
body.organization-ui.matchday-ui.street-ui .street-card-position { display:block; padding-block:10px 18px; font:600 15px/1.4 var(--body); }
body.organization-ui.matchday-ui.street-ui .street-card-position > span { padding:0 5px; }
body.organization-ui.matchday-ui.street-ui .street-card-tap { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:14px; margin-top:auto; border-top:1px solid #617e40; font:750 14px/1.3 var(--body); }
body.organization-ui.matchday-ui.street-ui .street-card-tap svg { width:20px; height:20px; }
body.organization-ui.matchday-ui.street-ui .app-shell .street-card-back > strong { font:800 italic 54px/1 var(--club-display); text-transform:uppercase; margin:48px 0 24px; color:#172013; }
body.organization-ui.matchday-ui.street-ui .street-card-back > span { color:#172013; }
body.organization-ui.matchday-ui.street-ui .street-card-rule { margin:30px 0; font:400 14px/1.5 var(--body); }
body.organization-ui.matchday-ui.street-ui .app-shell .profile-info-details,
body.organization-ui.matchday-ui.street-ui .app-shell .profile-summary-bio { margin:20px 0 0; padding:18px; background:#222923; color:#becbbb; border:1px solid #526152; border-radius:12px; }
body.organization-ui.matchday-ui.street-ui .app-shell .profile-summary-actions { margin-top:16px; }
body.organization-ui.matchday-ui.street-ui .app-shell .profile-summary-grid article { background:#2d362e; border-color:#526152; color:#f2f5e9; }
/**/
body.organization-ui.matchday-ui.street-ui .app-shell #playerGrid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; border:0; }
body.organization-ui.matchday-ui.street-ui .app-shell #playerGrid .roster-row { min-height:116px; padding:20px; gap:16px; grid-template-columns:56px minmax(0,1fr); background:#222923; color:#f2f5e9; border:1px solid #526152; border-radius:12px; }
body.organization-ui.matchday-ui.street-ui .app-shell #playerGrid .roster-row .sticker-avatar { width:56px; height:66px; font:800 italic 26px/1 var(--club-display); background:#d9e7c8; color:#172013; border:0; border-radius:8px 8px 16px 8px; }
body.organization-ui.matchday-ui.street-ui .app-shell #playerGrid .roster-person h3 { color:#f2f5e9; font:800 24px/1.05 var(--club-display); text-transform:uppercase; }
body.organization-ui.matchday-ui.street-ui .app-shell #playerGrid .roster-person p { color:#becbbb; }
body.organization-ui.matchday-ui.street-ui .app-shell #playerGrid .roster-status { display:inline-block; background:#354333; color:#dce9d3; padding:3px 7px; border-radius:4px; }
body.organization-ui.matchday-ui.street-ui .app-shell #playerGrid .roster-status[data-status=confirmed] { color:#172013; background:var(--bdr-accent); }
body.organization-ui.matchday-ui.street-ui .app-shell #playerGrid .roster-status[data-status=reserve] { color:#24160d; background:#ffb580; }
body.organization-ui.matchday-ui.street-ui .app-shell #playerGrid :is(.roster-actions > summary,.roster-respond) { top:18px; right:16px; color:#f2f5e9; background:#2d362e; border:1px solid #73836a; }
body.organization-ui.matchday-ui.street-ui .app-shell #playerGrid .roster-actions[open] > summary { background:var(--bdr-accent); color:#172013; }
body.organization-ui.matchday-ui.street-ui .app-shell #playerGrid .roster-actions button { color:#f2f5e9; background:#2d362e; border:1px solid #73836a; }
body.organization-ui.matchday-ui.street-ui .app-shell #playerGrid .roster-actions button[aria-pressed=true] { color:#172013; background:var(--bdr-accent); }
body.organization-ui.matchday-ui.street-ui .app-shell .roster-tools .roster-search { background:#f2f5e9; border-color:#849477; color:#172013; }
body.organization-ui.matchday-ui.street-ui .app-shell .roster-status-help { color:#becbbb; }
body.organization-ui.matchday-ui.street-ui .app-shell :is(.attendance-segment-grid,.attendance-tabs) button { background:#222923; border-color:#526152; color:#f2f5e9; }
body.organization-ui.matchday-ui.street-ui .app-shell .attendance-segment-grid button.is-active,
body.organization-ui.matchday-ui.street-ui .app-shell .attendance-tabs button.is-active { background:var(--bdr-accent); color:#172013; }
body.organization-ui.matchday-ui.street-ui .app-shell .attendance-segment-grid button small { color:#becbbb; }
/**/
body.organization-ui.matchday-ui.street-ui .app-shell #view-times .team-column { background:#222923; border:1px solid #526152; border-radius:12px; color:#f2f5e9; overflow:hidden; }
body.organization-ui.matchday-ui.street-ui .app-shell #view-times .team-column > header { background:var(--bdr-accent); color:#172013; border:0; padding:22px; }
body.organization-ui.matchday-ui.street-ui .app-shell #view-times .orange-team > header { background:#ff9a57; }
body.organization-ui.matchday-ui.street-ui .app-shell #view-times .team-column > header :is(h3,span,strong) { color:#172013; }
body.organization-ui.matchday-ui.street-ui .app-shell #view-times .team-player { background:transparent; color:#f2f5e9; border-color:#526152; }
body.organization-ui.matchday-ui.street-ui .app-shell #view-times .team-player :is(strong,small) { color:#f2f5e9; }
body.organization-ui.matchday-ui.street-ui .app-shell #view-times .team-player > i { color:#172013; background:var(--bdr-accent); border-radius:6px; }
body.organization-ui.matchday-ui.street-ui .app-shell #view-times .orange-team .team-player > i { background:#ff9a57; }
body.organization-ui.matchday-ui.street-ui .app-shell #view-recap .match-poster { background:#222923 url('/assets/street-arena-v166.webp') center/cover; color:#f2f5e9; border:0; border-radius:12px; isolation:isolate; position:relative; }
body.organization-ui.matchday-ui.street-ui .app-shell #view-recap .match-poster::before { content:''; position:absolute; inset:0; background:#101710dc; z-index:-1; border-radius:inherit; }
body.organization-ui.matchday-ui.street-ui .app-shell #view-recap .match-poster :is(h3,strong,p,span,small) { color:#f2f5e9; }
body.organization-ui.matchday-ui.street-ui .app-shell .match-flow-panel p,
body.organization-ui.matchday-ui.street-ui .app-shell .my-round-guide small { color:#becbbb; }
body.organization-ui.matchday-ui.street-ui .app-shell .my-round-guide strong { color:#f2f5e9; }
body.organization-ui.matchday-ui.street-ui .app-shell .admin-tabs { background:#222923; border-radius:8px; }
body.organization-ui.matchday-ui.street-ui .app-shell .admin-tabs button { color:#e4eddd; background:transparent; }
body.organization-ui.matchday-ui.street-ui .app-shell .admin-tabs button.is-active { color:#172013; background:var(--bdr-accent); }
@media (max-width:420px) {
  body.organization-ui.matchday-ui.street-ui .app-shell .admin-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-2); }
  body.organization-ui.matchday-ui.street-ui .app-shell .admin-tabs button[data-admin-tab=regras] { grid-column:1 / -1; }
}
body.organization-ui.matchday-ui.street-ui .app-shell .admin-day-task[data-state=active] { background:#36452a; border-color:#81986b; }
body.organization-ui.matchday-ui.street-ui .app-shell .admin-day-task[data-state=done] { background:#2d362e; border-color:#73836a; }
body.organization-ui.matchday-ui.street-ui .app-shell .admin-day-heading button span { color:inherit; }
/**/
body.organization-ui.matchday-ui.street-ui .login-screen { grid-template-columns:minmax(0,1.15fr) minmax(420px,1fr); align-items:center; background:#141815 url('/assets/street-arena-v166.webp') center/cover fixed; isolation:isolate; }
body.organization-ui.matchday-ui.street-ui .login-screen::after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#101710f0,#10171050); pointer-events:none; }
body.organization-ui.matchday-ui.street-ui .login-screen .login-hero { padding:48px; align-self:stretch; display:flex; flex-direction:column; justify-content:center; }
body.organization-ui.matchday-ui.street-ui .login-screen .login-hero h1 { color:#f2f5e9; font:800 italic 72px/.94 var(--club-display); text-transform:uppercase; max-width:11ch; margin-top:40px; }
body.organization-ui.matchday-ui.street-ui .login-screen .login-hero > p:not(.eyebrow) { color:#dce6d6; max-width:34ch; }
body.organization-ui.matchday-ui.street-ui .street-entry-art { display:flex; align-items:flex-end; gap:16px; padding-top:40px; color:var(--bdr-accent); }
body.organization-ui.matchday-ui.street-ui .street-entry-art > span { writing-mode:vertical-rl; transform:rotate(180deg); color:#dce6d6; font:600 13px/1 var(--body); }
body.organization-ui.matchday-ui.street-ui .street-entry-art > strong { color:var(--bdr-accent); font:800 italic 54px/.9 var(--club-display); text-transform:uppercase; }
body.organization-ui.matchday-ui.street-ui .street-entry-art > svg { width:56px; height:56px; }
body.organization-ui.matchday-ui.street-ui .login-screen .login-card { width:calc(100% - 64px); max-width:520px; margin:32px; padding:30px; background:#f2f5e9; color:#172013; border:0; border-radius:12px; color-scheme:light; }
body.organization-ui.matchday-ui.street-ui .login-screen .login-card :is(h2,h3,strong,label) { color:#172013; }
body.organization-ui.matchday-ui.street-ui .login-screen .login-card :is(small,p,label > span) { color:#405237; }
body.organization-ui.matchday-ui.street-ui .login-screen .login-card :is(input,select,textarea) { color-scheme:light; background:#fff; color:#172013; border-color:#809174; border-radius:6px; font-size:16px; }
body.organization-ui.matchday-ui.street-ui .login-screen .login-card .login-choice-bar button { background:#fff; color:#172013; border:1px solid #809174; border-radius:6px; min-height:74px; }
body.organization-ui.matchday-ui.street-ui .login-screen .login-card .login-choice-bar [data-entry-choice=invite] { background:var(--bdr-accent); border-color:#617e40; }
body.organization-ui.matchday-ui.street-ui .login-screen .login-card .primary-button,
body.organization-ui.matchday-ui.street-ui .login-screen .account-created-panel > div button:first-child { color:#172013; background:var(--bdr-accent); border:1px solid #617e40; border-radius:6px; }
body.organization-ui.matchday-ui.street-ui .login-screen .sports-invite { background:#222923; color:#f2f5e9; border:0; border-radius:12px; }
body.organization-ui.matchday-ui.street-ui .login-screen .sports-invite :is(p,h3,dd,dt) { color:#f2f5e9; }
body.organization-ui.matchday-ui.street-ui .login-screen .sports-invite #invitePreviewTitle { font:800 italic 40px/.98 var(--club-display); text-transform:uppercase; color:var(--bdr-accent); }
body.organization-ui.matchday-ui.street-ui .login-screen .account-created-panel { background:#e3edda; color:#172013; border-color:#809174; }
body.organization-ui.matchday-ui.street-ui .login-screen #connectedAccountEmail { color:#405237; }
body.organization-ui.matchday-ui.street-ui .login-screen :is(.login-feature-strip,.login-preview-row,.login-orbit) { display:none; }
/**/
@media(prefers-reduced-motion:no-preference) {
 body.organization-ui.matchday-ui.street-ui :is(button,a,summary) { transition:background-color 160ms ease-out,color 160ms ease-out,border-color 160ms ease-out; }
 body.organization-ui.matchday-ui.street-ui .street-athlete-card.is-card-turning { animation:street-card-turn 340ms cubic-bezier(.16,1,.3,1); transform-origin:center; }
 body.organization-ui.matchday-ui.street-ui .app-shell :is(.home-primary-action,.primary-button):active { transform:translateY(2px); }
 @keyframes street-card-turn { 0% { transform:perspective(900px) rotateY(-12deg) scale(.97); filter:brightness(.8); } 100% { transform:perspective(900px) rotateY(0) scale(1); filter:brightness(1); } }
}
@media(max-width:1060px) {
 body.organization-ui.matchday-ui.street-ui .app-shell .home-matchday-card { grid-template-columns:minmax(0,1fr); }
 body.organization-ui.matchday-ui.street-ui .app-shell .home-matchday-card .match-club-name { font-size:56px; }
 body.organization-ui.matchday-ui.street-ui .sidebar { padding-inline:24px; }
 body.organization-ui.matchday-ui.street-ui .workspace { padding-inline:24px; }
 body.organization-ui.matchday-ui.street-ui .login-screen { grid-template-columns:minmax(0,1fr) minmax(390px,1fr); }
 body.organization-ui.matchday-ui.street-ui .login-screen .login-hero { padding:28px; }
 body.organization-ui.matchday-ui.street-ui .login-screen .login-hero h1 { font-size:58px; }
}
@media(max-width:760px) {
 body.organization-ui.matchday-ui.street-ui .sidebar { position:fixed; top:auto; bottom:0; left:0; right:0; min-height:0; width:100%; padding:6px 12px calc(6px + env(safe-area-inset-bottom)); border-top:1px solid #64745b; border-bottom:0; border-radius:0; }
 body.organization-ui.matchday-ui.street-ui .sidebar .brand { display:none; }
 body.organization-ui.matchday-ui.street-ui .nav-list { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; width:100%; }
 body.organization-ui.matchday-ui.street-ui .nav-list > .nav-item,
 body.organization-ui.matchday-ui.street-ui .nav-more > summary { flex-direction:column; gap:5px; min-width:0; width:100%; min-height:54px; padding:7px 2px; border-radius:6px; font-size:12px; }
 body.organization-ui.matchday-ui.street-ui .nav-more-menu { top:auto; bottom:calc(100% + 14px); right:0; width:min(290px,calc(100vw - 24px)); }
 body.organization-ui.matchday-ui.street-ui .workspace { padding:18px 16px calc(100px + env(safe-area-inset-bottom)); }
 body.organization-ui.matchday-ui.street-ui .topbar { gap:10px; padding-bottom:18px; }
 body.organization-ui.matchday-ui.street-ui .topbar-actions { gap:6px; }
 body.organization-ui.matchday-ui.street-ui .topbar-actions .user-pill { max-width:155px; }
 body.organization-ui.matchday-ui.street-ui .view-header :is(h2,h3) { font-size:36px; }
 body.organization-ui.matchday-ui.street-ui .app-shell .home-matchday-card { grid-template-columns:minmax(0,1fr); }
 body.organization-ui.matchday-ui.street-ui .app-shell .home-matchday-card .home-matchday-main { grid-template-columns:minmax(0,1fr); min-height:0; gap:20px; padding:24px; }
 body.organization-ui.matchday-ui.street-ui .app-shell .home-matchday-card .match-club-name { font-size:clamp(34px,9.5vw,44px); max-width:16ch; margin:0; }
 body.organization-ui.matchday-ui.street-ui .app-shell .home-matchday-card .club-match-heading { gap:16px; margin:0; }
 body.organization-ui.matchday-ui.street-ui .app-shell .home-matchday-card .club-match-copy { gap:10px; }
 body.organization-ui.matchday-ui.street-ui .app-shell .home-matchday-card .club-match-emblem { flex-basis:48px; width:48px; height:56px; font-size:24px; border-radius:5px 5px 16px 16px; }
 body.organization-ui.matchday-ui.street-ui .app-shell .home-matchday-card .match-fixture { gap:12px; padding:0; border:0; }
 body.organization-ui.matchday-ui.street-ui .app-shell .home-match-meta { grid-template-columns:1.1fr 1fr; gap:16px; margin:0; }
 body.organization-ui.matchday-ui.street-ui .app-shell .home-match-meta .match-kickoff { font-size:36px; }
 body.organization-ui.matchday-ui.street-ui .app-shell .home-status-card { grid-template-columns:minmax(0,1fr); padding:20px 24px 24px; gap:16px; }
 body.organization-ui.matchday-ui.street-ui .app-shell .home-status-actions { grid-column:1; grid-row:auto; }
 body.organization-ui.matchday-ui.street-ui .app-shell .home-status-body > strong { font-size:23px; }
 body.organization-ui.matchday-ui.street-ui .app-shell .home-status-body > p { font-size:15px; margin-top:8px; }
 body.organization-ui.matchday-ui.street-ui .app-shell .home-vestiario-links { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 body.organization-ui.matchday-ui.street-ui .app-shell .home-vestiario-links > button { min-height:124px; padding:16px; }
 body.organization-ui.matchday-ui.street-ui .app-shell .home-vestiario-links .street-locker-link { min-height:124px; }
 body.organization-ui.matchday-ui.street-ui .street-locker-number { font-size:64px; }
 body.organization-ui.matchday-ui.street-ui .app-shell #playerGrid { grid-template-columns:minmax(0,1fr); gap:10px; }
 body.organization-ui.matchday-ui.street-ui .app-shell #playerGrid .roster-row { padding:16px; grid-template-columns:48px minmax(0,1fr); gap:12px; min-height:104px; }
 body.organization-ui.matchday-ui.street-ui .app-shell #playerGrid .roster-row .sticker-avatar { width:48px; height:60px; font-size:24px; }
 body.organization-ui.matchday-ui.street-ui .app-shell #playerGrid .roster-person h3 { font-size:22px; }
 body.organization-ui.matchday-ui.street-ui .app-shell #playerGrid .roster-actions > summary { top:16px; right:12px; }
 body.organization-ui.matchday-ui.street-ui .street-athlete-card { min-height:430px; padding:22px; }
 body.organization-ui.matchday-ui.street-ui .street-card-front,body.organization-ui.matchday-ui.street-ui .street-card-back { min-height:386px; }
 body.organization-ui.matchday-ui.street-ui .street-card-name { font-size:42px; }
 body.organization-ui.matchday-ui.street-ui .street-card-number { font-size:90px; }
 body.organization-ui.matchday-ui.street-ui .login-screen { display:flex; flex-direction:column; padding:0; background-attachment:scroll; }
 body.organization-ui.matchday-ui.street-ui .login-screen .login-hero { width:100%; padding:26px 22px; min-height:280px; }
 body.organization-ui.matchday-ui.street-ui .login-screen .login-hero h1 { font-size:44px; margin:24px 0 14px; max-width:14ch; }
 body.organization-ui.matchday-ui.street-ui .login-screen .login-hero > p:not(.eyebrow) { font-size:14px; margin:0; }
 body.organization-ui.matchday-ui.street-ui .street-entry-art { display:none; }
 body.organization-ui.matchday-ui.street-ui .login-screen .login-card { width:calc(100% - 32px); margin:0 16px 32px; padding:24px; }
 body.organization-ui.matchday-ui.street-ui .login-screen .login-card h2 { font-size:30px; }
}
/**/
body.organization-ui.matchday-ui.street-ui { --text-primary:#f2f5e9; --text-secondary:#d8e2d0; --text-tertiary:#c8d5bf; --text-muted:#becbbb; --muted:#becbbb; }
body.organization-ui.matchday-ui.street-ui .sidebar .nav-list { width:auto; flex:0 1 auto; }
body.organization-ui.matchday-ui.street-ui .sidebar .nav-list > * { flex:0 0 auto; width:auto; }
body.organization-ui.matchday-ui.street-ui #appShell :is(.tool-surface,.section-details,.round-details,.my-round-disclosure,.match-flow-panel,.profile-card-surface,.admin-day-panel,.reserve-queue-panel) :where(h2,h3,h4,strong,summary,label) { color:#f2f5e9; }
body.organization-ui.matchday-ui.street-ui #appShell :is(.tool-surface,.section-details,.round-details,.my-round-disclosure,.match-flow-panel,.profile-card-surface,.admin-day-panel,.reserve-queue-panel) :where(p,small,.ledger-note) { color:#becbbb; }
body.organization-ui.matchday-ui.street-ui #appShell .surface-note { color:#becbbb; }
body.organization-ui.matchday-ui.street-ui #appShell :where(.section-details,.my-round-disclosure,.round-details,.flow-details) > summary :where(span,strong) { color:#e5eedb; }
body.organization-ui.matchday-ui.street-ui #appShell .view-header { border-color:#46533f; }
body.organization-ui.matchday-ui.street-ui #topbarMeta { display:block; color:#becbbb; margin:6px 0 0; font:400 13px/1.4 var(--body); }

body.organization-ui.matchday-ui.street-ui #appShell .home-roster-link { background:transparent; border:0; border-bottom:1px solid #526152; border-radius:0; padding:20px 0; }
body.organization-ui.matchday-ui.street-ui #appShell .home-roster-link > svg:first-child { background:#2d362e; color:var(--bdr-accent); }
body.organization-ui.matchday-ui.street-ui #appShell .my-round-feedback :where(span,strong) { color:#d6e8c6; }
body.organization-ui.matchday-ui.street-ui #appShell .my-round-quick-grid { border-color:#526152; }
body.organization-ui.matchday-ui.street-ui #appShell .my-round-quick-grid > button { background:#222923; border:1px solid #526152; border-radius:12px; color:#f2f5e9; }
body.organization-ui.matchday-ui.street-ui #appShell .my-round-quick-grid :where(span,small) { color:#becbbb; }
body.organization-ui.matchday-ui.street-ui #appShell .my-round-quick-grid strong { color:#f2f5e9; }
body.organization-ui.matchday-ui.street-ui #appShell .home-vestiario-links .street-locker-link :where(b,strong,small,span) { color:#172013; }
body.organization-ui.matchday-ui.street-ui #appShell .my-round-disclosure > summary span { display:block; }
body.organization-ui.matchday-ui.street-ui #appShell .match-flow-main > div > strong { color:#f2f5e9; }
body.organization-ui.matchday-ui.street-ui #appShell .match-flow-main > div > span { display:none; }
body.organization-ui.matchday-ui.street-ui #appShell .flow-details summary { color:#d9e6ce; }
body.organization-ui.matchday-ui.street-ui #appShell .match-flow-grid article { background:#2d362e; color:#f2f5e9; border-color:#526152; }
body.organization-ui.matchday-ui.street-ui #appShell .status-pill { color:#dbf4c8; }
body.organization-ui.matchday-ui.street-ui #appShell .team-column > span { color:var(--bdr-accent); font:800 italic 38px/1 var(--club-display); text-transform:uppercase; }
body.organization-ui.matchday-ui.street-ui #appShell .orange-team > span { color:#ff9a57; }
body.organization-ui.matchday-ui.street-ui #appShell .team-column > h3 { color:#becbbb; }
body.organization-ui.matchday-ui.street-ui #appShell .versus { color:#e4eddd; }
body.organization-ui.matchday-ui.street-ui #appShell #playerGrid { background:transparent; padding:0; box-shadow:none; }
body.organization-ui.matchday-ui.street-ui #appShell #playerGrid .roster-row[data-status=out] { opacity:1; background:#1d231e; }
body.organization-ui.matchday-ui.street-ui #rosterSearchStatus { color:#becbbb; }
body.organization-ui.matchday-ui.street-ui #appShell .roster-tools .roster-search > input { margin:0; box-shadow:none; }
/**/
body.organization-ui.matchday-ui.street-ui #appShell .roster-tools .roster-search:focus-within { outline:3px solid var(--street-lime); outline-offset:3px; box-shadow:none; }
body.organization-ui.matchday-ui.street-ui #appShell .roster-tools .roster-search > input:focus-visible { outline:none; box-shadow:none; }
body.organization-ui.matchday-ui.street-ui #appShell .roster-row .sticker-avatar { box-shadow:none; }
body.organization-ui.matchday-ui.street-ui #appShell .profile-layout { align-items:start; }
body.organization-ui.matchday-ui.street-ui #appShell .profile-layout > * { min-width:0; width:100%; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .street-card-back > strong { color:#172013; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .street-athlete-card[aria-pressed=true] { background:#ffb580; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .street-athlete-card .street-card-tap { color:#172013; }
body.organization-ui.matchday-ui.street-ui #appShell :where(.finance-summary,.player-finance-card,.season-hero-panel) { background:#222923; color:#f2f5e9; border:1px solid #526152; border-radius:12px; }
body.organization-ui.matchday-ui.street-ui #appShell .finance-summary :where(dt,dd,span,small) { color:#f2f5e9; }
body.organization-ui.matchday-ui.street-ui #appShell :where(.amount-chip,.amount-chip strong,.amount-chip span) { color:#172013; }
body.organization-ui.matchday-ui.street-ui #appShell .payment-list .payment-row { background:#2d362e; border-color:#526152; color:#f2f5e9; }
body.organization-ui.matchday-ui.street-ui #appShell .feed-event :where(small,p) { color:#becbbb; }
body.organization-ui.matchday-ui.street-ui .login-screen .login-card .sports-invite #invitePreviewText { color:#d8e4ce; }
body.organization-ui.matchday-ui.street-ui .login-screen .login-card :is(button,input,a):focus-visible { outline-color:#355321; box-shadow:0 0 0 2px #f2f5e9; }
body.organization-ui.matchday-ui.street-ui .login-screen .login-card .invite-intent .is-active { background:#273d1f; color:#fff; }
body.organization-ui.matchday-ui.street-ui #appShell .app-sync-alert { color:#231a0e; }
@media(min-width:761px) {
 body.organization-ui.matchday-ui.street-ui .sidebar .nav-list > .nav-item { width:auto; }
}
@media(max-width:760px) {
 body.organization-ui.matchday-ui.street-ui .sidebar .nav-list { width:100%; flex:1; }
 body.organization-ui.matchday-ui.street-ui .sidebar .nav-list > * { width:100%; min-width:0; }
 body.organization-ui.matchday-ui.street-ui #appShell .profile-layout { display:flex; flex-direction:column; align-items:stretch; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .street-athlete-card { width:100%; max-width:none; }
 body.organization-ui.matchday-ui.street-ui #appShell .home-vestiario-links .street-locker-link { flex-direction:row; }
 body.organization-ui.matchday-ui.street-ui #appShell .home-vestiario-links .street-locker-link .street-locker-number { font-size:64px; }
}
body.organization-ui.matchday-ui.street-ui #appShell .home-support-grid { border-color:#526152; }
body.organization-ui.matchday-ui.street-ui #appShell .home-support-grid > button { background:#222923; border:1px solid #526152;  color:#f2f5e9; }
body.organization-ui.matchday-ui.street-ui #appShell .home-support-grid :where(span,small) { color:#becbbb; }
body.organization-ui.matchday-ui.street-ui #appShell .home-support-grid strong { color:#f2f5e9; }
/**/
body.organization-ui.matchday-ui.street-ui #appShell #profileSummaryCard { display:block; grid-template-columns:none; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .street-athlete-card {
 --athlete-bg:var(--bdr-accent); --athlete-back:#ffb580; --athlete-ink:#172013;
 --athlete-portrait:#172013; --athlete-photo-ink:var(--bdr-accent); --athlete-mark:#344e1f; --athlete-line:#617e40;
 background:var(--athlete-bg); color:var(--athlete-ink);
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .street-athlete-card[data-street-theme=orange] { --athlete-bg:#ffb580; --athlete-back:#f5d2b8; --athlete-mark:#70411f; --athlete-photo-ink:#ffb580; --athlete-line:#93603b; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .street-athlete-card[data-street-theme=blue] { --athlete-bg:#bcd6ff; --athlete-back:#9ebfe8; --athlete-ink:#122840; --athlete-portrait:#122840; --athlete-photo-ink:#bcd6ff; --athlete-mark:#365b83; --athlete-line:#5e7da5; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .street-athlete-card[data-street-theme=night] { --athlete-bg:#27342a; --athlete-back:#3c4c3d; --athlete-ink:#f2f5e9; --athlete-portrait:var(--bdr-accent); --athlete-photo-ink:#172013; --athlete-mark:var(--bdr-accent); --athlete-line:#829a76; border:1px solid #829a76; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .street-athlete-card[aria-pressed=true] { background:var(--athlete-back); }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .street-athlete-card :is(.street-card-club,.street-card-name,.street-card-position,.street-card-back > strong,.street-card-back > span,.street-card-tap) { color:var(--athlete-ink); }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .street-athlete-card .street-athlete-avatar { background:var(--athlete-portrait); color:var(--athlete-photo-ink); }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .street-athlete-card .street-card-number { color:var(--athlete-mark); }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .street-athlete-card .street-card-tap { border-color:var(--athlete-line); }
body.organization-ui.matchday-ui.street-ui:not(.arena-ui) #appShell .nav-more > summary.is-active,
body.organization-ui.matchday-ui.street-ui:not(.arena-ui) #appShell .nav-more[open] > summary { color:#172013; background:var(--bdr-accent); }
body.organization-ui.matchday-ui.street-ui:not(.arena-ui) #appShell .nav-more > summary.is-active :is(span,svg),
body.organization-ui.matchday-ui.street-ui:not(.arena-ui) #appShell .nav-more[open] > summary :is(span,svg) { color:#172013; }
body.organization-ui.matchday-ui.street-ui:not(.arena-ui) #appShell .nav-more > summary.is-active:is(:hover,:focus-visible),
body.organization-ui.matchday-ui.street-ui:not(.arena-ui) #appShell .nav-more[open] > summary:is(:hover,:focus-visible) { background:var(--bdr-accent-hover); color:#172013; }
body.organization-ui.matchday-ui.street-ui #appShell .nav-more-menu .nav-item.is-active :is(span,svg) { color:inherit; }
body.organization-ui.matchday-ui.street-ui #appShell form label,
body.organization-ui.matchday-ui.street-ui #appShell form label > span { color:#e0e9d9; }
body.organization-ui.matchday-ui.street-ui #appShell .season-xp-label { color:#becbbb; }
body.organization-ui.matchday-ui.street-ui #appShell .season-xp-meter #seasonTrustScore { color:#f2f5e9; }
body.organization-ui.matchday-ui.street-ui #appShell .feed-event em { color:#becbbb; font:400 14px/1.45 var(--body); }
body.organization-ui.matchday-ui.street-ui #appShell .versus-card :is(span,strong),
body.organization-ui.matchday-ui.street-ui #appShell #balanceLabel { color:#e0e9d9; }
body.organization-ui.matchday-ui.street-ui #appShell :is(.attendance-board-heading,.reserve-queue-heading) > div > span { color:#d8e5ca; }
body.organization-ui.matchday-ui.street-ui #appShell .attendance-avatar { background:var(--bdr-accent); color:#172013; }
body.organization-ui.matchday-ui.street-ui #appShell :is(.attendance-segment-grid button,.my-round-live-card) > :is(span,strong) { color:#f2f5e9; }
body.organization-ui.matchday-ui.street-ui #appShell :is(.attendance-segment-grid button,.my-round-live-card) small { color:#becbbb; }
body.organization-ui.matchday-ui.street-ui #appShell :is(.profile-photo-control,.share-card,.story-card-preview,.reserve-queue-list > li,.whatsapp-template-grid > button,.ledger-row,.public-media-empty,.reserve-manual-notice) { background:#edf2e5; color:#172013; border-color:#8b9b7f; }
body.organization-ui.matchday-ui.street-ui #appShell :is(.profile-photo-control,.share-card,.story-card-preview,.reserve-queue-list > li,.whatsapp-template-grid > button,.ledger-row,.public-media-empty,.reserve-manual-notice) :is(h3,h4,strong,p,small,label,label > span,span,em) { color:#172013; }
body.organization-ui.matchday-ui.street-ui #appShell :is(.profile-photo-control,.reserve-manual-notice) :is(.ghost-button,.light-button) :is(span,svg) { color:#f2f5e9; }
body.organization-ui.matchday-ui.street-ui #appShell :is(#recapPublishStatus,#storyCardCaption) { background:#edf2e5; color:#405237; border-color:#8b9b7f; }
body.organization-ui.matchday-ui.street-ui #appShell .story-card-tabs button { color:#f2f5e9; background:#2d362e; border-color:#73836a; }
body.organization-ui.matchday-ui.street-ui #appShell .story-card-tabs button.is-active { color:#172013; background:var(--bdr-accent); }
body.organization-ui.matchday-ui.street-ui #appShell .section-details-actions button :is(span,svg) { color:inherit; }
body.organization-ui.matchday-ui.street-ui #appShell .feed-event { background:transparent; border:0; border-bottom:1px solid #526152; border-radius:0; padding:22px 0; margin:0; box-shadow:none; }
body.organization-ui.matchday-ui.street-ui #appShell .feed-event:last-child { border-bottom:0; }
@media(max-width:760px) {
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileSummaryCard .street-athlete-card { width:100%; max-width:none; }
}
body.organization-ui.matchday-ui.street-ui #appShell .section-details > summary { background:#222923; color:#f2f5e9; }
body.organization-ui.matchday-ui.street-ui #appShell .section-details > summary :is(span,strong) { color:#e5eedb; }
body.organization-ui.matchday-ui.street-ui #appShell :is(.profile-extra-fields,.public-media-form) label:has(input[type=checkbox]) { background:#edf2e5; color:#172013; }
body.organization-ui.matchday-ui.street-ui #appShell :is(.profile-extra-fields,.public-media-form) label:has(input[type=checkbox]) > span { color:#172013; }
body.organization-ui.matchday-ui.street-ui #appShell #view-time .view-header summary { color:#d9e6ce; }

body.organization-ui.matchday-ui.street-ui .app-shell .home-status-body { grid-column:1; gap:0; }
/**/
body.organization-ui.matchday-ui.street-ui .locker-room { margin:0 0 18px; }
body.organization-ui.matchday-ui.street-ui .app-shell .organization-story { padding:0; margin:22px 0; border:0; }

body.organization-ui.matchday-ui.street-ui .app-shell .home-status-card .my-round-feedback { grid-column:1/-1; margin:0; }
body.organization-ui.matchday-ui.street-ui .locker-room-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
body.organization-ui.matchday-ui.street-ui .locker-room-heading h3 { color:var(--bdr-ink); margin:0; font:700 22px/1.2 var(--body); text-transform:none; }
body.organization-ui.matchday-ui.street-ui .locker-room-heading button { display:flex; align-items:center; gap:8px; min-height:44px; padding:8px; border:0; background:transparent; color:var(--bdr-accent); font-size:14px; }
body.organization-ui.matchday-ui.street-ui .locker-room-heading svg { width:16px; height:16px; }
body.organization-ui.matchday-ui.street-ui .locker-lineup { display:flex; gap:10px; overflow-x:auto; padding-bottom:8px; scroll-snap-type:x proximity; }
body.organization-ui.matchday-ui.street-ui .locker-athlete { display:flex; flex:1 0 116px; max-width:180px; flex-direction:column; align-items:center; gap:6px; min-width:0; padding:16px 10px 12px; background:#222923; color:#f2f5e9; border:1px solid #526152; border-radius:12px; scroll-snap-align:start; }
body.organization-ui.matchday-ui.street-ui .locker-athlete strong { max-width:100%; font:700 15px/1.3 var(--body); text-align:center; overflow-wrap:anywhere; }
body.organization-ui.matchday-ui.street-ui .locker-athlete small { color:#becbbb; font-size:12px; }
body.organization-ui.matchday-ui.street-ui .locker-jersey { position:relative; display:block; flex:0 0 auto; width:80px; height:92px; color:var(--bdr-accent); }
body.organization-ui.matchday-ui.street-ui .locker-jersey > svg { display:block; width:100%; height:100%; }
body.organization-ui.matchday-ui.street-ui .locker-jersey > b { position:absolute; top:38%; left:10%; width:80%; text-align:center; color:#172013; font:800 26px/1 var(--club-display); }
/**/
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .street-athlete-card .locker-jersey.is-card-jersey { width:170px; height:220px; color:var(--athlete-ink); --jersey-seam:var(--athlete-line); }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .street-athlete-card .locker-jersey.is-card-jersey > b { color:var(--athlete-bg); font-size:56px; }
body.organization-ui.matchday-ui.street-ui .locker-jersey img { display:block; width:100%; height:100%; object-fit:cover; border-radius:6px; }
body.organization-ui.matchday-ui.street-ui .locker-more { flex:0 0 80px; align-self:center; display:grid; gap:6px; min-height:100px; padding:12px; background:transparent; color:#d8e2d0; border:0; }
body.organization-ui.matchday-ui.street-ui .locker-more strong { font:800 30px/1 var(--club-display); }
body.organization-ui.matchday-ui.street-ui .locker-empty { display:flex; align-items:center; gap:18px; padding:12px 0; }
body.organization-ui.matchday-ui.street-ui .locker-empty strong { color:#f2f5e9; }
body.organization-ui.matchday-ui.street-ui .locker-empty p { color:#becbbb; font-size:14px; max-width:40ch; margin:6px 0; }
body.organization-ui.matchday-ui.street-ui .home-vestiario-links .is-personal { color:#172013; --jersey-seam:#738f57; width:64px; height:76px; }
body.organization-ui.matchday-ui.street-ui .home-vestiario-links .is-personal > b { color:var(--bdr-accent) !important; font-size:24px; }
body.organization-ui.matchday-ui.street-ui .app-shell .organization-milestones { gap:10px; }
body.organization-ui.matchday-ui.street-ui .app-shell .club-milestone[data-earned=true] { background:#304522; border-color:#89b862; }
body.organization-ui.matchday-ui.street-ui .club-milestone[data-earned=true] > svg { color:var(--bdr-accent); }
body.organization-ui.matchday-ui.street-ui .profile-photo-picker { position:relative; display:inline-flex; margin:8px 8px 8px 0; }
body.organization-ui.matchday-ui.street-ui #appShell .profile-photo-picker input { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; }
body.organization-ui.matchday-ui.street-ui .profile-photo-picker > span { display:flex; align-items:center; gap:8px; min-height:44px; padding:10px 14px; background:#2d362e; color:#f2f5e9; border:1px solid #73836a; border-radius:6px; }
body.organization-ui.matchday-ui.street-ui .profile-photo-picker svg { width:18px; height:18px; }
body.organization-ui.matchday-ui.street-ui .profile-photo-picker:focus-within { outline:3px solid var(--bdr-accent); outline-offset:4px; }
body.organization-ui.matchday-ui.street-ui .login-screen .login-card :is(.ghost-button,.light-button) { color:#172013; background:#eef2e8; border:1px solid #809174; min-height:44px; }
body.organization-ui.matchday-ui.street-ui .login-screen .login-card :is(.ghost-button,.light-button):hover { background:#dce8d2; }
body.organization-ui.matchday-ui.street-ui .login-screen .login-card :is(.ghost-button,.light-button):disabled { color:#52624b; background:#e3e8dc; border-color:#8b9b7f; }
body.organization-ui.matchday-ui.street-ui .login-screen:has(.has-invite-link) .login-hero { min-height:0; padding:20px 24px; justify-content:flex-start; }
body.organization-ui.matchday-ui.street-ui .login-screen:has(.has-invite-link) .street-entry-art { display:none; }
@media(prefers-reduced-motion:no-preference) {
 body.organization-ui.matchday-ui.street-ui .club-milestone[data-celebrate=true] > svg { animation:locker-stamp 360ms cubic-bezier(.16,1,.3,1); }
 body.organization-ui.matchday-ui.street-ui .locker-athlete:active .locker-jersey { transform:scale(.94); }
 @keyframes locker-stamp { from { transform:scale(1.35) rotate(-12deg); opacity:.5; } to { transform:scale(1); opacity:1; } }
}
@media(max-width:760px) {
 body.organization-ui.matchday-ui.street-ui .app-shell .home-vestiario-links > button { flex-direction:column; align-items:flex-start; gap:10px; }
 body.organization-ui.matchday-ui.street-ui .app-shell .home-vestiario-links .street-locker-link { flex-direction:row; flex-wrap:wrap; align-content:center; }
 body.organization-ui.matchday-ui.street-ui .home-vestiario-links .is-personal { width:44px; height:52px; }
 body.organization-ui.matchday-ui.street-ui .home-vestiario-links .is-personal > b { font-size:17px; }
 body.organization-ui.matchday-ui.street-ui .app-shell .home-vestiario-links b { font-size:26px; }
 body.organization-ui.matchday-ui.street-ui .app-shell .home-vestiario-links small { margin-top:5px; font-size:13px; }
 body.organization-ui.matchday-ui.street-ui .app-shell .street-resenha-copy { gap:5px; }
 body.organization-ui.matchday-ui.street-ui .app-shell .street-link-label { font-size:13px; }
 body.organization-ui.matchday-ui.street-ui .login-screen:has(.has-invite-link) .login-hero { width:100%; padding:20px 22px 16px; min-height:0; }
 body.organization-ui.matchday-ui.street-ui .login-screen:has(.has-invite-link) .login-hero :is(h1,p,.login-hero-art,.login-proof-strip) { display:none; }
}

/**/
.patota-crest, .card-club-crest, .club-match-emblem { position:relative; display:inline-grid; place-items:center; flex-shrink:0; overflow:hidden; }
.patota-crest { width:48px; height:52px; background:var(--street-lime,var(--bdr-accent)); color:#172013; border-radius:6px; font-weight:800; }
.patota-crest img, .card-club-crest img, .club-match-emblem img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; background:#edf2e5; padding:3px; }
.card-club-crest { width:36px; height:40px; font-size:15px; line-height:1; border:1px solid var(--athlete-line); border-radius:4px; }
.locker-club { display:flex; align-items:center; gap:12px; min-width:0; }
.locker-club>div { min-width:0; }
.locker-club p { margin:4px 0 0; color:#becbbb; font-size:13px; overflow-wrap:anywhere; }
.locker-room-heading { gap:12px; }
.locker-room-heading h3 { margin:0; }
.locker-room-heading>button { flex-shrink:0; min-height:44px; }
.locker-athlete { min-width:112px; }
body.organization-ui.matchday-ui.street-ui .locker-athlete .locker-jersey.has-photo { width:100%; max-width:136px; height:auto; aspect-ratio:1; }
.locker-jersey { position:relative; }
.locker-jersey .identity-fallback { display:block; width:100%; height:100%; }
.locker-jersey .identity-fallback svg { width:100%; height:100%; }
.locker-jersey .identity-fallback>b { position:absolute; inset:38% 0 auto; font:800 26px/1 var(--club-display); color:#172013; text-align:center; }
.locker-jersey img { position:absolute; inset:0; object-position:center; }
.locker-jersey.has-photo :is(.identity-fallback,.athlete-placeholder) { visibility:hidden; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .street-athlete-card .locker-jersey.is-card-jersey.has-photo { width:200px; height:220px; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .street-athlete-card .locker-jersey.is-card-jersey .identity-fallback>b { color:var(--athlete-bg); font-size:56px; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .street-athlete-card .locker-jersey.is-card-jersey img { border-radius:8px; object-position:center; }
.player-avatar, .attendance-avatar, .reserve-queue-avatar, .sticker-avatar, .home-ranking-avatar { position:relative; }
:is(.player-avatar,.attendance-avatar,.reserve-queue-avatar,.sticker-avatar,.home-ranking-avatar).has-photo>.identity-fallback { visibility:hidden; }
:is(.player-avatar,.attendance-avatar,.reserve-queue-avatar,.sticker-avatar,.home-ranking-avatar)>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-radius:inherit; }
.profile-photo-editor { padding:18px; background:#222923; color:#f2f5e9; border:1px solid #73836a; border-radius:12px; }
.profile-photo-editor[hidden] { display:none; }
.profile-photo-editor h3 { margin:0 0 8px; font-size:26px; }
.profile-photo-editor p { margin:8px 0 14px; font-size:14px; color:#becbbb; }
#profilePhotoCropPreview { width:160px; height:160px; display:block; object-fit:cover; border-radius:8px; margin:16px auto; }
.photo-crop-sliders { display:grid; gap:12px; }
#profileForm .photo-crop-sliders label { display:grid; gap:4px; color:#f2f5e9; }
#profileForm .photo-crop-sliders input[type=range] { width:100%; height:44px; min-height:44px; padding:0; accent-color:var(--bdr-accent); background:transparent; border:0; }
.photo-crop-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:16px; }
.photo-crop-actions>button { flex:1 1 140px; min-height:44px; }
@media(max-width:480px) {
 .locker-club { gap:8px; }
 .locker-club .patota-crest { width:38px; height:44px; }
 .locker-room-heading h3 { font-size:20px; }
 .locker-room-heading>button { font-size:13px; }
}

body.organization-ui.matchday-ui.street-ui .home-vestiario-links .is-personal .identity-fallback>b { color:var(--bdr-accent); font-size:24px; }
.profile-photo-preview { position:relative; }
.profile-photo-preview.has-photo>.identity-fallback { visibility:hidden; }
.profile-photo-preview>img { position:absolute; inset:0; }

/**/
body.organization-ui.matchday-ui.street-ui #appShell {
 --street-surface:#222923; --street-raised:#2d362e; --street-text:#f2f5e9;
 --street-support:#becbbb; --street-border:#73836a; --street-paper:#edf2e5; --street-paper-ink:#172013;
}
body.organization-ui.matchday-ui.street-ui #appShell :is(.round-ops-panel,.admin-hero-card,.privacy-list article,.round-social-preset,.public-page-qr-card) {
 background:var(--street-surface); color:var(--street-text); border-color:var(--street-border); box-shadow:none;
}
body.organization-ui.matchday-ui.street-ui #appShell :is(.round-ops-grid>button,.round-duty-list>article,.round-duty-list>div,.admin-stat-card,.profile-summary-grid article,.admin-checklist>div,.round-social-event-card) {
 background:var(--street-raised); color:var(--street-text); border-color:var(--street-border); opacity:1;
}
body.organization-ui.matchday-ui.street-ui #appShell :is(.round-ops-panel,.admin-hero-card,.admin-stat-card,.profile-summary-grid,.privacy-list,.round-social-preset,.public-page-qr-card) :is(h3,h4,strong) { color:var(--street-text); }
body.organization-ui.matchday-ui.street-ui #appShell :is(.round-ops-panel,.admin-hero-card,.admin-stat-card,.profile-summary-grid,.privacy-list,.round-social-preset,.public-page-qr-card) :is(p,small,span,i) { color:var(--street-support); }
body.organization-ui.matchday-ui.street-ui #appShell :is(.round-ops-grid button,.round-duty-list article,.admin-checklist>div)>strong { white-space:normal; overflow-wrap:anywhere; }
body.organization-ui.matchday-ui.street-ui #appShell :is(.round-ops-grid button,.round-social-preset,.admin-secondary-link):hover { background:#384535; }
body.organization-ui.matchday-ui.street-ui #appShell .round-ops-heading>span { display:none; }
body.organization-ui.matchday-ui.street-ui #appShell .my-round-disclosure>summary { background:var(--street-surface); color:var(--street-text); }
body.organization-ui.matchday-ui.street-ui #appShell .my-round-disclosure>summary:hover { background:var(--street-raised); }
body.organization-ui.matchday-ui.street-ui #appShell .my-round-disclosure>summary :is(span,strong) { color:var(--street-text); }
body.organization-ui.matchday-ui.street-ui #appShell :is(.organization-story,.home-own-participation) p,
body.organization-ui.matchday-ui.street-ui #appShell :is(.club-resenha-extras>summary span,.round-journey span,.admin-day-panel span,.my-round-live-card>div>span,.match-flow-grid article>span) { color:var(--street-support); }
body.organization-ui.matchday-ui.street-ui #appShell .club-milestone small { color:#e1ead9; }
body.organization-ui.matchday-ui.street-ui #appShell .my-round-secondary-actions button { color:var(--street-text); background:var(--street-raised); border-color:var(--street-border); }
body.organization-ui.matchday-ui.street-ui #appShell .my-round-secondary-actions button:hover { background:#384535; }
body.organization-ui.matchday-ui.street-ui #appShell .admin-day-task { background:var(--street-raised); }
body.organization-ui.matchday-ui.street-ui #appShell .admin-day-task :is(strong,span) { color:var(--street-text); }
body.organization-ui.matchday-ui.street-ui #appShell .admin-day-task small { color:var(--street-support); }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-photo-picker>span { color:var(--street-text); background:var(--street-raised); }
body.organization-ui.matchday-ui.street-ui #appShell .public-page-toggle { color:var(--street-paper-ink); background:var(--street-paper); }
body.organization-ui.matchday-ui.street-ui #appShell .public-page-toggle span { color:var(--street-paper-ink); }
body.organization-ui.matchday-ui.street-ui #appShell .admin-player-row { opacity:1; }
body.organization-ui.matchday-ui.street-ui #appShell .admin-player-row button { color:var(--street-text); background:var(--street-raised); border-color:var(--street-border); }
body.organization-ui.matchday-ui.street-ui #appShell .admin-player-row i { color:var(--street-paper-ink); }
body.organization-ui.matchday-ui.street-ui #appShell :is(.sticker-avatar,.player-avatar,.reserve-queue-avatar) { background:var(--bdr-accent); color:var(--street-paper-ink); opacity:1; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) :is(.sticker-avatar,.player-avatar,.reserve-queue-avatar)>.identity-fallback { color:inherit; }
/**/
body.organization-ui.matchday-ui.street-ui #appShell :is(.my-round-panel,.organization-story,.locker-room,.locker-lineup,.home-vestiario-links) { min-width:0; max-width:100%; }
body.organization-ui.matchday-ui.street-ui #appShell .locker-room-heading { flex-wrap:wrap; }
body.organization-ui.matchday-ui.street-ui #appShell .locker-club { flex:1 1 180px; }
body.organization-ui.matchday-ui.street-ui #appShell .home-vestiario-links { grid-template-columns:repeat(2,minmax(0,1fr)); }
body.organization-ui.matchday-ui.street-ui #appShell .home-vestiario-links>button { min-width:0; }
@media(max-width:600px) {
 body.organization-ui.matchday-ui.street-ui #appShell .home-vestiario-links { grid-template-columns:minmax(0,1fr); }
 body.organization-ui.matchday-ui.street-ui #appShell .home-vestiario-links>button { min-height:112px; }
 body.organization-ui.matchday-ui.street-ui #appShell .locker-room-heading h3 { font-size:20px; }
 body.organization-ui.matchday-ui.street-ui #appShell .locker-club { flex-basis:180px; }
}

body.organization-ui.matchday-ui.street-ui #appShell .my-round-guide li { background:var(--street-raised); }
body.organization-ui.matchday-ui.street-ui #appShell .my-round-guide strong { color:var(--street-text); }
body.organization-ui.matchday-ui.street-ui #appShell .my-round-guide small { color:var(--street-support); }
body.organization-ui.matchday-ui.street-ui #appShell .admin-day-heading button,
body.organization-ui.matchday-ui.street-ui #appShell .admin-hero-card .admin-secondary-link { color:var(--street-text); background:var(--street-raised); border-color:var(--street-border); }
body.organization-ui.matchday-ui.street-ui #appShell .admin-day-heading button span,
body.organization-ui.matchday-ui.street-ui #appShell .admin-hero-card .admin-secondary-link span { color:inherit; }
body.organization-ui.matchday-ui.street-ui #appShell .admin-hero-card .primary-button span { color:#172013; }
body.organization-ui.matchday-ui.street-ui #appShell .admin-hero-card .admin-link-box button { color:#172013; background:var(--street-paper); }
body.organization-ui.matchday-ui.street-ui #appShell .admin-hero-card .admin-link-box button span { color:inherit; }
body.organization-ui.matchday-ui.street-ui #appShell .round-social-event-meta span { background:var(--street-surface); color:var(--street-text); opacity:1; }
body.organization-ui.matchday-ui.street-ui #appShell .admin-player-row i { background:var(--bdr-accent); }

#profilePhotoUse, #profilePhotoCancel, #profilePhotoInput, #profileForm button[type=submit] { scroll-margin-top:28px; scroll-margin-bottom:100px; }

body.organization-ui.matchday-ui.street-ui #appShell .account-menu-panel .patota-switcher>span { color:var(--street-support); }

body.organization-ui.matchday-ui.street-ui #appShell .player-finance-card :is(span,strong) { color:var(--street-text); }
body.organization-ui.matchday-ui.street-ui #appShell .player-finance-card p { color:var(--street-support); }

body.street-ui img[data-identity-photo][hidden] { display:none !important; }


/**/
.locker-jersey .athlete-placeholder {
  position:absolute; inset:0; display:block; width:100%; height:100%;
  background:url("/assets/player-placeholder-v278.webp") center top / cover no-repeat;
  border:0; border-radius:0; pointer-events:none;
}
.locker-jersey.is-thumbnail-jersey .athlete-placeholder { background-size:145% auto; }
.athlete-placeholder-caption { display:none; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker .is-card-jersey .athlete-placeholder-caption {
  position:absolute; right:7px; bottom:7px; display:block;
  padding:3px 6px; border-radius:4px; background:#13241eea; color:#f2f6ef;
  font:600 clamp(7px,3.5cqw,10px)/1.2 system-ui,sans-serif; letter-spacing:.01em;
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) :is(.theme-sticker-sample,.lobby-art.is-player,.sticker-live-preview) .athlete-placeholder-caption { display:none; }

/**/
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker {
 min-height:0; color:#172013;
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker :is(.street-card-front,.street-card-back) { min-height:0; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker .street-card-club {
 padding:8px 10px; gap:10px; color:var(--athlete-ink); background:var(--athlete-bg); min-height:48px;
 font-size:12px; line-height:1.3;
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker .street-card-club>span { min-width:0; overflow-wrap:anywhere; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker .card-club-crest { width:28px; height:32px; border:0; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker .street-card-portrait { display:block; flex:none; min-height:0; margin:6px 0; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .street-athlete-card.album-sticker .locker-jersey.is-card-jersey {
 width:100%; max-width:none; height:auto; aspect-ratio:1; color:#b7ff45; background:#27342a; border-radius:0; overflow:hidden;
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker .locker-jersey.is-card-jersey img { object-fit:cover; object-position:center 35%; border-radius:0; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker .locker-jersey.is-card-jersey .identity-fallback { padding:22px; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker .locker-jersey.is-card-jersey .identity-fallback>b { color:#172013; font-size:56px; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker .street-card-number {
 right:8px; bottom:8px; min-width:60px; padding:6px 8px; background:var(--athlete-bg); color:var(--athlete-ink);
 font:800 42px/.95 var(--club-display); text-align:center; letter-spacing:0;
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker .street-card-number>small { display:block; font:750 9px/1.4 var(--body); letter-spacing:.04em; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker .street-card-number>small { color:inherit; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker .street-card-name { padding:8px 10px 0; color:var(--athlete-ink); background:var(--athlete-bg); }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker .street-card-position { padding:7px 10px 12px;  color:var(--athlete-ink); background:var(--athlete-bg); }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker .street-card-tap { color:#172013; border:0; padding:12px 2px 3px; font-size:12px; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .street-athlete-card.album-sticker .street-card-front .street-card-tap { color:#172013; background:#edf2e5; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[aria-pressed=true] { background:#edf2e5; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker .street-card-back {  background:var(--athlete-back); padding:12px; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker .street-card-back :is(strong,span) { color:var(--athlete-ink); }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker .street-card-back .street-card-tap { border-top:1px solid var(--athlete-line); color:var(--athlete-ink); }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker:focus-visible { outline:3px solid #b7ff45; outline-offset:5px; }
body.organization-ui.matchday-ui.street-ui #appShell :is(.player-avatar,.attendance-avatar,.reserve-queue-avatar,.sticker-avatar,.home-ranking-avatar).album-avatar {
 box-sizing:border-box; width:48px; height:60px; min-width:48px; flex-shrink:0; overflow:hidden; border:3px solid #edf2e5; border-radius:3px;
 background:#34472c; color:#f2f5e9; box-shadow:none;
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-avatar>.identity-fallback { color:#f2f5e9; }
body.organization-ui.matchday-ui.street-ui #appShell .album-avatar>img { border-radius:0; object-position:center 30%; }
body.organization-ui.matchday-ui.street-ui #appShell #playerGrid .roster-row .sticker-avatar.album-avatar { width:48px; height:60px; border:3px solid #edf2e5; border-radius:3px; background:#34472c; color:#f2f5e9; }
body.organization-ui.matchday-ui.street-ui #appShell .album-avatar>.album-avatar-number {
 position:absolute; inset:auto 0 0; z-index:1; height:12px; display:block; text-align:center;
 background:#edf2e5; color:#172013; font:800 10px/12px var(--body);
}
body.organization-ui.matchday-ui.street-ui #appShell .locker-athlete {
 background:#edf2e5; color:#172013;  border-color:#a7b39d;
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .locker-athlete .locker-jersey { width:100%; max-width:none; height:auto; aspect-ratio:4/5; background:#27342a; overflow:hidden; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .locker-athlete .locker-jersey img { object-position:center 30%; border-radius:0; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .locker-athlete .identity-fallback { padding:10px; }
body.organization-ui.matchday-ui.street-ui #appShell .locker-athlete strong { color:#172013; font:800 18px/1.05 var(--club-display); text-transform:uppercase; }
body.organization-ui.matchday-ui.street-ui #appShell .locker-athlete small { color:#405237; font-size:11px; }
body.organization-ui.matchday-ui.street-ui #appShell .profile-layout:has(#profileEditSurface[open])>#profileSummaryCard { display:none; }
body.organization-ui.matchday-ui.street-ui #view-perfil:has(#profileEditSurface[open]) #profileCustomizeButton { display:none; }
body.organization-ui.matchday-ui.street-ui #appShell #profileEditSurface[open] { grid-column:1/-1; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm.sticker-workbench { display:grid; grid-template-columns:minmax(220px,.85fr) minmax(0,1.15fr); align-items:start;  }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm>.form-draft-note { grid-column:1/-1; margin:0; }
.sticker-preview-column { position:sticky; top:110px; min-width:0; }
.sticker-preview-status { color:#becbbb; font-size:12px; line-height:1.4; text-align:center; margin:12px 0 0; }
.profile-setup-note { margin:12px 0; max-width:52ch; color:var(--bdr-secondary,#becbbb); font-size:14px; line-height:1.5; }
.sticker-attribute-legend { margin:16px 0 0; max-width:60ch; color:var(--bdr-secondary,#becbbb); font-size:14px; line-height:1.5; }
.season-context-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px 20px; margin:0 0 24px; }
.season-context-actions p { flex:1 1 280px; max-width:65ch; margin:0; color:var(--bdr-secondary,#becbbb); font-size:14px; line-height:1.5; }
.season-context-actions button { min-height:44px; }
.patota-progress .progress-history-link { margin:12px 0 0; min-height:44px; }
.patota-progress #progress-awards-heading { scroll-margin-top:112px; }
@media(max-width:760px) {
 .patota-progress #progress-awards-heading { scroll-margin-top:24px; }
}
.profile-builder-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 16px; min-width:0; }
.profile-builder-fields>* { min-width:0; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-photo-control>div:last-child { display:block; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-photo-control { grid-column:1/-1;   border-bottom:1px solid #73836a; border-radius:0; background:transparent; color:#f2f5e9; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-photo-control :is(strong,p) { color:#f2f5e9; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-photo-control .photo-picker-hint {  line-height:1.45;  color:#becbbb; }
body.organization-ui.matchday-ui.street-ui #appShell #profilePhotoPreview { width:64px; height:80px; border:3px solid #edf2e5; border-radius:3px; background:#34472c; color:#f2f5e9; }
body.organization-ui.matchday-ui.street-ui #appShell #profilePhotoPreview img { border-radius:0; object-fit:cover; object-position:center 30%; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-photo-control .profile-photo-picker { margin-right:4px; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-photo-control .profile-photo-picker>span { background:#b7ff45; color:#172013; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-photo-picker svg { color:inherit; }
body.organization-ui.matchday-ui.street-ui #appShell .sticker-theme-picker { margin:0; padding:0; border:0; }
body.organization-ui.matchday-ui.street-ui #appShell .sticker-theme-picker legend { margin-bottom:10px; color:#e0e9d9; font-size:14px; font-weight:700; }
.sticker-theme-options { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .sticker-theme-options label { position:relative; display:block; margin:0; cursor:pointer; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .sticker-theme-options input { position:absolute; opacity:0; width:1px; height:1px; min-height:0; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .sticker-theme-options label>span { display:flex; flex-direction:column; align-items:center;   border:1px solid #73836a;  background:#222923;   }
.sticker-theme-options i { display:block; width:28px; height:34px; border:3px solid #edf2e5; border-bottom-width:8px; border-radius:2px; background:#b7ff45; }
.sticker-theme-options [data-theme-option=orange] i { background:#ffb580; }
.sticker-theme-options [data-theme-option=blue] i { background:#bcd6ff; }
.sticker-theme-options [data-theme-option=night] i { background:#27342a; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .sticker-theme-options input:checked+span {  background:#35462c;   }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .sticker-theme-options input:focus-visible+span { outline:3px solid #b7ff45;  }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-builder-fields>.settings-actions { align-items:stretch;  margin-top:4px; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .settings-actions>button { min-height:48px; }
body.organization-ui.matchday-ui.street-ui #appShell #profilePhotoEditor #profilePhotoCropPreview { width:100px; height:100px; margin:12px 0; border:4px solid #edf2e5;  }
@media(max-width:760px) {

 body.organization-ui.matchday-ui.street-ui #appShell .sticker-preview-column {  z-index:5; background:#222923;  border-bottom:1px solid #73836a; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileStickerPreview .album-sticker { max-width:none; padding:6px; box-shadow:none; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileStickerPreview .street-card-front { display:grid; grid-template-columns:100px minmax(0,1fr); grid-template-rows:auto 1fr auto auto; column-gap:6px; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileStickerPreview .street-card-portrait { grid-column:1; grid-row:1/5; margin:0;  align-self:start; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileStickerPreview .street-athlete-card.album-sticker .locker-jersey.is-card-jersey { width:100%;  aspect-ratio:1; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileStickerPreview .street-card-club { grid-column:2; min-height:34px; padding:4px 6px; font-size:10px; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileStickerPreview .card-club-crest { width:24px; height:28px; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileStickerPreview .street-card-name { grid-column:2; padding:6px;  }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileStickerPreview .street-card-position { grid-column:2; padding:0 6px 8px; font-size:11px; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileStickerPreview .street-card-tap { grid-column:2; padding:6px; font-size:11px; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileStickerPreview .street-card-number { min-width:36px; font-size:26px; padding:4px; right:4px; bottom:4px; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileStickerPreview .street-card-number>small { font-size:7px; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileStickerPreview .street-card-back { min-height:180px; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileStickerPreview .street-card-back>strong { font-size:30px; margin:12px 0; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileStickerPreview .street-card-rule { margin:10px 0; }
 .sticker-preview-status { margin-top:8px; text-align:left; font-size:11px; }
 .profile-builder-fields { gap:18px 12px; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .view-header { flex-wrap:wrap; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .view-header>div { width:100%; }
 body.organization-ui.matchday-ui.street-ui #appShell #profileCustomizeButton { width:100%; }
 body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-builder-fields>label:has(input[name=name]) { grid-column:1/-1; }

}
@media(prefers-reduced-motion:no-preference) {
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker { transition:box-shadow 180ms ease-out, transform 180ms ease-out; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker:hover { transform:translateY(-2px); box-shadow:0 16px 28px #080e0840; }
 body.organization-ui.matchday-ui.street-ui #appShell .sticker-theme-options label>span { transition:background-color 160ms ease-out,border-color 160ms ease-out; }
}
@media(forced-colors:active) {
 body.organization-ui.matchday-ui.street-ui #appShell #profileForm .sticker-theme-options input:checked+span { outline:2px solid Highlight; }
}

/**/
body.organization-ui.matchday-ui.street-ui #appShell {
 --layout-section-gap:24px; --layout-panel-inset:var(--bdr-panel-inset); --layout-field-gap:16px; --layout-inline-gap:12px;
}

body.organization-ui.matchday-ui.street-ui #appShell .profile-layout { gap:var(--layout-section-gap); }
body.organization-ui.matchday-ui.street-ui #appShell #profileEditSurface { padding:0; overflow:visible; }
body.organization-ui.matchday-ui.street-ui #appShell #profileEditSurface>summary { min-height:56px; padding:16px var(--layout-panel-inset); font-size:15px; gap:12px; border-radius:var(--bdr-radius-inner); }
body.organization-ui.matchday-ui.street-ui #appShell #profileEditSurface[open]>summary { margin-bottom:0; border-bottom:1px solid #526152; border-radius:var(--bdr-radius-inner) var(--bdr-radius-inner) 0 0; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm.sticker-workbench {
 padding:var(--layout-panel-inset); margin:0; width:100%; box-sizing:border-box;
 grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr); gap:32px;
}
body.organization-ui.matchday-ui.street-ui #appShell .profile-builder-fields { gap:20px var(--layout-field-gap); }
body.organization-ui.matchday-ui.street-ui #appShell .sticker-preview-column { top:120px; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-photo-control {
  padding-bottom:20px;  border-color:#526152;
}
body.organization-ui.matchday-ui.street-ui #appShell #profileForm #profilePhotoPreview { display:none; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-photo-control strong {  font-size:16px; line-height:1.4; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-photo-control .photo-picker-hint { max-width:46ch; margin:4px 0 12px; font-size:13px; }
.profile-photo-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-photo-actions .profile-photo-picker { margin:0; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-photo-actions .profile-photo-picker>span { min-height:44px; padding:10px 16px; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-photo-actions>button { min-height:44px; padding:10px 12px; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-builder-fields>label { gap:8px; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-builder-fields>label>span { font-size:13px; line-height:1.4; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm :is(input:not([type=radio]):not([type=range]):not([type=file]):not([type=checkbox]),select,textarea) {
 border-radius:8px; min-height:48px; padding:12px; line-height:1.4; font-size:16px;
}
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .sticker-theme-picker legend { margin-bottom:12px; font-size:13px; }

body.organization-ui.matchday-ui.street-ui #appShell .sticker-theme-options i { position:relative; width:32px; height:42px; border-width:3px; border-bottom-width:10px; }
body.organization-ui.matchday-ui.street-ui #appShell .sticker-theme-options i::before { content:''; position:absolute; inset:4px 3px 5px; background:#27342a; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-extras>summary {  font-size:13px; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-extra-fields { padding:0 16px 16px; gap:16px; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-builder-fields>.settings-actions {
 display:flex; flex-direction:column; padding-top:20px; margin:4px 0 0; gap:12px; border-top:1px solid #526152;
}
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .settings-actions>small { max-width:58ch; line-height:1.5; font-size:12px; }
.profile-save-actions { display:flex; justify-content:flex-end; align-items:center; flex-wrap:wrap; gap:12px; }
body.organization-ui.matchday-ui.street-ui #appShell #profileSaveStatus { max-width:100%;  line-height:1.4; overflow-wrap:anywhere; }
body.organization-ui.matchday-ui.street-ui #appShell .profile-save-actions>button { min-height:48px; padding:12px 24px; flex:0 0 auto; }
body.organization-ui.matchday-ui.street-ui #appShell .profile-privacy-surface { grid-column:1/-1; }
body.organization-ui.matchday-ui.street-ui #appShell .profile-privacy-surface>summary { padding-inline:var(--layout-panel-inset); }
body.organization-ui.matchday-ui.street-ui #appShell .profile-privacy-surface>.surface-heading { margin:20px var(--layout-panel-inset) 16px; }
body.organization-ui.matchday-ui.street-ui #appShell .profile-privacy-surface>.privacy-list { margin:0 var(--layout-panel-inset) var(--layout-panel-inset); }
body.organization-ui.matchday-ui.street-ui #appShell .profile-summary-actions { gap:12px; }
body.organization-ui.matchday-ui.street-ui #appShell .profile-summary-actions>button { min-height:44px; }
body.organization-ui.matchday-ui.street-ui #appShell #playerGrid { gap:12px; }
body.organization-ui.matchday-ui.street-ui #appShell #playerGrid .roster-row {
 min-height:96px; padding:16px; margin:0; grid-template-columns:48px minmax(0,1fr); align-items:center; column-gap:16px; row-gap:0;
}
body.organization-ui.matchday-ui.street-ui #appShell #playerGrid .roster-person { min-width:0; }
body.organization-ui.matchday-ui.street-ui #appShell #playerGrid .roster-person h3 { margin:0 0 6px; font-size:22px; line-height:1.1; }
body.organization-ui.matchday-ui.street-ui #appShell #playerGrid .roster-person p { margin:0; line-height:1.5; }
body.organization-ui.matchday-ui.street-ui #appShell #playerGrid .roster-actions>summary { top:16px; right:16px; min-height:44px; }

body.organization-ui.matchday-ui.street-ui #appShell .locker-athlete strong { padding-inline:4px; }
body.organization-ui.matchday-ui.street-ui #appShell .locker-athlete small { margin-top:auto; }

@media(min-width:1100px) {
 body.organization-ui.matchday-ui.street-ui #appShell #profileForm.sticker-workbench { grid-template-columns:320px minmax(0,560px); justify-content:center; gap:48px; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileForm .album-sticker { max-width:320px; }
}
@media(max-width:760px) {
 body.organization-ui.matchday-ui.street-ui #appShell { --layout-section-gap:20px; --layout-field-gap:12px; }
 body.organization-ui.matchday-ui.street-ui #appShell #profileForm.sticker-workbench { grid-template-columns:minmax(0,1fr); gap:20px; }
 body.organization-ui.matchday-ui.street-ui #appShell .sticker-preview-column { top:24px; padding:0 0 12px; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileStickerPreview .street-card-name { font-size:24px; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileStickerPreview .street-card-front { grid-template-columns:88px minmax(0,1fr); }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileStickerPreview .street-card-portrait { height:88px; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileStickerPreview .street-athlete-card.album-sticker .locker-jersey.is-card-jersey { height:88px; }

 body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-extra-fields { grid-template-columns:minmax(0,1fr); }
 body.organization-ui.matchday-ui.street-ui #appShell .profile-save-actions { justify-content:space-between; }
 body.organization-ui.matchday-ui.street-ui #appShell .profile-save-actions>button { flex:1 1 180px; }
 body.organization-ui.matchday-ui.street-ui #appShell #playerGrid .roster-row { min-height:92px; column-gap:12px; }
 body.organization-ui.matchday-ui.street-ui #appShell #playerGrid .roster-actions>summary { right:12px; }
 body.organization-ui.matchday-ui.street-ui #appShell .profile-privacy-surface>.privacy-list { grid-template-columns:minmax(0,1fr); }
}

/**/
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-layout { display:block; max-width:1080px; margin-inline:auto; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileSummaryCard { display:block; width:100%; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileEditSurface:not([open]) { display:none; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileEditSurface[hidden] { display:none; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileEditSurface[open] { width:100%; margin:0; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-overview { display:grid; grid-template-columns:minmax(300px,400px) minmax(0,1fr); gap:40px; align-items:center; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-overview>* { min-width:0; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil :is(.profile-collectible,.sticker-preview-column) {
 position:relative; isolation:isolate; min-width:0; border-radius:12px;
 background:radial-gradient(ellipse at 50% 30%,#42604a70,transparent 68%),linear-gradient(180deg,#18271f,#101a15);
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-collectible {
 display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; padding:32px 40px;
}
/**/
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .sticker-preview-column::before { content:none; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil :is(.profile-collectible,.sticker-preview-column)>* { position:relative; z-index:1; }

body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil .profile-collectible>.album-sticker { width:100%; max-width:300px; margin-inline:auto; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-overview-info { padding:24px 0; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-overview-info>h3 { max-width:14ch; margin:0; font:800 italic clamp(40px,5vw,64px)/.96 var(--club-display); letter-spacing:-.025em; text-transform:uppercase; overflow-wrap:anywhere; color:#f5f7ef; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-overview-position { margin:16px 0 0; color:#c3d0c8; font-size:15px; line-height:1.5; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-overview-bio { max-width:46ch; margin:20px 0 24px; padding:0;   line-height:1.6; border:0; background:none; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-facts { display:block; margin:0; padding:0; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-facts>div { display:grid; grid-template-columns:112px minmax(0,1fr); gap:16px; align-items:baseline; padding:14px 0; border-bottom:1px solid #46533f; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-facts dt { color:#becbbb; font-size:13px; line-height:1.5; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-facts dd { margin:0; color:#f2f5e9; font-size:15px; font-weight:650; line-height:1.5; overflow-wrap:anywhere; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil :is(.profile-overview-info .profile-info-details,.profile-shortcuts) { margin:0; padding:0; background:none; border:0; border-bottom:1px solid #46533f; border-radius:0; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil :is(.profile-info-details,.profile-shortcuts)>summary { min-height:48px; display:flex; align-items:center; padding:14px 0; gap:12px; color:#e0e9d9; font-size:14px; font-weight:700; cursor:pointer; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil :is(.profile-info-details,.profile-shortcuts)>summary::after { content:'+'; margin-left:auto; font-size:18px; color:#b7ff45; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil :is(.profile-info-details,.profile-shortcuts)[open]>summary::after { content:'−'; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-summary-actions { margin:0 0 16px; gap:8px; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-privacy-surface { margin-top:24px; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileEditSurface>summary { gap:12px; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileEditSurface>summary>small { margin-left:auto; font-size:12px; font-weight:500; color:#becbbb; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .is-sticker-preview { cursor:default; box-shadow:none; transform:none; transition:none; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil .is-sticker-preview :is(.street-card-tap,.street-card-back) { display:none !important; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-identity-group { display:grid; grid-template-columns:repeat(2,minmax(0,1fr));  min-width:0; margin:0;   }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-identity-group>legend { margin-bottom:16px; padding:0; color:#f2f5e9; font-size:16px; line-height:1.4; font-weight:750; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-identity-group label { min-width:0; gap:8px; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-identity-group label>span { color:#e0e9d9; font-size:13px; line-height:1.4; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-editor-status { color:#becbbb; font-size:13px; line-height:1.5; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-field-error { color:#ffd0bd; font-size:13px; line-height:1.5; margin:4px 0 0; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil [aria-invalid=true] { border-color:#c05a30; outline:2px solid #c05a30; outline-offset:1px; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-save-actions { justify-content:flex-end;  }

body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileDiscardChanges:disabled { color:#c1cabc; background:#384237; border-color:#60705a; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .settings-actions>small { max-width:54ch; }
@media(max-width:760px) {
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil :is(.profile-overview,.profile-overview.is-photo-missing) { grid-template-columns:minmax(0,1fr); gap:24px; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-collectible { width:100%; padding:16px; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil .profile-collectible>.album-sticker { max-width:280px; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .sticker-preview-column::before { display:none; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-overview-info { padding:0; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-overview-info>h3 { max-width:none; font-size:40px; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-overview-bio { margin:16px 0; font-size:15px; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-facts>div { grid-template-columns:92px minmax(0,1fr); gap:12px; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .sticker-preview-column {  padding-bottom:16px; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil #profileStickerPreview .street-card-front { grid-template-rows:auto 1fr auto; }

 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileEditSurface>summary>small { max-width:76px; text-align:right; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-save-actions>button { flex:1 1 120px;   }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileDiscardChanges { flex:1 1 120px;   }
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-name-field { display:grid; gap:8px; min-width:0; }

/**/
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker {
 --sticker-radius:4px;  position:relative;
 transform-origin:50% 80%; touch-action:manipulation;
}

body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker .street-card-portrait { position:relative; overflow:hidden; border-radius:0; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker .street-card-portrait :is(.locker-jersey,img) { border-radius:0; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker .street-card-number { z-index:3;  }
body.organization-ui.matchday-ui.street-ui #appShell :is(.album-avatar,#playerGrid .roster-row .sticker-avatar.album-avatar) { border-radius:2px; }

.sticker-foil { position:absolute; inset:0; z-index:2; pointer-events:none; opacity:0; transform:translateX(-110%); background:linear-gradient(112deg,transparent 22%,#edf2e5 42%,#edf2e5 48%,transparent 68%); }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker .sticker-save-mark {
 position:absolute; z-index:4; right:10px; top:12px; display:inline-flex; align-items:center; gap:5px;
 padding:7px 9px; border:1px solid #172013; border-radius:var(--bdr-radius-control); background:#b7ff45; color:#172013;
 font:750 13px/1.2 var(--body); text-transform:none; transform:none;
}
.sticker-save-mark>svg { width:17px; height:17px; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileStickerPreview { position:relative; isolation:isolate; margin-bottom:18px; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileStickerPreview::before {
 content:''; position:absolute; inset:6px -3px -5px 2px; z-index:-1; border-radius:4px; background:#8e9e80; transform:rotate(-1.2deg);
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .sticker-effect-button {
 display:flex; justify-content:center; align-items:center; gap:8px; min-height:44px; margin:12px auto 0;
 padding:10px 14px; background:#222923; border:1px solid #73836a; border-radius:8px; color:#f2f5e9;
 font-size:13px; line-height:1.4; cursor:pointer;
 scroll-margin-top:120px; scroll-margin-bottom:calc(112px + env(safe-area-inset-bottom,0px));
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .sticker-effect-button:focus-visible { outline:3px solid #b7ff45; outline-offset:4px; }
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileSummaryCard .album-sticker { transition:transform 180ms cubic-bezier(.16,1,.3,1); }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileSummaryCard .album-sticker:hover { transform:translateY(-2px); }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .sticker-effect-button:active { transform:scale(.98); }
}
@media(max-width:760px) {
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileStickerPreview { margin-bottom:12px; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .sticker-effect-button { width:100%; margin-top:12px; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil #profileStickerPreview[data-expanded=true] .album-sticker { max-width:320px; padding:10px; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileStickerPreview[data-expanded=true]::before { display:none; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil #profileStickerPreview[data-expanded=true] .street-card-front { display:flex; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil #profileStickerPreview[data-expanded=true] .street-card-portrait { height:auto; margin:6px 0; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil #profileStickerPreview[data-expanded=true] .locker-jersey.is-card-jersey { height:auto; aspect-ratio:1; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil #profileStickerPreview[data-expanded=true] .street-card-club { min-height:48px; padding:8px 10px; font-size:12px; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil #profileStickerPreview[data-expanded=true] .card-club-crest { width:28px; height:32px; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil #profileStickerPreview[data-expanded=true] .street-card-name { padding:8px 10px 0; font-size:34px; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil #profileStickerPreview[data-expanded=true] .street-card-position { padding:7px 10px 12px; font-size:13px; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil #profileStickerPreview[data-expanded=true] .street-card-number { right:8px; bottom:8px; min-width:60px; padding:6px 8px; font-size:42px; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil #profileStickerPreview[data-expanded=true] .street-card-number>small { font-size:9px; }
}
@media(prefers-reduced-motion:reduce) {
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileStickerPreview::before { transform:none; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker .sticker-save-mark { transform:none; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileSummaryCard .album-sticker:hover { transform:none; }
}

/**/
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-step-nav {
 display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-step-nav button {
 display:flex; align-items:center; justify-content:center; gap:8px;
  border:1px solid #73836a;  background:#222923;
  font:700 13px/1.35 var(--body); cursor:pointer;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-step-nav button>span {
 display:grid; place-items:center; width:22px; height:22px; flex:none;
 border:1px solid #73836a;  font-size:12px;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-step-nav button[aria-current=step] {
   background:#35462c; box-shadow:inset 0 0 0 1px #b7ff45;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-editor-step {
 display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 12px; min-width:0;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-identity-group label { align-content:start; align-self:start; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-editor-step[hidden],
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil button[hidden] { display:none !important; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-field-scope {
 display:block; margin:6px 0 0; color:#becbbb; font:500 12px/1.45 var(--body);
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-step-back { align-self:start; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-save-actions>button:disabled {
 background:var(--bdr-disabled); color:var(--bdr-disabled-ink); border:1px solid var(--bdr-control-line); opacity:1; cursor:not-allowed;
 box-shadow:none; transform:none;
}
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-photo-control {
 display:grid; grid-template-columns:72px minmax(0,1fr); gap:16px; align-items:start;
}
body.organization-ui.matchday-ui.street-ui #appShell #profileForm #profilePhotoPreview {
  place-items:center; width:72px; height:90px; min-width:0;
}
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-photo-actions { display:flex; flex-wrap:wrap;   }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-photo-picker { max-width:100%; margin:0; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-photo-picker>span { min-height:48px; padding:10px 12px; font-size:13px; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-sticker-dialog:not([open]) { display:none; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-sticker-dialog[open] {
 display:block; box-sizing:border-box; width:354px; max-width:calc(100vw - 24px);
 max-height:calc(100vh - 24px); max-height:calc(100dvh - 24px); overflow:auto;
 margin:auto; padding:16px; border:1px solid #73836a; border-radius:12px;
 background:#17221e; color:#f5f7ef; box-shadow:0 16px 48px #0006;
}
.profile-sticker-dialog::backdrop { background:#080d09d9; }
body.is-profile-sticker-review { overflow:hidden; }
body.organization-ui.matchday-ui.street-ui #appShell .profile-sticker-dialog-header {
 display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px;
}
body.organization-ui.matchday-ui.street-ui #appShell .profile-sticker-dialog-header h3 { margin:0; color:var(--bdr-ink,#f5f7ef); font:750 18px/1.3 var(--body); }
body.organization-ui.matchday-ui.street-ui #appShell #profileStickerDialogClose { min-height:44px; padding:10px 12px; color:#f2f5e9; background:#222923; border:1px solid #73836a; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileStickerDialogPreview .album-sticker {
 display:block; width:100%; max-width:320px; margin:0 auto; cursor:default; transform:none;
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileStickerDialogPreview :is(.street-card-tap,.street-card-back) { display:none !important; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileStickerDialogPreview .street-card-front { display:flex; flex-direction:column; }
body.organization-ui.matchday-ui.street-ui #appShell #profileStickerDialogStatus { text-align:left; font-size:12px; line-height:1.5; }
@media(max-width:760px) {

 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .sticker-preview-column {   border:0; }

 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-field-scope { font-size:12px; }
}

/**/
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileEditSurface[open]>summary { display:none; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileEditSurface[open] { padding-top:20px; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .sticker-preview-caption {   min-width:0; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .sticker-preview-caption>strong { color:#f2f5e9; font:800 24px/1.05 var(--club-display); }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .sticker-preview-status { margin:0; color:#becbbb; font:500 12px/1.45 var(--body); }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-field-scope { max-width:none; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .settings-actions { gap:10px; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-exit-button {
 display:block; justify-self:center; min-height:44px; padding:10px 14px; border:0; background:transparent;
 color:#e0e9d9; font:600 13px/1.4 var(--body); text-decoration:underline; text-underline-offset:4px; cursor:pointer;
}
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-exit-button:focus-visible { outline:3px solid #b7ff45; outline-offset:3px; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-save-actions { display:flex; gap:10px; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-save-actions>button { flex:1; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .sticker-theme-options label>span { position:relative;    }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .sticker-theme-options i {
 display:block; width:100%;  box-sizing:border-box;  margin:0;
 border:0;  background:#b7ff45; overflow:hidden; font-style:normal;
}
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .sticker-theme-options i::before { display:none; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm [data-theme-option=orange] i { background:#ffb580; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm [data-theme-option=blue] i { background:#bcd6ff; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm [data-theme-option=night] i { background:#5e7160; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .theme-athlete-art {
 display:block; position:relative; width:100%; height:100%; min-height:0; aspect-ratio:auto; overflow:hidden;
 background:#233529; color:#b7ff45; border-radius:0; border:0;
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileForm .theme-athlete-art .identity-fallback { position:absolute; inset:0; display:grid; place-items:center; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .theme-athlete-art svg { width:100%; height:100%; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .theme-athlete-art b { position:absolute; top:37%; font:800 16px/1 var(--club-display); color:#172013; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .theme-athlete-art img { display:block; position:relative; width:100%; height:100%;  object-position:50% 35%; border-radius:0; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .sticker-theme-options input:checked+span::after {
 content:'✓'; position:absolute; top:3px; right:3px; display:grid; place-items:center; width:20px; height:20px;
 border:1px solid #172013; border-radius:50%; background:#b7ff45; color:#172013; font:800 13px/1 var(--body);
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil .street-card-portrait:not(:has(.has-photo))::after {
 content:'Sua foto cabe aqui'; position:absolute; left:10px; bottom:12px; max-width:55%;
 padding:5px 7px; background:#172013; color:#e0e9d9; font:600 11px/1.3 var(--body); transform:rotate(-2deg);
}
@media(max-width:760px) {
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm.sticker-workbench { display:grid;   }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .sticker-preview-column {
   grid-template-columns:94px minmax(0,1fr);
    z-index:5;   background:#222923;
  border-bottom:1px solid #73836a;
 }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil :is(#profileStickerPreview,#profileStickerPreviewStatus) { display:block; }

 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileStickerPreview::before { inset:3px -2px -3px 1px; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil #profileStickerPreview .album-sticker { display:block;    min-height:0; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil #profileStickerPreview .street-card-front { display:flex; flex-direction:column; gap:0; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil #profileStickerPreview .street-card-club { min-height:16px; padding:2px 3px; font-size:7px; gap:2px; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil #profileStickerPreview .card-club-crest { width:12px; height:14px; font-size:7px; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil #profileStickerPreview .street-card-portrait {   aspect-ratio:1; align-self:stretch; flex:0 0 auto;  }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil #profileStickerPreview .street-athlete-card.album-sticker .locker-jersey.is-card-jersey { width:100%; height:100%; aspect-ratio:1; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil #profileStickerPreview .street-card-name { padding:3px 3px 0; font-size:13px; line-height:1.05; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil #profileStickerPreview .street-card-position { padding:3px 3px 4px; font-size:7px; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil #profileStickerPreview .street-card-number { right:3px; bottom:3px;  padding:2px 3px;  }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil #profileStickerPreview .street-card-number>small { font-size:5px; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil #profileStickerPreview .street-card-portrait::after { display:none; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .sticker-preview-caption>strong {  max-width:12ch; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileStickerEffect {   margin:0;  font-size:12px; }
 body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-photo-control { grid-template-columns:minmax(0,1fr); padding-bottom:16px; gap:0; }
 body.organization-ui.matchday-ui.street-ui #appShell #profileForm #profilePhotoPreview { display:none !important; }
 body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-photo-control .photo-picker-hint { margin:6px 0 0; }

 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-editor-step { gap:14px 12px; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-field-scope { margin-top:4px; }

}
@media(max-width:760px) and (max-height:620px) {

}
@media(hover:hover) and (prefers-reduced-motion:no-preference) {

}
@media(prefers-reduced-motion:no-preference) {
 body.organization-ui.matchday-ui.street-ui #appShell #profileForm :is(.profile-photo-picker>span,.sticker-theme-options label>span,.sticker-effect-button):active { transform:scale(.96); }
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-editor-step>.profile-field-scope { grid-column:1/-1; }
@media(max-width:760px) {
 body.organization-ui.matchday-ui.street-ui #appShell #profileForm :is(button,input,select,textarea,summary) { scroll-margin-top:200px; scroll-margin-bottom:110px; }
}
@media(max-width:760px) {
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil #profileStickerPreview .locker-jersey>.identity-fallback { position:absolute; inset:0; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil #profileStickerPreview .locker-jersey>.identity-fallback svg { position:absolute; inset:0; width:100%; height:100%; max-width:none; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil #profileStickerPreview .locker-jersey>.identity-fallback b { position:absolute; inset:0; width:100%; display:grid; place-items:center; font:800 20px/1 var(--club-display); transform:none; }
}

/**/
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .sticker-preview-caption>small {  font:700 11px/1.3 var(--body);  }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .sticker-preview-caption>strong {  max-width:none; overflow-wrap:anywhere; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .sticker-preview-identity { margin:0;  font:600 13px/1.4 var(--body); }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .profile-exit-button { flex:0 0 auto; align-self:center; height:auto; min-height:48px; margin:0; }

body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-save-actions>button { flex:1 1 140px; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .sticker-theme-options { grid-template-columns:repeat(2,minmax(0,1fr));  }

body.organization-ui.matchday-ui.street-ui #appShell #profileForm .sticker-theme-options i {   background:var(--sample-color,#b7ff45); }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm [data-theme-option=lime] { --sample-color:#b7ff45; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm [data-theme-option=orange] { --sample-color:#ffb580; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm [data-theme-option=blue] { --sample-color:#bcd6ff; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm [data-theme-option=night] { --sample-color:#b7c6ae; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .theme-athlete-art { color:var(--sample-color); }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .sticker-theme-options input:checked+span {  box-shadow:inset 0 0 0 1px #b7ff45; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-overview.is-photo-missing { gap:24px; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .is-photo-missing .profile-collectible { display:flex; flex-direction:column; align-items:center; gap:8px; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil .is-photo-missing .album-sticker .street-card-name { font-size:24px; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil .is-photo-missing .album-sticker .street-card-club { font-size:10px; min-height:32px; padding:4px; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil .is-photo-missing .album-sticker .street-card-position { font-size:11px; padding:6px; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil .is-photo-missing .album-sticker .street-card-back { min-height:280px; padding:8px; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil .is-photo-missing .album-sticker .street-card-back>strong { font-size:26px; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .is-photo-missing .profile-overview-info>:is(h3,.profile-overview-position) { display:none; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-photo-invitation { min-width:0; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-photo-invitation>small { display:block; color:#b7ff45; font:700 11px/1.4 var(--body); letter-spacing:.04em; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-photo-invitation>strong { display:block; margin-block:8px; color:#f2f5e9; font:800 32px/1.1 var(--club-display); overflow-wrap:anywhere; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-photo-invitation>p { margin:0; max-width:30ch; color:#e0e9d9; font:500 14px/1.5 var(--body); }
@media(max-width:760px) {
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileEditSurface[open] { padding-top:12px; }

 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil #profileStickerPreview :is(.street-card-club,.street-card-name,.street-card-position) { display:none; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil #profileStickerPreview .street-card-portrait { margin:0;   }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil #profileStickerPreview .street-card-number { min-width:18px; font-size:14px; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil #profileStickerPreview .street-card-number>small { display:none; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .sticker-preview-caption { grid-template-columns:minmax(0,1fr) 44px; align-items:center;  }

 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .sticker-preview-caption>strong { grid-column:1;  }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .sticker-preview-identity { grid-column:1;  }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .sticker-preview-status { grid-column:1; font-size:11px; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileStickerEffect { grid-column:2; grid-row:1/4; width:44px;   }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileStickerEffect>span {      white-space:nowrap; }
 body.organization-ui.matchday-ui.street-ui #appShell #profileForm :is(button,input,select,textarea,summary) { scroll-margin-top:140px; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .is-photo-missing .profile-collectible { grid-template-columns:132px minmax(0,1fr);  }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil .is-photo-missing .album-sticker { padding:5px; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil .is-photo-missing .album-sticker .street-card-name { font-size:20px; padding:6px 4px 0; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-photo-invitation>strong { font-size:26px; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-photo-invitation>p { font-size:13px; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil .is-photo-missing .card-club-crest { width:18px; height:22px; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil .is-photo-missing .street-card-number { min-width:26px; padding:4px; font-size:24px; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil .is-photo-missing .street-card-number>small { font-size:6px; }
}

body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil .is-photo-missing .street-card-portrait::after { display:none; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .is-photo-missing .profile-overview-bio.is-default-copy { display:none; }

/**/
body.organization-ui.matchday-ui.street-ui .login-screen #invitePreview {
 padding:18px; border:1px solid #73836a; border-radius:var(--bdr-radius-panel); background:#172013; color:#f2f5e9;
}
body.organization-ui.matchday-ui.street-ui .login-screen #invitePreviewTitle { margin:4px 0 12px; font:800 34px/1 var(--club-display); color:#b7ff45; }
body.organization-ui.matchday-ui.street-ui .login-screen #invitePreviewEyebrow { font-size:11px; margin:0; letter-spacing:.08em; color:#c4d7ce; }
body.organization-ui.matchday-ui.street-ui .login-screen .invite-ticket {
 display:grid; grid-template-columns:1fr 1fr; margin:0 0 12px; gap:14px; padding:12px;
 background:#edf2e5; color:#172013; border-radius:var(--bdr-radius-control); border-left:4px solid #b7ff45;
}
body.organization-ui.matchday-ui.street-ui .login-screen .invite-ticket[hidden] { display:none; }
body.organization-ui.matchday-ui.street-ui .login-screen .invite-ticket dt { color:#405237; font:700 11px/1.4 var(--body); text-transform:uppercase; }
body.organization-ui.matchday-ui.street-ui .login-screen .invite-ticket dd { margin:4px 0 0; color:#172013; font:700 15px/1.25 var(--body); overflow-wrap:anywhere; }
body.organization-ui.matchday-ui.street-ui .login-screen .invite-ticket-date dd { display:flex; flex-direction:column; gap:4px; }
body.organization-ui.matchday-ui.street-ui .login-screen #inviteTicketTime { color:#172013; font:800 38px/1 var(--club-display); }
body.organization-ui.matchday-ui.street-ui .login-screen #inviteTicketSport { color:#405237; font-size:12px; font-weight:500; }
body.organization-ui.matchday-ui.street-ui .login-screen #invitePreviewText { margin:0; font-size:13px; line-height:1.45; color:#e0e9d9; }
body.organization-ui.matchday-ui.street-ui .login-screen #invitePreview .invite-preview-stats { margin-top:12px;  }

body.organization-ui.matchday-ui.street-ui .login-screen .invite-response-label { grid-column:1/-1; margin:0; color:#25351d; font:700 14px/1.4 var(--body); }
body.organization-ui.matchday-ui.street-ui .login-screen .invite-intent { gap:8px; }
body.organization-ui.matchday-ui.street-ui .login-screen .invite-intent button { position:relative; min-height:44px; padding:10px 22px 10px 8px; border-radius:var(--bdr-radius-control); }
body.organization-ui.matchday-ui.street-ui .login-screen .invite-intent button[aria-pressed=true]::after { content:'✓'; position:absolute; right:8px; font-weight:800; }
body.organization-ui.matchday-ui.street-ui .login-screen #loginNameHelp { font-size:13px; line-height:1.5; }


body.organization-ui.matchday-ui.street-ui #appShell .match-ticket-edition { position:absolute; top:24px; right:24px; color:#405237; font:800 14px/1 var(--club-display); letter-spacing:.1em; }
body.organization-ui.matchday-ui.street-ui #appShell .home-matchday-main :is(.home-match-meta dt,.round-list-progress span) { color:#405237; }

body.organization-ui.matchday-ui.street-ui #appShell .home-matchday-main .organization-progress { border:0; }
body.organization-ui.matchday-ui.street-ui #appShell .home-payment-note { color:#becbbb; margin:10px 0 0; font:500 13px/1.45 var(--body); }

body.organization-ui.matchday-ui.street-ui #appShell .home-support-grid > button { min-height:0; border-radius:4px; padding:16px; }
body.organization-ui.matchday-ui.street-ui #appShell .home-support-grid > button small { font-size:13px; }

body.organization-ui.matchday-ui.street-ui #appShell .locker-athlete { max-width:none;  }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .locker-athlete .locker-jersey>.identity-fallback { position:absolute; inset:0; display:grid; place-items:center; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .locker-athlete .locker-jersey>.identity-fallback svg { display:block; width:100%; height:100%; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .locker-athlete .locker-jersey>.identity-fallback b { position:absolute; top:40%; left:0; width:100%; text-align:center; color:#172013; font:800 30px/1 var(--club-display); }

body.organization-ui.matchday-ui.street-ui #appShell .locker-room-heading .locker-club p { font-size:13px; color:#becbbb; }

body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-step-nav button {  justify-content:flex-start; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-step-nav button>span { border-radius:2px; background:#edf2e5;  }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-identity-group {  background:#19211b; border:1px solid #526152; border-radius:4px; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-identity-group legend {   font:800 20px/1 var(--club-display); text-transform:uppercase; }

body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .sticker-preview-column { border-left:2px solid #b7ff45; padding-left:18px; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileStickerEffect { min-width:76px; width:auto; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileStickerEffect>span { position:static; width:auto; height:auto; clip-path:none; overflow:visible; }
@media(max-width:760px) {
 body.organization-ui.matchday-ui.street-ui .login-screen #invitePreview { padding:14px; }
 body.organization-ui.matchday-ui.street-ui .login-screen #invitePreviewTitle { font-size:30px; margin-bottom:10px; }
 body.organization-ui.matchday-ui.street-ui .login-screen .invite-ticket {  margin-bottom:10px;  }

 body.organization-ui.matchday-ui.street-ui #appShell .match-ticket-edition { top:18px; right:18px; font-size:12px; }

 body.organization-ui.matchday-ui.street-ui #appShell .home-support-grid > button { padding:12px; }
 body.organization-ui.matchday-ui.street-ui #appShell .home-support-grid > button[data-view-target=temporada] { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; column-gap:12px; align-items:center; }
 body.organization-ui.matchday-ui.street-ui #appShell .home-support-grid > button[data-view-target=temporada] small { grid-column:2; grid-row:1/3; }


 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .sticker-preview-column {  top:0; grid-template-columns:72px minmax(0,1fr);  }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .sticker-preview-caption { grid-template-columns:minmax(0,1fr);  }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileStickerEffect { grid-column:1; grid-row:auto; min-height:32px;    justify-content:flex-start; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileStickerEffect svg { width:16px; height:16px; }

 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-identity-group { padding:12px;  }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .settings-actions {

  background:#172013; border:1px solid #73836a;  box-shadow:0 -8px 18px #10171055;
 }
 body.organization-ui.matchday-ui.street-ui #appShell #profileForm .settings-actions>small { display:none; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-save-actions {  grid-template-columns:1fr 1fr;  }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-save-actions>button {   font-size:13px; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileDiscardChanges { align-self:flex-start; min-height:32px; padding:4px 0; font-size:12px; }

}
@media(max-width:760px) and (max-height:620px) {
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .sticker-preview-column { position:static; }

}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-editor-scope { grid-column:1/-1; }
@media(max-width:760px) {
 body.organization-ui.matchday-ui.street-ui #appShell #profileForm :is(button,input,select,textarea,summary) { scroll-margin-bottom:200px; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileDiscardChanges { width:auto; justify-self:start; }
}
body.organization-ui.matchday-ui.street-ui #appShell .home-support-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
body.organization-ui.matchday-ui.street-ui #appShell .home-support-grid:has(>button:last-child:nth-child(2)) { grid-template-columns:repeat(2,minmax(0,1fr)); }
body.organization-ui.matchday-ui.street-ui #appShell .locker-empty { grid-column:1/-1; }
body.organization-ui.matchday-ui.street-ui #appShell .locker-lineup:has(.locker-more) { grid-template-columns:repeat(5,minmax(0,1fr)); }
/**/
body.organization-ui.matchday-ui.street-ui .login-screen .sports-invite #invitePreviewTitle { font:800 italic 34px/1 var(--club-display); margin:0 0 12px; }
body.organization-ui.matchday-ui.street-ui .login-screen #invitePreview .invite-preview-stats { margin:2px 0 0; padding-top:10px; }
body.organization-ui.matchday-ui.street-ui .login-screen #invitePreview .invite-preview-stats>div { display:flex; align-items:baseline; gap:6px; }
body.organization-ui.matchday-ui.street-ui .login-screen #invitePreview .invite-preview-stats dd { font-size:22px; margin:0; }
@media(max-width:760px) {
 body.organization-ui.matchday-ui.street-ui .login-screen .sports-invite #invitePreviewTitle { font-size:30px; margin:0 0 10px; }
 body.organization-ui.matchday-ui.street-ui .login-screen #invitePreview { gap:8px; }
 body.organization-ui.matchday-ui.street-ui .login-screen #inviteTicketTime { font-size:32px; }
 body.organization-ui.matchday-ui.street-ui .login-screen .invite-ticket { padding:8px; gap:8px; }
 body.organization-ui.matchday-ui.street-ui .login-screen .invite-ticket dd { font-size:14px; }
 body.organization-ui.matchday-ui.street-ui .login-screen #inviteTicketSport { font-size:12px; }
 body.organization-ui.matchday-ui.street-ui .login-screen #invitePreview .invite-preview-stats>div { padding-inline:6px; gap:4px; }
 body.organization-ui.matchday-ui.street-ui .login-screen #invitePreview .invite-preview-stats dt { font-size:11px; }
 body.organization-ui.matchday-ui.street-ui .login-screen #invitePreview .invite-preview-stats dd { font-size:20px; }
}
/**/
body.street-ui .swarm-chip { width:32px; height:42px; border:3px solid #edf2e5; border-radius:3px; font-size:12px; animation-duration:650ms; box-shadow:0 3px 8px #10171055; }
body.organization-ui.matchday-ui.street-ui .login-screen #loginConsentScope { grid-column:2; margin-top:0; }

/**/
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileEditSurface[open] {
 padding:0; border:0; border-radius:0; background:none; box-shadow:none;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm.sticker-workbench { grid-template-columns:300px minmax(0,1fr); gap:36px; align-items:start; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .sticker-preview-column { position:sticky; top:120px; align-self:start; border:0; display:flex; flex-direction:column; gap:24px; align-items:center; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileStickerPreview { width:100%; max-width:300px; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .sticker-preview-caption { width:100%; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px 12px; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .sticker-preview-caption>small { grid-column:1/-1; color:var(--bdr-secondary,#c3d0c8); letter-spacing:.08em; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .sticker-preview-caption>strong { grid-column:1; margin:0; font:750 18px/1.3 var(--body); }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .sticker-preview-identity { grid-column:1; color:#d1ddc8; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileStickerPreviewStatus { display:none; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileStickerEffect { grid-column:2; grid-row:2/4; min-height:44px; padding:10px; border:1px solid #73836a; border-radius:var(--bdr-radius-control); align-self:center; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-photo-control { grid-column:1/-1; grid-template-columns:minmax(0,1fr); border:0; padding:0; margin:0; width:100%; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm #profilePhotoPreview { display:none !important; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-photo-control strong { display:block; margin-bottom:8px; font:750 18px/1.3 var(--body); color:#172013; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .photo-picker-hint { margin:0; font-size:13px; line-height:1.45; color:#405237; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-photo-actions { margin-top:12px; gap:8px; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-photo-actions .profile-photo-picker { flex:1 0 100%; width:100%; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-photo-actions .profile-photo-picker>span { width:100%; justify-content:center; color:#172013; background:#b7ff45; border:1px solid #52624d; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-photo-actions :is(.profile-photo-picker>span,button) { min-height:48px; border-radius:var(--bdr-radius-control); }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-builder-fields {
 gap:var(--bdr-space-5); padding:var(--bdr-panel-inset); color:#172013; background:#edf2e5; border:1px solid #a7b39d;
 border-top:5px solid #b7ff45; box-shadow:none;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-editor-scope { max-width:none;  font:500 13px/1.45 var(--body); color:#405237; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-step-nav {  border-bottom:1px solid #7f9572; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-step-nav button {
  border:0; border-bottom:3px solid transparent;   background:transparent; font-size:14px; box-shadow:none;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-step-nav button[aria-current=step] {   background:none; box-shadow:none; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-step-nav button>span { border:1px solid #7f9572; background:#d8e5cc; color:#172013; }

body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-identity-group { padding:0; gap:var(--bdr-space-4); border:0; background:none; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-identity-group legend { margin:0 0 16px; padding:0; color:#172013; font:750 18px/1.3 var(--body); }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-builder-fields :is(label>span,.profile-name-field label>span) { color:#172013; font-size:14px; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-builder-fields :is(.profile-field-scope,.profile-privacy-toggle span,.profile-extras summary) { color:#405237; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-editor-step>.profile-field-scope { display:none; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-builder-fields :is(input:not([type=radio]):not([type=checkbox]):not([type=range]),select,textarea) {
 color:#172013; background:#fff; border:1px solid #7f9572; border-radius:4px; min-height:48px; padding:12px;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-builder-fields :is(input,select,textarea)::placeholder { color:#52624d; opacity:1; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-builder-fields :is(input,select,textarea,button,summary):focus-visible { outline:2px solid #172013; outline-offset:3px; box-shadow:0 0 0 2px #b7ff45; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .sticker-theme-picker { border:0; padding:0; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .sticker-theme-picker legend { color:#172013; margin:0 0 16px; font:750 18px/1.3 var(--body); text-transform:none; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .sticker-theme-options { grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .sticker-theme-options label>span { color:#f5f7ef; background:#101a15; border:1px solid #435e4d; border-radius:var(--bdr-radius-panel); padding:8px; gap:10px; font-size:13px; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .sticker-theme-options i { height:110px; padding:4px 4px 12px; border-radius:2px; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .theme-athlete-art img { object-fit:cover; object-position:center 20%; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .sticker-theme-options input:checked+span { background:#24382b; border-color:#b7ff45; box-shadow:inset 0 0 0 1px #b7ff45; color:#f5f7ef; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .sticker-theme-options input:focus-visible+span { outline:2px solid #f5f7ef; outline-offset:3px; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-extras { border:1px solid #7f9572; border-radius:4px; background:none; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-extras>summary { padding:14px; color:#172013; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .settings-actions { gap:10px; padding:16px 0 0; margin:0; background:none; border:0; border-top:1px solid #7f9572; box-shadow:none; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .settings-actions>small { display:none; }
body.organization-ui.matchday-ui.street-ui #appShell #profileSaveStatus { color:#405237; font-size:13px; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-save-actions { display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center;  }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-save-actions>button { flex:0 1 auto; min-height:48px; border-radius:4px; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-save-actions>button[type=submit] { flex:1; max-width:240px; background:#b7ff45; border:1px solid #52624d; color:#172013; box-shadow:none; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-save-actions>button[type=submit]:disabled { color:#52624d; background:#d8e0d0; border-color:#a7b39d; cursor:not-allowed; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileDiscardChanges { width:auto; padding:8px 0; margin:0; min-height:44px; background:none; color:#405237; text-decoration:underline; text-underline-offset:3px; font-size:13px; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-builder-fields .profile-field-error { color:#8f2715; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-photo-editor {  border:1px solid #7f9572; background:#fff;   }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-photo-editor :is(h3,p,label,span) { color:#172013; }
@media(max-width:1100px) and (min-width:761px) {
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm.sticker-workbench { grid-template-columns:240px minmax(0,1fr); gap:24px; }
 body.organization-ui.matchday-ui.street-ui #appShell #profileForm .sticker-theme-options { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:760px) {
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm.sticker-workbench { grid-template-columns:minmax(0,1fr); gap:14px; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .view-header { margin-bottom:12px; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .sticker-preview-column { position:static; grid-template-columns:100px minmax(0,1fr); margin:0; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileStickerPreview {  grid-column:1; grid-row:1/3; align-self:start; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil #profileStickerPreview .album-sticker { width:80px; max-width:80px; padding:4px; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil #profileStickerPreview .street-card-portrait { width:72px; height:86px; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .sticker-preview-caption {  grid-template-columns:minmax(0,1fr) auto;  align-items:start; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .sticker-preview-caption>small { display:none; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .sticker-preview-caption>strong { font-size:16px; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .sticker-preview-identity { font-size:12px; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileStickerEffect {   grid-row:1/3; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .profile-photo-control { grid-column:1/-1; grid-row:auto; display:block; align-self:start; }
 body.organization-ui.matchday-ui.street-ui #appShell #profileForm .photo-picker-hint { display:block; }
 body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-photo-actions { margin-top:12px; gap:8px; }
 body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-photo-actions :is(.profile-photo-picker>span,button) { padding:12px; font-size:14px; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-builder-fields { padding:var(--bdr-panel-inset); gap:var(--bdr-space-4); }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-step-nav button { font-size:13px; padding:8px 4px; gap:6px; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-identity-group legend { font-size:18px; margin-bottom:16px; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-identity-group { gap:var(--bdr-space-3); }
 body.organization-ui.matchday-ui.street-ui #appShell #profileForm .sticker-theme-options { grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
 body.organization-ui.matchday-ui.street-ui #appShell #profileForm .sticker-theme-options i { height:76px; padding:3px 3px 10px; }
 body.organization-ui.matchday-ui.street-ui #appShell #profileForm .sticker-theme-options label>span { padding:4px; font-size:12px; gap:6px; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .settings-actions {
   bottom:76px;    gap:6px;
  background:#edf2e5; border-top:1px solid #7f9572; border-radius:0; box-shadow:0 -5px 10px #1720130a;
 }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-save-actions { display:flex; gap:8px; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-save-actions>button { padding:8px; min-height:44px; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-save-actions>button[type=submit] { max-width:none; }
 body.organization-ui.matchday-ui.street-ui #appShell #profileSaveStatus { font-size:12px; }
 body.organization-ui.matchday-ui.street-ui #appShell #profileForm :is(button,input,select,textarea,summary) { scroll-margin-top:32px; scroll-margin-bottom:190px; }
}
@media(max-width:760px) and (max-height:620px) {
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .settings-actions { position:static; box-shadow:none; }
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
 body.organization-ui.matchday-ui.street-ui #appShell #profileForm .sticker-theme-options label:hover>span { transform:translateY(-1px); border-color:#b7ff45; box-shadow:none; }
 body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-save-actions>button[type=submit]:not(:disabled):hover { transform:none; box-shadow:none; }
}
@media(prefers-reduced-motion:no-preference) {
 body.organization-ui.matchday-ui.street-ui #appShell #profileForm :is(.sticker-theme-options label>span,.profile-save-actions>button[type=submit]) { transition:transform 150ms cubic-bezier(.16,1,.3,1),box-shadow 150ms cubic-bezier(.16,1,.3,1); }
 body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-editor-step { animation:albumBenchEnter 150ms cubic-bezier(.16,1,.3,1); }
 body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-save-actions>button[type=submit]:not(:disabled):active { transform:scale(.985); box-shadow:none; }
}
@keyframes albumBenchEnter { from { opacity:.75; transform:translateY(4px); } to { opacity:1; transform:translateY(0); } }
@media(prefers-reduced-motion:reduce) {
 body.organization-ui.matchday-ui.street-ui #appShell #profileForm :is(.profile-editor-step,.sticker-theme-options label>span,.profile-save-actions>button[type=submit]) { animation:none; transition:none; transform:none; }
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileSaveStatus { color:#405237; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .profile-extras>summary,
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-extra-fields { background:transparent; color:#172013; }
@media(max-width:760px) {
 body.organization-ui.matchday-ui.street-ui #appShell .workspace:has(#profileEditSurface[open]) .topbar { margin-bottom:12px; padding-bottom:8px; }
 body.organization-ui.matchday-ui.street-ui #appShell .workspace:has(#profileEditSurface[open]) #topbarTitle { font:700 18px/1.35 var(--body); text-transform:none; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-identity-group legend { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileStickerEffect { min-width:52px; min-height:44px; display:flex; flex-direction:row; gap:8px; padding:10px 12px; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileStickerEffect>span { font-size:13px; line-height:1.3; white-space:normal; }
}
/**/
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .theme-sticker-sample { display:block; width:100%; height:auto; border:0; padding:0; background:none; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileForm .theme-sticker-sample .album-sticker { display:block; width:100%; max-width:none; min-height:0; padding:4px; border-radius:3px; box-shadow:none; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileForm .theme-sticker-sample .street-card-front { display:flex; flex-direction:column; gap:0; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileForm .theme-sticker-sample .street-card-club { min-height:0; padding:2px 3px; font-size:6px; line-height:1.2; gap:2px; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileForm .theme-sticker-sample .card-club-crest { width:12px; height:14px; font-size:7px; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileForm .theme-sticker-sample .street-card-portrait { display:block; flex:none; width:100%; height:auto; aspect-ratio:4/5; margin:4px 0; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileForm .theme-sticker-sample .locker-jersey.is-card-jersey { width:100%; height:100%; aspect-ratio:4/5; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileForm .theme-sticker-sample .street-card-name { padding:3px 2px 0; font-size:12px; line-height:1.05; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileForm .theme-sticker-sample .street-card-position { padding:4px 2px; font-size:6px; line-height:1.2; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileForm .theme-sticker-sample .street-card-number { bottom:3px; right:3px; min-width:20px; padding:2px; font-size:18px; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileForm .theme-sticker-sample .street-card-number>small { display:none; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileForm .theme-sticker-sample .street-card-portrait::after { display:none; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileForm .theme-sticker-sample .identity-fallback>b { font-size:22px; }
@media(min-width:761px) {
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .sticker-preview-column { width:min(100%,400px); justify-self:center; padding:32px 40px 24px; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileStickerPreview { margin-bottom:0; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .sticker-preview-caption { display:flex; flex-direction:column; gap:8px; align-items:center; text-align:center; max-width:300px; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .sticker-preview-caption>:is(strong,small) { display:none; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileStickerEffect { width:100%; margin:4px 0 0; order:2; }
}
/**/
@media(min-width:761px) and (max-height:720px) {
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .sticker-preview-column { position:static; }
}
@media(max-width:760px) {
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .settings-actions { position:static; margin:0;  box-shadow:none; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileForm .theme-sticker-sample .album-sticker { padding:3px; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileForm .theme-sticker-sample .street-card-club { font-size:4px; padding:2px 0; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileForm .theme-sticker-sample .card-club-crest { display:none; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileForm .theme-sticker-sample .street-card-portrait { margin:2px 0; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileForm .theme-sticker-sample .street-card-name { font-size:8px; padding:2px 1px 0; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileForm .theme-sticker-sample .street-card-position { font-size:4px; padding:3px 1px; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileForm .theme-sticker-sample .street-card-number { min-width:14px; font-size:13px; }
}


/**/
body.organization-ui #appShell .profile-welcome { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px; padding:18px; margin:0 0 18px; border:1px solid #60745e; border-radius:var(--bdr-radius-control); background:#1b2b22; color:#f2f5e9; }
body.organization-ui #appShell .profile-welcome[hidden] { display:none; }
body.organization-ui #appShell .profile-welcome strong { font:700 16px/1.4 var(--body); color:#f2f5e9; }
body.organization-ui #appShell .profile-welcome p { margin:4px 0 0; font:500 13px/1.5 var(--body); color:#c6d1bf; }
body.organization-ui #appShell .profile-welcome-actions { display:flex; flex-wrap:wrap; gap:8px; }
body.organization-ui #appShell .profile-welcome-actions button { min-height:44px; }
@media(max-width:760px) { body.organization-ui #appShell .profile-welcome-actions { width:100%; } body.organization-ui #appShell .profile-welcome-actions .primary-button { flex:1; } }

/**/
body.organization-ui.matchday-ui.street-ui #loginScreen {
  width:100%; max-width:none; margin:0; min-height:100dvh;
  padding:calc(clamp(36px,8vh,96px) + env(safe-area-inset-top,0px)) max(24px,calc((100% - 1280px)/2),env(safe-area-inset-right,0px)) calc(clamp(36px,8vh,96px) + env(safe-area-inset-bottom,0px)) max(24px,calc((100% - 1280px)/2),env(safe-area-inset-left,0px));
  grid-template-columns:minmax(0,1.2fr) minmax(360px,480px);
  gap:clamp(32px,6vw,96px); align-items:center;
  background-position:58% center; background-attachment:scroll;
}
body.organization-ui.matchday-ui.street-ui #loginScreen::before { display:none; }
body.organization-ui.matchday-ui.street-ui #loginScreen::after {
  inset:0; width:auto; height:auto; transform:none;
  background:linear-gradient(90deg,#0e160fec 0%,#0e160f99 48%,#0e160f28 100%),linear-gradient(0deg,#0e160f75,transparent 55%);
}
body.organization-ui.matchday-ui.street-ui #loginScreen .login-hero {
  min-height:min(680px,78svh); padding:0; justify-content:center;
}
body.organization-ui.matchday-ui.street-ui #loginScreen .login-brand {
  align-self:flex-start; margin:0 0 48px; padding:0; border-radius:0; background:transparent;
}
body.organization-ui.matchday-ui.street-ui #loginScreen .login-brand .brand-logo-full {
  display:block; width:220px; height:auto;
}
body.organization-ui.matchday-ui.street-ui #loginScreen .login-hero h1 {
  font-size:clamp(64px,6.5vw,100px); line-height:.92; max-width:11ch; margin:0 0 24px;
}
body.organization-ui.matchday-ui.street-ui #loginScreen .login-hero > p:not(.eyebrow) {
  max-width:32ch; font-size:16px; line-height:1.55; margin:0;
}
body.organization-ui.matchday-ui.street-ui #loginScreen .street-entry-art { padding-top:40px; }
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm {
  width:100%; max-width:480px; margin:0; padding:28px;
  align-self:center; justify-self:end; border:1px solid #eaf2dfb3;
  border-radius:var(--bdr-radius-panel); box-shadow:0 18px 50px #0005;
  background:#f2f5e9; color:#172013;
  -webkit-backdrop-filter:none; backdrop-filter:none;
  animation:none; transform-origin:center;
}
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only {
  background:#172017f5; border-color:#6e8064;
}
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only h2 {
  color:#f2f5e9; font:800 32px/1 var(--club-display); text-transform:uppercase;
}
body.organization-ui.matchday-ui.street-ui #loginScreen .login-choice-bar { gap:10px; }
body.organization-ui.matchday-ui.street-ui #loginScreen .login-choice-bar button {
  transition:transform 160ms cubic-bezier(.16,1,.3,1),background-color 160ms,border-color 160ms;
  touch-action:manipulation;
}
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button {
  padding:18px; gap:10px; min-height:88px; border-radius:3px;
  display:grid; grid-template-columns:minmax(0,1fr) 24px;
  align-content:center; border-color:#819272; background:#263125; color:#f2f5e9; box-shadow:none;
}
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button strong {
  color:#f2f5e9; font:800 26px/1 var(--club-display); text-transform:uppercase;
}
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button small {
  color:#d4dfca; font:500 13px/1.4 var(--body); margin:0; align-self:end;
}
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button::after {
  content:'›'; grid-column:2; grid-row:1; align-self:center; justify-self:end;
  width:24px; height:24px; display:grid; place-content:center;
  color:inherit; background:transparent; border:0; border-radius:0; font:500 28px/1 var(--body);
  transform:none; transition:transform 160ms cubic-bezier(.16,1,.3,1);
}
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar [data-entry-choice=invite] {
  grid-column:1/-1; min-height:128px; background:#b7ff45; color:#172013; border-color:#b7ff45;
}
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar [data-entry-choice=invite] :is(strong,small) { color:#172013; }
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar [data-entry-choice=invite] strong { font-size:36px; }
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar [data-entry-choice=account] { grid-column:1/-1; min-height:104px; }
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar :is([data-entry-choice=signup],[data-entry-choice=create]) { min-height:84px; }
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-legal-links a { color:#d4dfca; }
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only button:focus-visible { outline:3px solid #b7ff45; outline-offset:4px; }
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only [data-entry-choice=invite]:focus-visible { outline-color:#f2f5e9; }
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm :is(.primary-button,.login-back-choice,.secondary-login) {
  transition:transform 140ms cubic-bezier(.16,1,.3,1),background-color 140ms; touch-action:manipulation;
}
body.organization-ui.matchday-ui.street-ui #loginScreen #loginBackChoice::before { color:currentColor; }
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm button:active { transform:scale(.98); }
@media (hover:hover) and (pointer:fine) {
  body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button:hover { transform:translateX(4px); border-color:#b7ff45; background:#34462c; }
  body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar [data-entry-choice=invite]:hover { background:#c8ff72; }
  body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button:hover::after { transform:translateX(3px); }
  body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button:hover:active { transform:translateX(2px) scale(.98); }
}
@media (max-width:900px) {
  body.organization-ui.matchday-ui.street-ui #loginScreen { grid-template-columns:minmax(0,1fr) minmax(340px,420px); gap:28px; padding:calc(40px + env(safe-area-inset-top,0px)) max(24px,env(safe-area-inset-right,0px)) calc(40px + env(safe-area-inset-bottom,0px)) max(24px,env(safe-area-inset-left,0px)); }
  body.organization-ui.matchday-ui.street-ui #loginScreen .login-hero h1 { font-size:64px; }
  body.organization-ui.matchday-ui.street-ui #loginScreen .street-entry-art > strong { font-size:40px; }
}
@media (max-width:760px) {
  body.organization-ui.matchday-ui.street-ui #loginScreen { display:flex; flex-direction:column; padding:calc(28px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) calc(32px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px)); gap:20px; background-position:62% top; }
  body.organization-ui.matchday-ui.street-ui #loginScreen .login-hero { width:100%; min-height:0; padding:0 4px; }
  body.organization-ui.matchday-ui.street-ui #loginScreen .login-brand { margin-bottom:20px; }
  body.organization-ui.matchday-ui.street-ui #loginScreen .login-brand .brand-logo-full { width:158px; }
  body.organization-ui.matchday-ui.street-ui #loginScreen .login-hero h1 { font-size:48px; line-height:.94; max-width:15ch; margin:0; }
  body.organization-ui.matchday-ui.street-ui #loginScreen .login-hero > p:not(.eyebrow),
  body.organization-ui.matchday-ui.street-ui #loginScreen .street-entry-art { display:none; }
  body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm { max-width:520px; margin:0 auto; padding:20px; }
  body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar [data-entry-choice=invite] { min-height:104px; }
  body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar [data-entry-choice=account] { min-height:88px; }
  body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar :is([data-entry-choice=signup],[data-entry-choice=create]) { min-height:70px; }
  body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button strong { font-size:24px; }
  body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar [data-entry-choice=invite] strong { font-size:30px; }
  body.organization-ui.matchday-ui.street-ui #loginScreen:has(#loginForm:not(.is-entry-choice-only)) .login-hero h1 { display:none; }
  body.organization-ui.matchday-ui.street-ui #loginScreen:has(#loginForm:not(.is-entry-choice-only)) .login-brand { margin:0; }
}
@media (prefers-reduced-motion:reduce) {
  body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm,
  body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm button,
  body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm button::after { animation:none !important; transition:none !important; transform:none !important; }
}

/**/
body.organization-ui.matchday-ui.street-ui .login-screen .login-card .auth-text-action {
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-height:44px; padding:10px 12px; margin:0; width:fit-content;
  border:0; border-radius:var(--radius-control); background:transparent; box-shadow:none;
  color:#405237; font:600 14px/1.4 var(--body); text-decoration:none; cursor:pointer;
  transition:background-color 140ms ease,color 140ms ease;
}
body.organization-ui.matchday-ui.street-ui .login-screen .login-card .auth-text-action svg { width:18px; height:18px; flex:none; stroke-width:2; }
body.organization-ui.matchday-ui.street-ui #loginForm .login-account-actions { display:flex; justify-content:flex-end; margin-top:8px; }
body.organization-ui.matchday-ui.street-ui :is(#passwordRequestForm,#passwordRecoveryForm) {
  width:min(100%,480px); margin:0; padding:28px; gap:16px; align-self:center;
  border:1px solid #eaf2dfb3; border-radius:var(--radius-panel);
  background:#f2f5e9; color:#172013;
  -webkit-backdrop-filter:none; backdrop-filter:none;
}
body.organization-ui.matchday-ui.street-ui :is(#passwordRequestForm,#passwordRecoveryForm)>:is(h1,h2,p) { margin:0; }
body.organization-ui.matchday-ui.street-ui :is(#passwordRequestForm,#passwordRecoveryForm) .auth-text-action { justify-self:center; }
body.organization-ui.matchday-ui.street-ui :is(#passwordRequestForm,#passwordRecoveryForm) .primary-button {
  min-height:52px; padding:12px 18px; border-radius:var(--radius-control); font:700 18px/1.4 var(--body);
}
body.organization-ui.matchday-ui.street-ui :is(#passwordRequestForm,#passwordRecoveryForm) [role=status] { font:500 14px/1.5 var(--body); overflow-wrap:anywhere; }
body.organization-ui.matchday-ui.street-ui #passwordRequestStatus[data-state=error] { color:#922c23; }
body.organization-ui.matchday-ui.street-ui #passwordRecoveryScreen { padding:calc(32px + env(safe-area-inset-top,0px)) max(24px,env(safe-area-inset-right,0px)) calc(32px + env(safe-area-inset-bottom,0px)) max(24px,env(safe-area-inset-left,0px)); }
/**/
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm:not(.is-entry-choice-only),
  body.organization-ui.matchday-ui.street-ui :is(#passwordRequestForm,#passwordRecoveryForm) {
    background:linear-gradient(145deg,#ffffff66,#ffffff00 52%),rgb(242 245 233 / .9);
    -webkit-backdrop-filter:blur(16px) saturate(1.12);
    backdrop-filter:blur(16px) saturate(1.12);
  }
}
@media(prefers-reduced-transparency:reduce) {
  body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm:not(.is-entry-choice-only),
  body.organization-ui.matchday-ui.street-ui :is(#passwordRequestForm,#passwordRecoveryForm) {
    background:#f2f5e9;
    -webkit-backdrop-filter:none; backdrop-filter:none;
  }
}
@media(forced-colors:active) {
  body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm:not(.is-entry-choice-only),
  body.organization-ui.matchday-ui.street-ui :is(#passwordRequestForm,#passwordRecoveryForm) {
    background:Canvas; color:CanvasText; border-color:ButtonBorder; box-shadow:none;
    -webkit-backdrop-filter:none; backdrop-filter:none;
  }
}
@media(hover:hover) {
  body.organization-ui.matchday-ui.street-ui .login-screen .login-card .auth-text-action:hover { color:#172013; background:#e2e9d9; text-decoration:underline; text-underline-offset:3px; }
}
@media(max-width:760px) {
  body.organization-ui.matchday-ui.street-ui #loginScreen:not(:has(.is-entry-choice-only)) { justify-content:center; align-items:stretch; gap:24px; padding:calc(32px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) calc(32px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px)); }
  body.organization-ui.matchday-ui.street-ui #passwordRecoveryScreen { padding:calc(32px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) calc(32px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px)); }
  body.organization-ui.matchday-ui.street-ui :is(#passwordRequestForm,#passwordRecoveryForm) { padding:20px; }
}
@media(prefers-reduced-motion:reduce) {
  body.organization-ui.matchday-ui.street-ui .login-screen .login-card .auth-text-action { transition:none; }
}

/**/
body.organization-ui.matchday-ui.street-ui #loginScreen:has(.is-entry-choice-only) {
  display:flex; flex-direction:column; justify-content:flex-start; gap:32px; padding-top:40px; padding-bottom:calc(32px + env(safe-area-inset-bottom,0px));
}
body.organization-ui.matchday-ui.street-ui #loginScreen:has(.is-entry-choice-only) .login-hero {
  width:100%; min-height:0; display:block;
}
body.organization-ui.matchday-ui.street-ui #loginScreen:has(.is-entry-choice-only) .login-brand { margin:0 0 28px; }
body.organization-ui.matchday-ui.street-ui #loginScreen:has(.is-entry-choice-only) .login-hero h1 {
  max-width:22ch; font-size:clamp(40px,4.8vw,68px); line-height:.98; margin-bottom:12px;
}
body.organization-ui.matchday-ui.street-ui #loginScreen:has(.is-entry-choice-only) .login-hero > p:not(.eyebrow) { max-width:64ch; }
body.organization-ui.matchday-ui.street-ui #loginScreen:has(.is-entry-choice-only) .street-entry-art { display:none; }
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only {
  max-width:none; padding:0; margin:0; gap:20px; border:0; box-shadow:none; background:transparent; backdrop-filter:none;
}
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only h2 { font-size:22px; margin:0; }
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-social-access { width:min(100%,480px); }
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar {
  display:grid; grid-template-columns:1.25fr 1.15fr 1fr 1fr; gap:16px;
}
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button[data-entry-choice] {
  --tile-accent:#b7ff45;
  position:relative; isolation:isolate; overflow:hidden; display:flex; flex-direction:column; align-items:stretch;
  grid-column:auto;   gap:8px;
  text-align:left; background:#172017; border:1px solid #718069;
   color:#f3f6ed; box-shadow:0 8px 24px #0003;
  transition:transform 180ms cubic-bezier(.16,1,.3,1),border-color 160ms,box-shadow 180ms;
}
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button[data-entry-choice][data-entry-choice=account] { --tile-accent:#8ad6ed; }
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button[data-entry-choice][data-entry-choice=signup] { --tile-accent:#ffb36b; }
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button[data-entry-choice][data-entry-choice=create] { --tile-accent:#d1b1ff; }
body.organization-ui.matchday-ui.street-ui #loginScreen .entry-tile-image { display:none; }
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .entry-tile-image {
  display:block; position:absolute; z-index:-2; inset:0 0 auto;
   object-position:65% center; pointer-events:none;
  transition:transform 240ms cubic-bezier(.16,1,.3,1); transform-origin:60% 60%;
}
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only [data-entry-choice=signup] .entry-tile-image { object-position:78% center; }
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only [data-entry-choice=create] .entry-tile-image { object-position:18% center; }
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button[data-entry-choice]::before {
  content:''; position:absolute; z-index:-1; inset:196px 0 0; width:auto; height:auto; background:#172017; border:0; border-radius:0; transform:none;
}
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button[data-entry-choice]::after { display:none; }
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-kicker {
  display:block; color:var(--tile-accent); font:700 11px/1.3 var(--body); letter-spacing:.04em; text-transform:uppercase;
}
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button[data-entry-choice] strong {
  display:block;  font:800 clamp(28px,2.5vw,36px)/1 var(--club-display); text-transform:uppercase;
}
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button[data-entry-choice] small {
  display:block; color:#d2dccb; font:500 13px/1.45 var(--body); align-self:auto; margin:0;
}
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button[data-entry-choice=invite] { background:#b7ff45; }
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button[data-entry-choice=invite]::before { background:#b7ff45; }

body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-legal-links { justify-content:flex-start; margin-top:20px; }
@media(hover:hover) and (pointer:fine) {
  body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button[data-entry-choice]:hover {
    transform:translateY(-5px); border-color:var(--tile-accent); background:#172017; box-shadow:0 14px 30px #0005;
  }
  body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button[data-entry-choice]:hover .entry-tile-image { transform:scale(1.045); }
  body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button[data-entry-choice]:hover:active { transform:translateY(-1px) scale(.985); }
}
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button[data-entry-choice]:focus-visible { outline:3px solid #fff; outline-offset:4px; border-color:var(--tile-accent); }
@media(max-width:1000px) and (min-width:761px) {
  body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button[data-entry-choice] { min-height:300px; }
}
@media(max-width:760px) {
  body.organization-ui.matchday-ui.street-ui #loginScreen:has(.is-entry-choice-only) { padding-top:calc(24px + env(safe-area-inset-top,0px)); gap:24px; background-image:linear-gradient(180deg,#0e160f80,#0e160fa6),url('/assets/street-arena-v166.webp'); }
  body.organization-ui.matchday-ui.street-ui #loginScreen:has(.is-entry-choice-only) .login-brand { margin-bottom:20px; }
  body.organization-ui.matchday-ui.street-ui #loginScreen:has(.is-entry-choice-only) .login-hero h1 { font-size:40px; max-width:16ch; margin:0; }
  body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only h2 { font-size:22px; margin:0; }
  body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
  body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button[data-entry-choice] {   gap:6px; }
  body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .entry-tile-image { height:112px; }
  body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button[data-entry-choice]::before { inset:112px 0 0; }

  body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button[data-entry-choice] small { font-size:12px; }
  body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button:is([data-entry-choice=invite],[data-entry-choice=account]) { grid-column:1/-1;   justify-content:center; }
  body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button:is([data-entry-choice=invite],[data-entry-choice=account]) .entry-tile-image { inset:0 0 0 auto;   }
  body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button:is([data-entry-choice=invite],[data-entry-choice=account])::before { inset:0 40% 0 0; }
  body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button[data-entry-choice=invite] strong { font-size:30px; }
}
@media(prefers-reduced-motion:reduce) {
  body.organization-ui.matchday-ui.street-ui #loginScreen .entry-tile-image { transition:none!important; transform:none!important; }
}

/**/
body.organization-ui.matchday-ui.street-ui #appShell .home-vestiario-links.lobby-menu {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:0 0 28px;
}
body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu > button.lobby-tile {
  --lobby-accent:#b7ff45;
  display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; gap:0;
  min-height:0; padding:0; position:relative; overflow:hidden; text-align:left;
  border:1px solid #74816d; border-radius:var(--bdr-radius-panel);
  background:#1c261c; color:#f3f6ed; box-shadow:none; isolation:isolate;
  transition:transform 160ms cubic-bezier(.16,1,.3,1),border-color 160ms;
}
body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu > button.lobby-tile.is-teams { --lobby-accent:#8ad6ed; }
body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu > button.lobby-tile.street-resenha-link { --lobby-accent:#ffb36b; }
body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu > button.lobby-tile::before,
body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu > button.lobby-tile::after { content:none; }
body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu .lobby-art {
  display:block; position:relative; width:100%; height:174px; overflow:hidden; background:#293929; color:#b7ff45;
}
body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu .lobby-art > img {
  display:block; width:100%; height:100%; object-fit:cover; object-position:center 55%;
  transition:transform 240ms cubic-bezier(.16,1,.3,1);
}
body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu .lobby-art.is-player {
  display:flex; align-items:center; justify-content:center;
  background:#b7ff45; background-image:linear-gradient(125deg,transparent 48%,#87c42e 48%,#87c42e 63%,transparent 63%);
}
body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu .lobby-art .is-personal {
  display:block; width:114px; height:142px; position:relative; flex:none; margin:0 0 14px;
  border:5px solid #f3f6ed; border-radius:3px; background:#1c261c; color:#b7ff45;
  box-shadow:5px 5px 0 #17201733; transform:rotate(-5deg);
  transition:transform 220ms cubic-bezier(.16,1,.3,1);
}
body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu .is-personal img { border-radius:0; object-fit:cover; object-position:center; }
body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu .lobby-art-caption {
  position:absolute; inset:auto 0 0; padding:6px 12px; background:#172017; color:#e1e9db;
  font:600 11px/1.4 var(--body); text-align:left;
}
body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu .lobby-copy {
  display:flex; flex:1; flex-direction:column; align-items:flex-start;
}
body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu .lobby-copy b {  text-transform:uppercase;  }
body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu .lobby-copy small {  font:500 13px/1.4 var(--body); margin:0; }
body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu .lobby-copy .lobby-action {
  display:flex; align-items:center; justify-content:space-between; gap:16px; width:100%;
  color:var(--lobby-accent); font:700 13px/1.3 var(--body);
}
body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu .lobby-action svg { width:18px; height:18px; }
body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu > button.lobby-tile:focus-visible { outline:3px solid #fff; outline-offset:4px; }
body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu > button.lobby-tile:active { transform:scale(.985); }
@media(hover:hover) and (pointer:fine) {
  body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu > button.lobby-tile:hover { transform:translateY(-4px); border-color:var(--lobby-accent); }
  body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu > button.lobby-tile:hover .lobby-art > img { transform:scale(1.035); }
  body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu > button.lobby-tile:hover .is-personal { transform:rotate(0deg) translateY(-2px); }
  body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu > button.lobby-tile:hover:active { transform:scale(.985); }
}
@media(max-width:760px) {
  body.organization-ui.matchday-ui.street-ui #appShell .home-vestiario-links.lobby-menu { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-bottom:22px; }
  body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu > button.street-locker-link { grid-column:1/-1; flex-direction:row; flex-wrap:nowrap; align-items:stretch; }
  body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu > .street-locker-link .lobby-art { width:38%; flex:0 0 38%; height:160px; }
  body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu > .street-locker-link .lobby-art-caption { display:none; }
  body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu .lobby-art .is-personal { width:88px; height:116px; margin:0; }
  body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu .lobby-art { height:106px; }
  body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu .lobby-art-caption { display:none; }
  body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu .lobby-copy {  gap:6px; }

  body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu .lobby-copy small { font-size:12px; }
}
@media(prefers-reduced-motion:reduce) {
  body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu :is(button.lobby-tile,.lobby-art>img,.is-personal) { transition:none!important; transform:none!important; }
}
/**/

body.organization-ui.matchday-ui.street-ui #appShell .home-support-grid { padding-block:0;  }
body.organization-ui.matchday-ui.street-ui #appShell .my-round-panel > .organization-story { margin:12px 0; }
body.organization-ui.matchday-ui.street-ui #appShell .nav-item { border-radius:4px; }
@media(max-width:760px) {

}

/**/
body.organization-ui.matchday-ui.street-ui #loginScreen {
  background-image:url('/assets/street-arena-v166.webp'); background-position:60% center;
}
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-code-lookup {
  align-self:center; padding:28px;
}
body.organization-ui.matchday-ui.street-ui #loginScreen #previewInviteCode {
  grid-column:1/-1; display:flex; justify-content:center; min-height:52px; width:100%;
  margin:0; padding:14px 20px; background:#b7ff45; color:#172017;
  border:1px solid #5d7b39; border-radius:var(--bdr-radius-control); font:800 18px/1.2 var(--body); touch-action:manipulation;
}
body.organization-ui.matchday-ui.street-ui #loginScreen #previewInviteCode:focus-visible { outline:3px solid #274c2e; outline-offset:4px; }
body.organization-ui.matchday-ui.street-ui #loginScreen #loginCodeField { grid-column:1/-1; }
body.organization-ui.matchday-ui.street-ui #loginScreen #loginCode { letter-spacing:.02em; }
body.organization-ui.matchday-ui.street-ui #loginScreen #loginInviteIntent { margin-top:18px; }
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-code-lookup #loginBackChoice { margin-bottom:0; }
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-code-lookup #demoLogin { display:none; }
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-code-lookup .login-actions { display:none; }
body.organization-ui.matchday-ui.street-ui #loginScreen .invite-lookup-button:active { transform:scale(.985); }
@media(max-width:760px) {
 body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-code-lookup { padding:24px 20px; }
 body.organization-ui.matchday-ui.street-ui #loginScreen { background-position:65% top; }
}

/**/
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-code-lookup #loginStatus[data-sync-status=local] { display:none; }
/**/
body.organization-ui.matchday-ui.street-ui #appShell #view-recap #roundResultSummary strong { color:#172017; }
body.organization-ui.matchday-ui.street-ui #appShell #view-recap #resultGateNote { color:#172017; }


/**/
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker {
  border-radius:4px; padding:7px; border:1px solid #cbd1ba;
  background:#f4f2df; box-shadow:0 2px 0 #87917c,0 12px 24px #0004;
  min-width:0; max-width:100%; isolation:isolate; text-align:left;
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker :is(.street-card-front,.street-card-back) { border-radius:2px; overflow:hidden; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker .street-card-portrait,
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker .is-card-jersey,
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker .is-card-jersey img { border-radius:0; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker .street-card-number { border-radius:4px; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker .street-card-club { border-bottom:1px solid #ffffff42; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker .street-card-name { font-size:clamp(20px,2vw,28px); line-height:1; overflow-wrap:anywhere; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker .street-card-position { font-size:11px; line-height:1.4; padding-block:5px 8px; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker .sticker-attributes { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:4px; padding:10px 8px 7px; background:#16251d; color:#f3f5e8; border-top:1px solid #728574; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker .sticker-stat { display:grid; justify-items:center; gap:3px; min-width:0; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker .sticker-stat b { font:800 23px/1 var(--club-display); color:#f3f5e8; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker .sticker-stat small { color:#d7e1ce; font-size:9px; letter-spacing:.06em; font-weight:700; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker .sticker-stat-meter { display:flex; gap:2px; height:3px; width:100%; max-width:32px; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker .sticker-stat-meter i { flex:1; background:#586a5b; border-radius:0; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker .sticker-stat-meter .is-filled { background:#b7ff45; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker .sticker-assessment-label { grid-column:1/-1; text-align:center; color:#d7e1ce; font:600 9px/1.5 var(--body); letter-spacing:.03em; padding-top:4px; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker .street-card-tap { min-height:32px; margin-top:0; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker .street-card-back { min-height:360px; justify-content:center; gap:16px; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker .street-card-back .sticker-attributes { width:100%; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .theme-sticker-sample .album-sticker { padding:3px; border-radius:4px; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .theme-sticker-sample .album-sticker :is(.sticker-attributes,.street-card-tap) { display:none; }
body.organization-ui.matchday-ui.street-ui #appShell .locker-room-heading { align-items:center;  }
body.organization-ui.matchday-ui.street-ui #appShell .locker-room-heading h3 {  font:800 italic clamp(26px,3vw,36px)/1 var(--club-display); text-transform:uppercase; }

body.organization-ui.matchday-ui.street-ui #appShell .locker-lineup { display:grid;    overflow:visible; padding:0 0 8px; }
body.organization-ui.matchday-ui.street-ui #appShell .locker-athlete { display:flex; flex-direction:column; gap:10px;  border:0;   min-width:0; transform:none; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .locker-athlete .album-sticker { width:100%; display:block; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .locker-athlete .street-card-portrait { height:auto; aspect-ratio:1/1.05; }
body.organization-ui.matchday-ui.street-ui #appShell .locker-athlete .is-card-jersey { width:100%; height:100%; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .locker-athlete .street-card-name { font-size:clamp(18px,1.7vw,25px); }
body.organization-ui.matchday-ui.street-ui #appShell .locker-list-link { width:100%;  padding:8px; background:#293e30; border:1px solid #71866c;  border-radius:4px; font:700 12px/1.4 var(--body); display:flex; align-items:center; justify-content:space-between; }
body.organization-ui.matchday-ui.street-ui #appShell .locker-list-link svg { width:16px; height:16px; }
body.organization-ui.matchday-ui.street-ui #appShell .locker-more { align-self:center; min-height:88px; color:#e9f4db; background:#293e30; border-radius:4px; border:1px solid #71866c; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .lobby-art.is-player > .album-sticker { display:block; width:118px; transform:rotate(-5deg); padding:4px; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .lobby-art.is-player .street-card-portrait { height:104px; aspect-ratio:auto; }
body.organization-ui.matchday-ui.street-ui #appShell .lobby-art.is-player .is-card-jersey { width:100%; height:100%; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .lobby-art.is-player .street-card-club { font-size:6px; min-height:16px; padding:3px; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .lobby-art.is-player .street-card-name { font-size:13px; padding:4px; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .lobby-art.is-player .street-card-position { font-size:7px; padding:2px 4px 5px; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .lobby-art.is-player .street-card-number { font-size:20px; min-width:26px; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .lobby-art.is-player .street-card-number small { font-size:5px; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .lobby-art.is-player :is(.sticker-attributes,.street-card-tap) { display:none; }
/**/
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .game-attributes { padding:24px; margin:0; background:#19291f; color:#f3f5e8; border:1px solid #67795e; border-radius:6px; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .game-attributes-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:12px; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .game-attributes-heading .eyebrow { color:#b7ff45; font-size:10px; letter-spacing:.13em; margin:0 0 5px; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .game-attributes h4 { font:750 18px/1.3 var(--body); color:var(--bdr-ink,#f5f7ef); margin:0; text-transform:none; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .game-attributes-heading > span { font:800 26px/1 var(--club-display); color:#b7ff45; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .game-attributes #profileAttributesHint { color:var(--bdr-secondary,#c3d0c8); font-size:13px; line-height:1.5; margin:0 0 24px; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .game-attribute-list { display:grid; gap:16px; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .game-attribute { display:block; padding:0; margin:0; border:0; min-width:0; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .game-attribute legend { padding:0 0 7px; font:700 14px/1.4 var(--body); color:#f3f5e8; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .game-attribute-options { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .game-attribute-options label { display:grid; position:relative; padding:0; margin:0; cursor:pointer; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .game-attribute-options input { position:absolute; width:100%; height:100%; inset:0; opacity:0; margin:0; cursor:pointer; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .game-attribute-options label > span { display:grid; place-items:center; min-height:44px; background:#304533; border:1px solid #78916e; border-radius:var(--bdr-radius-control); color:#f3f5e8; font:800 18px/1 var(--body); pointer-events:none; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .game-attribute-options input:checked + span { background:#b7ff45; color:#172013; border-color:#b7ff45; box-shadow:none; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .game-attribute-options input:focus-visible + span { outline:3px solid #fff; outline-offset:3px; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .game-attributes-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:18px; flex-wrap:wrap; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .game-attributes-footer small { color:var(--bdr-secondary,#c3d0c8); font-size:12px; line-height:1.5; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .game-attributes-footer button { min-height:44px; padding:8px; background:transparent; color:#e1edce; border:1px solid #78916e; border-radius:4px; font-size:12px; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .game-attributes .profile-field-error { color:#fff2de; background:#6e331f; padding:12px; margin-top:14px; border-radius:4px; }
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .locker-athlete .album-sticker { transition:transform 180ms cubic-bezier(.16,1,.3,1),box-shadow 180ms ease-out; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .locker-athlete .album-sticker:hover { transform:translateY(-2px); box-shadow:0 14px 26px #0004; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .game-attribute-options label:hover > span { border-color:#b7ff45; }
}
@media(max-width:760px) {

 body.organization-ui.matchday-ui.street-ui #appShell .locker-lineup { display:flex; overflow-x:auto;  padding:5px 5px 16px; margin-inline:-5px; scroll-snap-type:x proximity; }
 body.organization-ui.matchday-ui.street-ui #appShell .locker-athlete { flex:0 0 176px; scroll-snap-align:start; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .locker-athlete .street-card-name { font-size:20px; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .locker-athlete .street-card-portrait { height:172px; }
 body.organization-ui.matchday-ui.street-ui #appShell .locker-more { flex:0 0 88px; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .game-attributes { padding:16px; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .game-attributes h4 { font-size:18px; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .sticker-live-preview .album-sticker .sticker-attributes { display:none; }
}
@media(prefers-reduced-motion:no-preference) {
 body.organization-ui .app-shell .view.is-active .album-sticker.is-card-turning { animation:street-card-turn 340ms cubic-bezier(.16,1,.3,1) !important; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .game-attribute-options label > span { transition:background-color 150ms ease-out,color 150ms ease-out,box-shadow 150ms ease-out; }
 body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .game-attribute-options input:active + span { transform:translateY(1px); }
}

/**/
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] {
 display:block !important; box-sizing:border-box; aspect-ratio:5/7 !important;
 height:auto !important; min-height:0 !important;  border-radius:4px !important;
 background:linear-gradient(125deg,#f5efd3 0%,#a2ab8a 12%,#f9f6df 30%,#ddd7ad 70%,#f5efd3 100%) !important;
 border:1px solid #cdd3b7; position:relative; container-type:inline-size;
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] :is(.street-card-front,.street-card-back) {
 box-sizing:border-box; height:100% !important; min-height:0 !important; width:100%; margin:0 !important;
 padding:0 !important; border-radius:2px !important; overflow:hidden;
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-front {
  grid-template-rows:9% 59% 14% 8% 10%;
  color:var(--athlete-ink);
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-club {
 display:flex !important; margin:0 !important; padding:4px 7px !important; min-height:0 !important;
 font-size:clamp(5px,4cqw,12px) !important; line-height:1.2; gap:5px;
 color:var(--athlete-ink); background:linear-gradient(115deg,#ffffff32,transparent),var(--athlete-bg);
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-club .card-club-crest {
 width:clamp(10px,10cqw,28px); height:clamp(10px,10cqw,28px); min-width:0; min-height:0;
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-portrait {
 display:block !important; width:100% !important; height:100% !important; min-height:0 !important;
 aspect-ratio:auto !important; margin:0 !important; padding:0; border-radius:0 !important;
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .is-card-jersey {
 width:100% !important; height:100% !important; aspect-ratio:auto !important; padding:0 !important;
 border:0 !important; border-radius:0 !important;
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .is-card-jersey img {
    object-position:center 35%; border-radius:0;
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-portrait::after { display:none !important; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-name {
 display:flex !important; align-items:center;  margin:0 !important;
 height:100%; min-height:0; overflow:hidden; font-size:clamp(7px,8.5cqw,28px) !important;
 line-height:1.03 !important; background:linear-gradient(115deg,#ffffff24,transparent),var(--athlete-bg);
 color:var(--athlete-ink); text-wrap:balance;
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-position {
 display:flex !important; align-items:center;  margin:0 !important;
 font-size:clamp(4px,4cqw,12px) !important; line-height:1.2 !important;
 background:var(--athlete-bg); color:var(--athlete-ink);
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-tap {
 display:flex !important; align-items:center; min-height:0 !important;
 margin:0 !important; font-size:clamp(6px,4cqw,12px) !important;
 background:var(--athlete-bg); color:var(--athlete-ink); border-color:var(--athlete-line);
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-number {
 min-width:0 !important; padding:clamp(3px,2cqw,7px) !important; right:5px; bottom:5px;
 font-size:clamp(14px,13cqw,40px) !important; line-height:1; background:var(--athlete-bg); color:var(--athlete-ink);
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-number small { font-size:clamp(4px,3cqw,9px) !important; margin:0; color:var(--athlete-ink); }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-back {
 display:flex !important; flex-direction:column; justify-content:space-between; gap:8px !important;
 padding:12px !important; background:#16251d; color:#f3f5e8;
}

body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-back > strong { font:800 italic clamp(18px,9cqw,28px)/1.05 var(--club-display);  }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-back > .street-card-club { color:#172013; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-back > span:not([class]) { font-size:clamp(9px,4cqw,12px); }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-back .street-card-rule { font-size:clamp(9px,4cqw,12px); margin:0; line-height:1.5; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-back .street-card-tap { color:#172013; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] [hidden] { display:none !important; }
body.organization-ui.matchday-ui.street-ui #appShell .locker-athlete { background:transparent; padding:0; border-radius:0; }
body.organization-ui.matchday-ui.street-ui #appShell .locker-lineup {  grid-template-columns:repeat(4,minmax(0,1fr));  }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .locker-athlete .album-sticker { max-width:none; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .locker-athlete .album-sticker .sticker-stat small { color:#d7e1ce; margin:0; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .locker-athlete .album-sticker .sticker-assessment-label { color:#d7e1ce; }
body.organization-ui.matchday-ui.street-ui #appShell #profileStickerDialogFlip { width:100%; min-height:44px; margin-top:14px; border:1px solid #71866c; color:#f3f5e8; background:#293e30; border-radius:var(--bdr-radius-control); }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileStickerDialogPreview .album-sticker[data-card-face=back] .street-card-back { display:flex !important; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #profileStickerDialogPreview .album-sticker[data-card-face=back] .street-card-front { display:none !important; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker.is-sticker-preview .street-card-front { grid-template-rows:9% 65% 16% 10%; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker.is-sticker-preview .street-card-front .street-card-tap { display:none !important; }
@media(max-width:760px) {
 body.organization-ui.matchday-ui.street-ui #appShell .locker-athlete { flex:0 0 190px; }

}

body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] {
 --card-finish:linear-gradient(145deg,#ffffff18,transparent 62%);
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] :is(.street-card-name,.street-card-position,.street-card-club,.street-card-front>.street-card-tap) {
 background:var(--card-finish),var(--athlete-bg);
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-number {
   right:auto; bottom:auto; box-shadow:0 2px 8px #0003; border:1px solid var(--athlete-line);
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-back { background:#16251d !important; color:#f3f5e8 !important; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-back > :is(span,strong) { color:#f3f5e8; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-back > .street-card-club { color:var(--athlete-ink); }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-back > strong { margin:0; font-size:clamp(18px,9cqw,28px); }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-back > .street-card-rule { margin:0; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-back > .street-card-tap { color:var(--athlete-ink); }

body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"][data-street-theme=night] {
 --card-finish:linear-gradient(145deg,#ffffff0a,transparent 62%);
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-tap,
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-tap svg { color:var(--athlete-ink) !important; }

:is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-name > span { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; color:inherit; font:inherit; }

/**/
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] {
  background:linear-gradient(132deg,#f8edb5 0%,#758365 13%,#fff7d7 29%,#9b9e70 66%,#f8edb5 100%) !important;
 box-shadow:0 2px 0 #77836a,0 10px 22px #0005;
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-front {
 grid-template-rows:64% 12% 5% 13% 6% !important; position:relative;
 background:var(--athlete-bg);
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-front > .street-card-club {
 position:absolute; z-index:4; inset:7px 7px auto;
 border:1px solid var(--athlete-line);
 background:var(--card-finish),var(--athlete-bg); color:var(--athlete-ink);
 font-size:clamp(5px,3.6cqw,11px) !important;
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-portrait {
 background:radial-gradient(ellipse at 65% 26%,color-mix(in srgb,var(--athlete-bg) 44%,transparent),transparent 72%),linear-gradient(155deg,#263f36,#0d1a16);
 overflow:hidden; isolation:isolate;
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .is-card-jersey {
 position:absolute; inset:0; background:transparent !important; overflow:visible !important;
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .is-card-jersey img {
 position:absolute; left:-10%; bottom:0; top:auto; width:120%; height:100%; max-width:none;
 object-fit:cover; object-position:center 18%; background:transparent;
 filter:drop-shadow(0 5px 5px #0003);
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-portrait .identity-fallback {
 inset:17% 12% 5%; color:#253d2b; --jersey-seam:#b3bd83;
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .identity-fallback b { color:#f2edcc !important; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-number {
  left:8px; box-shadow:none; border:0;
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-name {
 justify-content:center; text-align:center; font-size:clamp(8px,8.5cqw,28px) !important;
 padding:3px 6px !important; border-top:1px solid var(--athlete-line);
 background:var(--card-finish),var(--athlete-bg);
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-position {
 justify-content:center; padding:0 5px !important; font-size:clamp(4px,3.5cqw,11px) !important;
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-front > .sticker-attributes {
  grid-template-columns:repeat(5,minmax(0,1fr));
 padding:5px 7px 2px; gap:3px; border-top:1px solid var(--athlete-line);
 background:var(--card-finish),var(--athlete-bg); color:var(--athlete-ink); overflow:hidden;
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-front .sticker-stat { gap:1px; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-front .sticker-stat b { color:var(--athlete-ink); font-size:clamp(7px,6cqw,21px); }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-front .sticker-stat small { color:var(--athlete-ink); font-size:clamp(4px,3cqw,9px); letter-spacing:.02em; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-front .sticker-stat-meter { display:none; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-front .sticker-assessment-label { color:var(--athlete-ink); font-size:clamp(4px,2.7cqw,8px); line-height:1; padding-top:0; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-tap { font-size:clamp(5px,3.5cqw,11px) !important; padding:2px 7px !important; }
body.organization-ui.matchday-ui.street-ui #appShell #profilePhotoCutout { min-height:44px; border:1px solid #5e7458; border-radius:var(--bdr-radius-control); background:#253e2e; color:#f3f5e8; padding:10px 14px; }
body.organization-ui.matchday-ui.street-ui #appShell #profilePhotoCutout:disabled { background:#344733; color:#d4dfc9; }
body.organization-ui.matchday-ui.street-ui #appShell #profilePhotoCropPreview { background:radial-gradient(at 60% 20%,#6f865d,#263c2b); border-radius:2px; }
body.organization-ui.matchday-ui.street-ui #appShell #profilePhotoCutoutStatus { color:#d4dfc9; font-size:12px; line-height:1.6; }
body.organization-ui.matchday-ui.street-ui #appShell #profileRestorePhotoBackground { min-height:44px; color:#f3f5e8; border:1px solid #71866c; background:#293e30; border-radius:var(--bdr-radius-control); margin-top:8px; }
/**/
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) :is(.theme-sticker-sample,.lobby-art.is-player,.sticker-live-preview) .album-sticker[data-sticker-edition="v168"] .street-card-front > .street-card-club { inset:3px 3px auto;  padding:1px 2px !important; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) :is(.theme-sticker-sample,.lobby-art.is-player,.sticker-live-preview) .album-sticker[data-sticker-edition="v168"] .street-card-number {  left:3px; }
/**/
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-front > .street-card-club {
 inset:auto 0 0;  min-height:0 !important;
 border:0; border-top:1px solid var(--athlete-line); border-radius:0;
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-front > .street-card-club .card-club-crest { width:clamp(8px,6cqw,20px); height:clamp(8px,6cqw,20px); }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-front > .street-card-tap { visibility:hidden; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-number { top:8px; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) :is(.theme-sticker-sample,.lobby-art.is-player,.sticker-live-preview) .album-sticker[data-sticker-edition="v168"] .street-card-front > .street-card-club { inset:auto 0 0; min-height:0 !important; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) :is(.theme-sticker-sample,.lobby-art.is-player,.sticker-live-preview) .album-sticker[data-sticker-edition="v168"] .street-card-number { top:4px; }

body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .is-card-jersey img { object-position:center top; }
body.organization-ui.matchday-ui.street-ui #appShell #profilePhotoPortrait { min-height:44px; border:1px solid #71866c; color:#f3f5e8; background:#293e30; border-radius:var(--bdr-radius-control); margin:8px 8px 0 0; }
/**/
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-front { grid-template-rows:61% 12% 5% 16% 6% !important; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) :is(.locker-athlete,#profileSummaryCard,#profileStickerDialogPreview) .album-sticker[data-sticker-edition="v168"] .street-card-front .sticker-stat b { font-size:clamp(14px,6cqw,21px); line-height:1; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) :is(.locker-athlete,#profileSummaryCard,#profileStickerDialogPreview) .album-sticker[data-sticker-edition="v168"] .street-card-front .sticker-stat small { font-size:clamp(8px,3cqw,9px); line-height:1; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) :is(.locker-athlete,#profileSummaryCard,#profileStickerDialogPreview) .album-sticker[data-sticker-edition="v168"] .street-card-front .sticker-assessment-label { font-size:clamp(7px,2.7cqw,8px); line-height:1; }

/**/
body.organization-ui.matchday-ui.street-ui #appShell #view-temporada .season-ranking-row { grid-template-columns:42px minmax(0,1fr) 20px; gap:var(--space-2); padding:var(--space-3) var(--space-2); background:#25372b; border:2px solid #75886e; color:var(--street-ink); }
body.organization-ui.matchday-ui.street-ui #appShell #view-temporada .season-ranking-row > div { min-width:0; }
body.organization-ui.matchday-ui.street-ui #appShell #view-temporada .season-row-arrow { grid-column:3; grid-row:1; display:grid; place-items:center; width:20px; height:20px; color:var(--street-lime); }
body.organization-ui.matchday-ui.street-ui #appShell #view-temporada .season-row-arrow svg { width:20px; height:20px; }
body.organization-ui.matchday-ui.street-ui #appShell #view-temporada .season-ranking-row strong { color:var(--street-ink); white-space:normal; overflow:visible; overflow-wrap:anywhere; text-overflow:clip; line-height:1.4; }
body.organization-ui.matchday-ui.street-ui #appShell #view-temporada .season-ranking-row small { display:block; margin-top:var(--space-1); color:#c8d6bf; font:500 var(--text-caption)/1.45 var(--body); }
body.organization-ui.matchday-ui.street-ui #appShell #view-temporada .season-ranking-row > i { width:42px; height:42px; background:var(--street-lime); color:var(--street-dark); }
body.organization-ui.matchday-ui.street-ui #appShell #view-temporada .season-ranking-row.is-active { background:#344c36; border-color:var(--street-lime); box-shadow:inset 4px 0 var(--street-lime); }
@media (hover:hover) { body.organization-ui.matchday-ui.street-ui #appShell #view-temporada .season-ranking-row:hover { background:#344c36; border-color:#b7ff45; } }
body.organization-ui.matchday-ui.street-ui #appShell #view-temporada .season-ranking-row:focus-visible { outline:3px solid #f2f5e9; outline-offset:3px; }
/**/
body.organization-ui.matchday-ui.street-ui #playerCardModal .signup-sticker-stage { display:grid; justify-items:center; align-content:start; gap:12px; min-width:0; }
body.organization-ui.matchday-ui.street-ui #playerCardModal #playerStickerPreview { display:block; width:min(100%,280px); min-width:0; padding:0; background:transparent; border:0; box-shadow:none; transform:none; }
body.organization-ui.matchday-ui.street-ui #playerCardModal .signup-sticker-stage > p { color:#c8d6bf; font-size:12px; line-height:1.5; text-align:center; margin:0; }
body.organization-ui.matchday-ui.street-ui #playerCardModal .street-card-portrait.is-croppable { touch-action:none; cursor:grab; }
body.organization-ui.matchday-ui.street-ui #playerCardModal .game-attributes { padding:18px; margin:8px 0; }
body.organization-ui.matchday-ui.street-ui #playerCardModal .game-attributes h4 { font-size:24px; }
body.organization-ui.matchday-ui.street-ui #playerCardModal #signupAttributesStatus { font-size:13px; line-height:1.6; color:#d5e1cd; margin:12px 0 18px; }
body.organization-ui .login-card .initial-round-setup { border:1px solid #9caf8d; border-radius:6px; padding:18px; margin:18px 0; color:#172b21; background:#e8eddf; min-width:0; }
body.organization-ui .login-card .initial-round-setup legend { padding:0 8px; font-weight:800; color:#172b21; }
body.organization-ui .login-card .initial-round-setup :is(p,small,label span) { color:#354b39; line-height:1.5; }
body.organization-ui .login-card .initial-round-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:16px 0; }
body.organization-ui .login-card .initial-round-grid label { display:grid; gap:6px; min-width:0; }
body.organization-ui .login-card .initial-round-grid .is-full { grid-column:1/-1; }
body.organization-ui .login-card .initial-round-grid input { width:100%; min-width:0; min-height:48px; color:#172b21; background:#fff; color-scheme:light; }
@media(max-width:380px) { body.organization-ui .login-card .initial-round-grid { grid-template-columns:minmax(0,1fr); } }

body.organization-ui.matchday-ui.street-ui #playerCardModal .signup-style-hint { color:#d5e1cd; font-size:12px; line-height:1.5; }
@media(max-width:600px) { body.organization-ui.matchday-ui.street-ui #playerCardModal #playerStickerPreview { width:min(100%,210px); } }
body.organization-ui.matchday-ui.street-ui #appShell #view-temporada .season-profile-identity > i { background:#b7ff45; color:#172013; }

body.organization-ui.matchday-ui.street-ui #playerCardModal .signup-photo-drag-preview { position:absolute; left:-10%; bottom:0; width:120%; height:100%; object-fit:cover; object-position:center top; pointer-events:none; }

/**/
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] {
 padding:2px !important; border-radius:var(--radius-card) !important;
 border:1px solid #71897a;
 background:linear-gradient(135deg,#e0e8df 0%,#6e8478 22%,#c5d3c9 62%,#4a6255 100%) !important;
 box-shadow:0 12px 24px #0003;
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] :is(.street-card-front,.street-card-back) { border-radius:var(--radius-card-inner) !important; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-front {
 display:grid !important; grid-template-columns:minmax(0,1fr) !important; grid-template-rows:60% 13% 6% 15% 6% !important; gap:0 !important;
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-front > :is(.street-card-portrait,.street-card-name,.street-card-position,.sticker-attributes) { grid-column:1 !important; min-width:0; min-height:0; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-front > .street-card-portrait { grid-row:1 !important; width:100% !important; height:100% !important; margin:0 !important; aspect-ratio:auto !important; border-radius:0; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-front > .street-card-name { display:flex !important; grid-row:2 !important; padding:3px 6px !important; font-size:clamp(9px,8cqw,27px); }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-front > .street-card-position { display:flex !important; grid-row:3 !important; padding:0 4px !important; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-front > .sticker-attributes { display:grid !important; grid-row:4 !important; margin:0 !important; padding:3px 4px !important; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-front > .street-card-club { display:flex !important; grid-column:1 / -1 !important; grid-row:1 / -1 !important; inset:auto 0 0 !important; height:6%; padding:1px 6px !important; }
body.organization-ui.matchday-ui.street-ui #appShell .lobby-art.is-player > .album-sticker { transform:none; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil #profileStickerPreview .album-sticker { width:100% !important; max-width:300px !important; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil #profileStickerPreview .locker-jersey.is-card-jersey { width:100% !important; height:100% !important; aspect-ratio:auto !important; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil #profileStickerPreview .street-card-number { min-width:28px; font-size:24px; right:auto; bottom:auto; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) #view-perfil #profileStickerPreview .street-card-number > small { display:block; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) :is(#profileStickerPreview,#profileSummaryCard,#profileStickerDialogPreview,.locker-athlete) .album-sticker .sticker-stat small { font-size:clamp(10px,3.7cqw,11px) !important; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) :is(#profileStickerPreview,#profileSummaryCard,#profileStickerDialogPreview,.locker-athlete) .album-sticker .sticker-assessment-label { font-size:clamp(9px,3.5cqw,10.5px) !important; letter-spacing:0; }
/**/
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .theme-sticker-sample .album-sticker .street-card-front { grid-template-rows:68% 22% 10% !important; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .theme-sticker-sample .album-sticker .street-card-front > :is(.street-card-club,.sticker-attributes) { display:none !important; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .theme-sticker-sample .album-sticker .street-card-name { font-size:8px !important; padding:2px !important; line-height:1; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .theme-sticker-sample .album-sticker .street-card-position { font-size:6px !important; padding:0 2px !important; line-height:1; }
/**/
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-builder-fields .game-attribute-options label > span,
body.organization-ui.matchday-ui.street-ui #loginScreen .game-attribute-options label > span { background:#26352d; color:#f5f7ef; border-color:#71897a; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-builder-fields .game-attribute-options input:checked + span,
body.organization-ui.matchday-ui.street-ui #loginScreen .game-attribute-options input:checked + span { background:#b7ff45; color:#172013; border-color:#b7ff45; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-builder-fields .game-attribute-options input:focus-visible + span { outline:3px solid #fff; outline-offset:2px; }
body.organization-ui.matchday-ui.street-ui #appShell .presence-control { min-width:0; display:grid; gap:8px; color:#edf2e5; }
body.organization-ui.matchday-ui.street-ui #appShell .presence-current { font-size:13px; font-weight:700; }
body.organization-ui.matchday-ui.street-ui #appShell .presence-options > summary { min-height:44px; padding:10px 12px; border:1px solid #7e9274; border-radius:6px; cursor:pointer; color:#edf2e5; background:#293e30; }
body.organization-ui.matchday-ui.street-ui #appShell .presence-options > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; margin-top:8px; }
body.organization-ui.matchday-ui.street-ui #appShell .presence-options button { min-height:44px; padding:8px; border:1px solid #7e9274; border-radius:var(--bdr-radius-control); color:#edf2e5; background:#293e30; }
body.organization-ui.matchday-ui.street-ui #appShell .presence-options button[aria-pressed=true] { background:#b7ff45; color:#172013; }
@media(max-width:760px) {
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .sticker-preview-column { display:grid; grid-template-columns:100px minmax(0,1fr); align-items:center; gap:16px; padding:16px; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileStickerPreview { width:100px; max-width:100px; margin:0; grid-row:1; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .sticker-preview-caption { width:100%; min-width:0; grid-column:2; grid-row:1; display:flex; flex-direction:column; gap:6px; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileStickerEffect>span { position:static; width:auto; height:auto; clip-path:none; overflow:visible; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileStickerEffect { align-self:flex-start; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .profile-photo-control { grid-column:1/-1; grid-row:auto; width:100%; max-width:none; }
 body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-photo-actions :is(.profile-photo-picker>span,button) { min-height:44px; }
 body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-photo-actions { flex-wrap:wrap; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-editor-scope { font-size:12px; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .is-photo-missing .profile-collectible { display:flex; flex-direction:column; align-items:center; gap:8px; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-photo-invitation { width:100%; }
 body.organization-ui.matchday-ui.street-ui #appShell .admin-player-row .presence-control { grid-column:2/-1; }
}

body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileStickerPreview::before,
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileStickerPreview::after { display:none; }
/**/
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-front[hidden] { display:none !important; }

/**/
body.organization-ui.matchday-ui.street-ui #appShell #roundSettingsForm .round-settings-group { min-width:0; margin:0; padding:0; border:0; }
body.organization-ui.matchday-ui.street-ui #appShell #roundSettingsForm .round-settings-group legend { padding:0; margin-bottom:8px; color:#f2f5e9; font:800 26px/1.15 var(--club-display); }
body.organization-ui.matchday-ui.street-ui #appShell #roundSettingsForm :is(.round-settings-group,.round-settings-extra) > p { color:#c8d6bf; font:400 14px/1.5 var(--body); margin:0 0 20px; }
body.organization-ui.matchday-ui.street-ui #appShell #roundSettingsForm .round-settings-extra { min-width:0; margin:8px 0 0; border:1px solid #71866c; border-radius:8px; background:#202e24; padding:0 16px; }
body.organization-ui.matchday-ui.street-ui #appShell #roundSettingsForm .round-settings-extra > summary { min-height:56px; padding:16px 0; font:700 16px/1.4 var(--body); color:#f2f5e9; cursor:pointer; }
body.organization-ui.matchday-ui.street-ui #appShell #roundSettingsForm .round-settings-extra > summary span { color:#c8d6bf; margin-left:8px; font-size:12px; font-weight:400; }
body.organization-ui.matchday-ui.street-ui #appShell #roundSettingsForm .round-settings-extra[open] { padding-bottom:20px; }
body.organization-ui.matchday-ui.street-ui #appShell #roundSettingsForm .round-settings-extra .rule-grid { margin-top:12px; }
body.organization-ui.matchday-ui.street-ui #appShell #roundSettingsForm .round-settings-extra :is(label>span,small) { color:#e1e9d8; }
body.organization-ui.matchday-ui.street-ui #appShell #roundSettingsForm .round-settings-extra summary:focus-visible { outline:3px solid #b7ff45; outline-offset:3px; }
body.organization-ui.matchday-ui.street-ui #appShell #roundSettingsSaveStatus { margin:8px 0 0; padding:12px 14px; border:1px solid #71866c; border-radius:var(--bdr-radius-control); background:#25372b; color:#edf2e5; font:600 14px/1.5 var(--body); }
body.organization-ui.matchday-ui.street-ui #appShell #roundSettingsSaveStatus[data-tone=error] { background:#48251e; color:#ffe3d6; border-color:#e6a08b; }
body.organization-ui.matchday-ui.street-ui #appShell #roundSettingsSaveStatus[data-tone=saved] { background:#294125; color:#e6f7d4; border-color:#90b879; }

/**/
body.organization-ui.matchday-ui.street-ui #appShell #profileEditorBack { margin:0 0 12px; min-height:44px; }
body.organization-ui.matchday-ui.street-ui #appShell .round-schedule-edit { margin:0 0 12px; min-height:44px; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-photo-control { margin-top:16px; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm #profileSaveStatus { margin:0; }

/**/
body.organization-ui.matchday-ui.street-ui #appShell .patota-identity-settings { min-width:0; border:0; padding:0; margin:0 0 24px; }
body.organization-ui.matchday-ui.street-ui #appShell .patota-identity-settings legend { color:#f2f5e9; font:800 28px/1.2 var(--club-display); padding:0; }
body.organization-ui.matchday-ui.street-ui #appShell :is(.patota-identity-settings,.public-exposure-settings)>p { color:#c8d6bf; font-size:14px; line-height:1.6; margin:12px 0 18px; }
body.organization-ui.matchday-ui.street-ui #appShell .patota-identity-settings small { color:#c8d6bf; line-height:1.6; font-size:13px; }
body.organization-ui.matchday-ui.street-ui #appShell .patota-identity-preview { display:flex; align-items:center; gap:16px; padding:16px 0; min-width:0; }
body.organization-ui.matchday-ui.street-ui #appShell .identity-preview-crest { display:grid; place-items:center; flex:0 0 72px; width:72px; height:72px; border:1px solid #71866c; border-radius:8px; overflow:hidden; color:#f2f5e9; background:#25372b; font-size:26px; }
body.organization-ui.matchday-ui.street-ui #appShell .identity-preview-crest img { width:100%; height:100%; object-fit:contain; }
body.organization-ui.matchday-ui.street-ui #appShell .patota-identity-preview strong { color:#f2f5e9; font-size:18px; overflow-wrap:anywhere; }
body.organization-ui.matchday-ui.street-ui #appShell .patota-identity-preview p { color:#c8d6bf; font-size:12px; margin:6px 0; }
body.organization-ui.matchday-ui.street-ui #appShell .identity-preview-colors { display:flex; gap:6px; }
body.organization-ui.matchday-ui.street-ui #appShell .identity-preview-colors span { width:24px; height:8px; border:1px solid #71866c; }
body.organization-ui.matchday-ui.street-ui #appShell .patota-palette-options { display:flex; flex-wrap:wrap; gap:8px; }
body.organization-ui.matchday-ui.street-ui #appShell .patota-palette-options button { display:flex; align-items:center; gap:8px; min-height:44px; padding:10px 12px; background:#293e30; color:#f2f5e9; border:1px solid #8a9f80; border-radius:var(--bdr-radius-control); }
body.organization-ui.matchday-ui.street-ui #appShell .palette-dot { width:14px; height:14px; border-radius:50%; }
body.organization-ui.matchday-ui.street-ui #appShell .palette-dot.is-lime { background:#b7ff20; }
body.organization-ui.matchday-ui.street-ui #appShell .palette-dot.is-blue { background:#50d5ff; }
body.organization-ui.matchday-ui.street-ui #appShell .palette-dot.is-orange { background:#ff7a18; }
body.organization-ui.matchday-ui.street-ui #appShell .public-exposure-settings { min-width:0; border-top:1px solid #71866c; padding:16px 0; }
body.organization-ui.matchday-ui.street-ui #appShell .public-exposure-settings>summary { min-height:48px; color:#f2f5e9; cursor:pointer; font-size:18px; font-weight:700; }
body.organization-ui.matchday-ui.street-ui #appShell #publicExposureStatus { color:#c8d6bf; font-size:13px; margin-left:8px; }
body.organization-ui.matchday-ui.street-ui #appShell :is(.patota-palette-options button,.public-exposure-settings>summary):focus-visible { outline:3px solid #b7ff45; outline-offset:3px; }
body.organization-ui.matchday-ui.street-ui #playerCardModal #signupAttributesStatus[data-tone=error] { color:#ffe3d6; background:#48251e; border:1px solid #e6a08b; padding:12px; border-radius:6px; }
body.organization-ui.matchday-ui.street-ui #playerCardModal .player-card-modal-actions { flex-wrap:wrap; gap:10px; }
body.organization-ui.matchday-ui.street-ui #playerCardModal #signupContinueWithoutAttributes { min-height:48px; color:#f2f5e9; background:#293e30; border:1px solid #8a9f80; border-radius:6px; padding:10px 14px; }

/**/
body.organization-ui.matchday-ui.street-ui #playerCardModal .player-card-fields > .game-attributes { grid-column:1/-1; width:100%; min-width:0; }
@media(max-width:420px) {
 body.organization-ui.matchday-ui.street-ui #playerCardModal .game-attributes { padding:14px 8px; }
 body.organization-ui.matchday-ui.street-ui #playerCardModal .game-attribute-options { gap:4px; }
}

/**/
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm .secondary-login {
  color:#405237; border:1px solid #8b9b7f; background:transparent; border-radius:6px; font-size:14px;
}
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm .secondary-login:hover { color:#172013; background:#dce8d2; }
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm .secondary-login:focus-visible { outline:3px solid #344e1f; outline-offset:3px; }

/**/
body.organization-ui.matchday-ui.street-ui #passwordRequestForm :is(h2,p,label,a) { color:#172013; margin:0; }
body.organization-ui.matchday-ui.street-ui #passwordRequestForm h2 { font:800 36px/1.1 var(--club-display); }
body.organization-ui.matchday-ui.street-ui #passwordRequestForm label { font-weight:700; }
body.organization-ui.matchday-ui.street-ui #passwordRequestForm input { background:#fff; color:#172013; border:1px solid #708365; min-height:48px; }
body.organization-ui.matchday-ui.street-ui #passwordRequestForm input:focus-visible { outline:3px solid #344e1f; outline-offset:3px; box-shadow:none; }
body.organization-ui.matchday-ui.street-ui #passwordRequestForm input[aria-invalid=true] { border:2px solid #9a283b; }
body.organization-ui.matchday-ui.street-ui #passwordRequestForm #passwordRequestStatus { font-size:14px; line-height:1.5; }
body.organization-ui.matchday-ui.street-ui #passwordRequestForm #passwordRequestStatus:empty { display:none; }
body.organization-ui.matchday-ui.street-ui #passwordRequestForm #passwordRequestStatus[data-state=error] { color:#92283a; }
body.organization-ui.matchday-ui.street-ui #passwordRequestForm .secondary-login { color:#344e1f; min-height:44px; text-decoration:underline; }
body.organization-ui.matchday-ui.street-ui #passwordRequestForm :is(button,a):focus-visible { outline:3px solid #344e1f; outline-offset:3px; }
@media(max-width:380px) {
  body.organization-ui.matchday-ui.street-ui #passwordRequestForm h2 { font-size:30px; }
}
body.organization-ui.matchday-ui.street-ui #appShell #view-times .team-player { grid-template-columns:48px minmax(0,1fr) auto; gap:12px; }
body.organization-ui.matchday-ui.street-ui #appShell #view-times .team-player > div { min-width:0; }
body.organization-ui.matchday-ui.street-ui #appShell #view-times .team-player button[data-team-move] { width:94px; max-width:100%; padding:8px; white-space:normal; line-height:1.35; }
body.organization-ui.matchday-ui.street-ui #appShell #view-times .team-player > div strong { overflow-wrap:anywhere; }
body.organization-ui.matchday-ui.street-ui #appShell .team-player-avatar.album-avatar { position:relative; width:48px; height:60px; min-width:48px; }
body.organization-ui.matchday-ui.street-ui #appShell .team-drawer-avatar.album-avatar { position:relative; width:24px; height:30px; min-width:24px; border-width:2px; }
body.organization-ui.matchday-ui.street-ui #appShell .team-drawer-avatar .album-avatar-number { display:none; }
body.organization-ui.matchday-ui.street-ui #appShell .crest-image-actions { display:flex; flex-wrap:wrap; gap:10px; }
body.organization-ui.matchday-ui.street-ui #appShell .crest-image-actions button { min-height:44px; padding:10px 14px; }
body.organization-ui.matchday-ui.street-ui #appShell .crest-image-tools p { margin:10px 0 0; color:#becbbb; font-size:14px; line-height:1.45; }
body.organization-ui.matchday-ui.street-ui #appShell .crest-image-tools p[data-state=error] { color:#ffc49b; }
body.organization-ui.matchday-ui.street-ui #appShell .crest-link-options { padding:12px 0; border:0; border-top:1px solid #526152; }
body.organization-ui.matchday-ui.street-ui #appShell .crest-link-options summary { min-height:44px; cursor:pointer; color:#f2f5e9; font-size:14px; font-weight:700; }
body.organization-ui.matchday-ui.street-ui #appShell .crest-link-options label { display:grid; gap:8px; padding-top:10px; }
body.organization-ui.matchday-ui.street-ui #appShell .crest-image-actions button:focus-visible,
body.organization-ui.matchday-ui.street-ui #appShell .crest-link-options summary:focus-visible { outline:3px solid #b7ff45; outline-offset:3px; }
body.organization-ui.matchday-ui.street-ui #appShell .team-player-avatar .identity-fallback,
body.organization-ui.matchday-ui.street-ui #appShell .team-drawer-avatar .identity-fallback { position:absolute; inset:0 0 12px; display:grid; place-items:center; font-weight:800; }
body.organization-ui.matchday-ui.street-ui #appShell .team-drawer-avatar .identity-fallback { inset:0; font-size:10px; }
body.organization-ui.matchday-ui.street-ui #appShell #view-times .team-player > div strong { display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:1.35; }

/**/
body.organization-ui.matchday-ui.street-ui #appShell .cash-setup-notice:not([hidden]) {
  display:flex; align-items:center; gap:20px; margin:0 0 24px; padding:20px;
  color:var(--street-ink); background:var(--street-panel); border:1px solid var(--street-control-line); border-radius:var(--radius-panel);
}
body.organization-ui.matchday-ui.street-ui #appShell .cash-setup-notice > div { flex:1; min-width:0; }
body.organization-ui.matchday-ui.street-ui #appShell .cash-setup-notice strong { color:var(--street-ink); }
body.organization-ui.matchday-ui.street-ui #appShell .cash-setup-notice p { margin:8px 0 0; color:#c8d6bf; font-size:14px; line-height:1.5; }
body.organization-ui.matchday-ui.street-ui #appShell #ledgerBalanceStatus[data-state=neutral] { color:#f2f5e9; background:#2d362e; border-color:#73836a; }
body.organization-ui.matchday-ui.street-ui #appShell .locker-club .locker-crest-edit {
  position:relative; display:grid; place-items:center; flex-shrink:0; min-width:56px; min-height:56px;
  padding:4px; border:1px solid #73836a; border-radius:12px; background:#222923; color:#b7ff45;
}
body.organization-ui.matchday-ui.street-ui #appShell .locker-crest-edit > svg { position:absolute; right:-3px; bottom:-3px; width:20px; height:20px; padding:3px; border-radius:5px; color:#172013; background:#b7ff45; }
body.organization-ui.matchday-ui.street-ui #appShell .locker-crest-edit:focus-visible { outline:3px solid #b7ff45; outline-offset:3px; }
body.organization-ui.matchday-ui.street-ui #appShell #publicPageSettingsDetails > summary { flex-wrap:wrap; gap:12px; }
body.organization-ui.matchday-ui.street-ui #appShell #publicPageAdminStatus { white-space:normal; font-size:12px; line-height:1.4; }
body.organization-ui.matchday-ui.street-ui #appShell .patota-appearance-settings { min-width:0; padding:14px 0; border-top:1px solid #71866c; }
body.organization-ui.matchday-ui.street-ui #appShell .patota-appearance-settings > summary { min-height:44px; color:#f2f5e9; cursor:pointer; font-size:18px; font-weight:700; }
body.organization-ui.matchday-ui.street-ui #appShell .patota-appearance-settings > p { color:#c8d6bf; font-size:14px; line-height:1.5; }
body.organization-ui.matchday-ui.street-ui #appShell .patota-appearance-settings > summary:focus-visible { outline:3px solid #b7ff45; outline-offset:3px; }
body.organization-ui.matchday-ui.street-ui #appShell .public-page-color-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
body.organization-ui.matchday-ui.street-ui #appShell #publicPageSettingsForm .identity-public-note { color:#c8d6bf; font-size:13px; line-height:1.5; }
body.organization-ui.matchday-ui.street-ui #appShell #publicPageSettingsForm .identity-savebar {
  display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px;
  margin-top:16px; padding:16px 0 0; border-top:1px solid #73836a;
}
body.organization-ui.matchday-ui.street-ui #appShell .identity-savebar > small { min-width:0; color:#c8d6bf; font-size:13px; line-height:1.5; }
body.organization-ui.matchday-ui.street-ui #appShell #publicPageSettingsForm .identity-savebar > button { min-width:220px; min-height:48px; white-space:nowrap; }
@media (max-width:760px) {
  body.organization-ui.matchday-ui.street-ui #appShell .cash-setup-notice:not([hidden]) { align-items:stretch; flex-direction:column; gap:16px; padding:16px; }
  body.organization-ui.matchday-ui.street-ui #appShell .cash-setup-notice button { width:100%; min-height:48px; }
  body.organization-ui.matchday-ui.street-ui #appShell #publicPageSettingsDetails { overflow:visible; }
  body.organization-ui.matchday-ui.street-ui #appShell #publicPageSettingsForm .identity-savebar {
    position:sticky; bottom:calc(82px + env(safe-area-inset-bottom,0px)); z-index:var(--layer-savebar);
    grid-template-columns:minmax(0,1fr); gap:8px; margin:12px -4px 0; padding:12px 4px 4px;
    background:#222923;
  }
  body.organization-ui.matchday-ui.street-ui #appShell #publicPageSettingsForm .identity-savebar > button { width:100%; min-width:0; }
}

/**/
@media (max-width:760px) {
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileStickerPreview .album-sticker .street-card-front {
    grid-template-rows:100% !important;
  }
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileStickerPreview .album-sticker .street-card-front > :is(.street-card-name,.street-card-position,.sticker-attributes,.street-card-club,.street-card-tap) {
    display:none !important;
  }
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileStickerPreview .album-sticker .street-card-number {
    top:4px; left:4px;
  }
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileStickerPreview .album-sticker .street-card-number > small {
    display:none;
  }
}

/**/
#deviceStorageNotice:not([hidden]) {
  display: block;
  margin: 0 0 16px;
  padding: 16px;
  border: 1px solid #b18a44;
  border-left: 4px solid #f3c56b;
  border-radius: 8px;
  background: #302515;
  color: #fff1d4;
  font: 500 14px/1.5 var(--body, system-ui, sans-serif);
  overflow-wrap: anywhere;
}
#deviceStorageNotice strong { display: block; color: #ffe0a1; }
#deviceStorageNotice p { margin: 4px 0 0; color: inherit; }

/**/
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-front > .street-card-club > .card-club-crest {
  width: clamp(12px, 7cqw, 24px);
  height: 100%;
  max-height: 100%;
  flex: 0 0 auto;
  align-self: center;
  font: 800 clamp(6px, 3cqw, 10px)/1 var(--body, system-ui, sans-serif);
  white-space: nowrap;
  overflow-wrap: normal;
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-front > .street-card-club > .card-club-crest .identity-fallback {
  padding: 0;
  font: inherit;
  white-space: inherit;
  overflow-wrap: inherit;
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-front > .street-card-club > .card-club-crest img { padding: 0; }

/**/
body.organization-ui.matchday-ui.street-ui .confirm-sheet-card {
  color:#f2f5e9; background:#222923; border-color:#73836a; border-radius:var(--bdr-radius-panel);
  max-height:calc(100dvh - 32px); overflow-y:auto; overscroll-behavior:contain;
  box-shadow:0 18px 44px #05070d66;
}
body.organization-ui.matchday-ui.street-ui .confirm-sheet-title {
  margin:0; color:#f2f5e9; font:800 28px/1.05 var(--display); letter-spacing:0;
}
body.organization-ui.matchday-ui.street-ui .confirm-sheet-consequence {
  margin:0; color:#f2f5e9; font:700 16px/1.45 var(--body);
}
body.organization-ui.matchday-ui.street-ui .confirm-sheet-message {
  color:#dbe6d4; font:400 16px/1.5 var(--body); white-space:pre-line;
}
body.organization-ui.matchday-ui.street-ui .confirm-sheet-card .ghost-button {
  color:#f2f5e9; background:#35442e; border:1px solid #829675;
}
body.organization-ui.matchday-ui.street-ui .confirm-sheet-card .ghost-button:hover {
  color:#f2f5e9; background:#42553a;
}
body.organization-ui.matchday-ui.street-ui .confirm-sheet-card :is(button,input):focus-visible {
  outline:3px solid #b7ff45; outline-offset:3px;
}
body.organization-ui.matchday-ui.street-ui .confirm-sheet-card[aria-labelledby="paymentReviewTitle"] :is(h2,p,label) { color:#f2f5e9; }
body.organization-ui.matchday-ui.street-ui .confirm-sheet-card[aria-labelledby="paymentReviewTitle"] input {
  color:#172013; background:#edf2e5; border-color:#849477; font-size:16px;
}
body.organization-ui.matchday-ui.street-ui #appShell .profile-facts .profile-finance-context {
  display:block; margin-top:6px; color:#becbbb; font:400 13px/1.45 var(--body);
}
body.organization-ui.matchday-ui.street-ui #appShell .own-bank-hint {
  margin:10px 0 0; color:#becbbb; font:400 14px/1.45 var(--body);
}
body.organization-ui.matchday-ui.street-ui #appShell .club-milestone > b {
  display:flex; flex-wrap:wrap; align-items:center; gap:6px 8px;
}
body.organization-ui.matchday-ui.street-ui #appShell .club-milestone-state {
  display:inline-block; padding:2px 6px; border:1px solid #829675; border-radius:3px;
  color:#dbe6d4; font:700 12px/1.4 var(--body); white-space:nowrap;
}
body.organization-ui.matchday-ui.street-ui #appShell .club-milestone[data-earned="true"] .club-milestone-state {
  color:#172013; background:#b7ff45; border-color:#b7ff45;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-time .roster-tools .roster-search #rosterSearch {
  appearance:none; -webkit-appearance:none; border:0; border-radius:0;
  background:transparent; box-shadow:none; padding:12px 0; outline:none;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-time .roster-search:focus-within {
  outline:3px solid #b7ff45; outline-offset:3px;
}


/**/
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) :is(#profileSummaryCard,#profileStickerDialogPreview,.locker-athlete) .album-sticker[data-sticker-edition="v168"] .street-card-front { grid-template-rows:58% 13% 6% 17% 6% !important; }
/**/
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) :is(#profileSummaryCard,#profileStickerDialogPreview) .album-sticker[data-sticker-edition="v168"] .street-card-front .sticker-stat-meter:has(.is-filled) {
 display:flex; height:3px; gap:2px; margin-top:3px; max-width:32px;
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-front .sticker-stat-meter i { background:color-mix(in srgb,var(--athlete-ink) 18%,transparent); border-radius:1px; }
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-sticker-edition="v168"] .street-card-front .sticker-stat-meter .is-filled { background:var(--athlete-ink); }
@media(min-width:761px) {
 body.organization-ui.matchday-ui.street-ui #appShell #profileStickerPreview .album-sticker[data-sticker-edition="v168"] .street-card-front { grid-template-rows:58% 13% 6% 17% 6% !important; }
 body.organization-ui.matchday-ui.street-ui #appShell #profileStickerPreview .album-sticker[data-sticker-edition="v168"] .street-card-front .sticker-stat-meter:has(.is-filled) { display:flex; height:3px; gap:2px; margin-top:3px; max-width:32px; }
}

/**/
body.organization-ui.matchday-ui.street-ui {
  --ui-canvas:#101611; --ui-surface:#1d2720; --ui-raised:#2b382d;
  --ui-text:#f2f5e9; --ui-secondary:#c2cebc; --ui-outline:#73836a;
  --ui-ease:cubic-bezier(.16,1,.3,1);
   accent-color:var(--street-lime);
}
body.organization-ui.matchday-ui.street-ui #appShell .workspace { padding-top:24px; }
body.organization-ui.matchday-ui.street-ui #appShell .topbar { align-items:center; padding-bottom:24px; }
body.organization-ui.matchday-ui.street-ui #appShell .view { scroll-margin-top:112px; }
body.organization-ui.matchday-ui.street-ui #appShell .view-header { align-items:center; gap:20px; margin:0 0 24px; padding-bottom:20px; border-bottom:1px solid var(--street-line); }
body.organization-ui.matchday-ui.street-ui #appShell .view-header h2 { margin:0; max-width:24ch; font:800 clamp(32px,4vw,48px)/1 var(--club-display); text-transform:uppercase; font-style:normal; text-wrap:balance; }
body.organization-ui.matchday-ui.street-ui #appShell .view-header p:not(.eyebrow) { max-width:65ch; font:400 15px/1.5 var(--body); color:var(--ui-secondary); }
body.organization-ui.matchday-ui.street-ui #appShell :is(.tool-surface,.section-details,.round-details,.my-round-disclosure,.flow-panel,.match-flow-panel,.announcement-row,.payment-row,.admin-day-panel,.settings-card,.settings-section,.feed-event,.season-surface,.history-card) {
  background:var(--ui-surface); color:var(--ui-text); border:1px solid var(--street-line); border-radius:var(--radius-panel); box-shadow:none;
}
body.organization-ui.matchday-ui.street-ui #appShell :is(.surface-heading h3,.section-details>summary,.tool-surface>summary) { font:700 17px/1.35 var(--body); color:var(--ui-text); }
body.organization-ui.matchday-ui.street-ui #appShell :is(.section-details,.tool-surface)>summary { min-height:60px; padding:16px 20px; border:0; border-radius:calc(var(--radius-panel) - 1px); background:transparent; }
body.organization-ui.matchday-ui.street-ui #appShell :is(.section-details,.tool-surface)[open]>summary { margin-bottom:16px; border-bottom:1px solid var(--street-line); border-radius:var(--radius-panel) var(--radius-panel) 0 0; }
body.organization-ui.matchday-ui.street-ui #appShell :is(.primary-button,.primary-action,.match-flow-action.is-primary,.home-primary-action) {
  min-height:48px; border-radius:var(--radius-control); padding:13px 18px;
  background:var(--street-lime); color:var(--street-dark); font:750 15px/1.35 var(--body);
}
body.organization-ui.matchday-ui.street-ui #appShell :is(.light-button,.ghost-button,.home-secondary-action,.match-flow-action.is-secondary) { min-height:44px; border-radius:var(--radius-control); font:650 14px/1.4 var(--body); }
body.organization-ui.matchday-ui.street-ui #appShell .match-flow-action.is-secondary { background:var(--ui-raised); color:var(--ui-text); border-color:var(--ui-outline); }
body.organization-ui.matchday-ui.street-ui #appShell :is(.primary-button,.light-button,.ghost-button,.home-primary-action,.home-secondary-action,.match-flow-action) { touch-action:manipulation; transition:background-color 140ms ease,color 140ms ease,border-color 140ms ease,transform 140ms var(--ui-ease); }
body.organization-ui.matchday-ui.street-ui #appShell :is(button,a,summary,input,select,textarea):focus-visible { outline:3px solid var(--street-lime); outline-offset:3px; }
body.organization-ui.matchday-ui.street-ui #appShell :is(input,select,textarea):not([type=checkbox]):not([type=radio]) { border-radius:var(--radius-control); font-size:16px; }
body.organization-ui.matchday-ui.street-ui #appShell :is(button,a,summary) { -webkit-tap-highlight-color:transparent; }
body.organization-ui.matchday-ui.street-ui #appShell :is(.status-pill,.club-milestone-state) { border-radius:var(--radius-mark); letter-spacing:0; }
body.organization-ui.matchday-ui.street-ui #appShell :is(.payment-row,.finance-summary,.amount-chip,.home-support-grid) { font-variant-numeric:tabular-nums; }

/**/
body.organization-ui.matchday-ui.street-ui #appShell .home-matchday-card { overflow:hidden; }
body.organization-ui.matchday-ui.street-ui #appShell .home-matchday-card .home-matchday-main { color:var(--ui-text); border:0; }
body.organization-ui.matchday-ui.street-ui #appShell .home-matchday-main::before { display:block; background:linear-gradient(90deg,#111b11f5,#111b11b8),url('/assets/street-arena-v166.webp') center/cover; }
body.organization-ui.matchday-ui.street-ui #appShell .home-matchday-main :is(.match-club-name,.round-ticket-status h3,.round-ticket-status strong,.home-match-meta dd,.match-kickoff,.match-date,.round-list-progress strong) { color:var(--ui-text); }
body.organization-ui.matchday-ui.street-ui #appShell .home-matchday-main :is(.home-match-meta dt,.round-list-progress span,.match-ticket-edition) { color:var(--ui-secondary); }
body.organization-ui.matchday-ui.street-ui #appShell .home-matchday-main .home-match-meta { margin:0 0 12px; }

body.organization-ui.matchday-ui.street-ui #appShell .home-matchday-main .status-pill { background:#35442e; color:#dbf4c8; border-color:#73836a; }
body.organization-ui.matchday-ui.street-ui #appShell .home-matchday-main .organization-progress { height:5px; background:#697561; }
body.organization-ui.matchday-ui.street-ui #appShell .home-matchday-main .organization-progress i { background:var(--street-lime); }
body.organization-ui.matchday-ui.street-ui #appShell .home-matchday-main .home-own-participation { color:var(--ui-text); border-color:#73836a; }
body.organization-ui.matchday-ui.street-ui #appShell .home-matchday-main .home-own-participation>summary :is(strong,span,svg) { color:var(--ui-text); }
body.organization-ui.matchday-ui.street-ui #appShell .home-status-card {   background:var(--ui-surface); }
body.organization-ui.matchday-ui.street-ui #appShell .home-status-body>strong { font:800 32px/1.05 var(--club-display); }
body.organization-ui.matchday-ui.street-ui #appShell .home-status-body>p { font-size:15px; line-height:1.5; }
body.organization-ui.matchday-ui.street-ui #appShell .home-status-actions>.home-secondary-action { min-height:44px; padding:10px 0; border:0; background:transparent; color:var(--ui-secondary); text-decoration:underline; text-underline-offset:4px; }
body.organization-ui.matchday-ui.street-ui #appShell .home-support-grid { gap:12px; margin:16px 0 24px; }
body.organization-ui.matchday-ui.street-ui #appShell .home-support-grid>button {   background:var(--ui-surface); border:1px solid var(--street-line); }
body.organization-ui.matchday-ui.street-ui #appShell .home-support-grid>button strong { color:var(--ui-text); font:750 18px/1.3 var(--body); }
body.organization-ui.matchday-ui.street-ui #appShell .home-support-grid>button small { color:var(--ui-secondary); line-height:1.5; }

/**/
body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu .lobby-tile { border-radius:var(--radius-panel); overflow:hidden; }

body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu .lobby-copy b { font:800 30px/1 var(--club-display); }
body.organization-ui.matchday-ui.street-ui #appShell .locker-room-heading { gap:16px; margin-bottom:24px; }
body.organization-ui.matchday-ui.street-ui #appShell .locker-lineup { align-items:start;  }
body.organization-ui.matchday-ui.street-ui #appShell .locker-athlete { align-self:start; }

/**/
body.organization-ui.matchday-ui.street-ui #appShell .roster-tools { gap:12px; margin-bottom:20px; }
body.organization-ui.matchday-ui.street-ui #appShell .roster-search { border-radius:var(--radius-control); }
body.organization-ui.matchday-ui.street-ui #appShell :is(.payment-row,.announcement-row,.feed-event) { padding:20px; margin-bottom:12px; }
body.organization-ui.matchday-ui.street-ui #appShell .team-column { border-radius:var(--radius-panel); background:var(--ui-surface); }
body.organization-ui.matchday-ui.street-ui #appShell .team-column>span { font:800 30px/1 var(--club-display); }
body.organization-ui.matchday-ui.street-ui #appShell .admin-tabs { gap:8px; margin-bottom:24px; padding:0 0 12px; border-bottom:1px solid var(--street-line); }
body.organization-ui.matchday-ui.street-ui #appShell .admin-tabs>button { min-height:48px; border-radius:var(--radius-control); padding:12px 16px; font:650 14px/1.35 var(--body); }
body.organization-ui.matchday-ui.street-ui #appShell .admin-tabs>button[aria-pressed=true] { background:var(--street-lime); color:var(--street-dark); }
body.organization-ui.matchday-ui.street-ui #appShell .finance-summary { border-radius:var(--radius-panel); }
body.organization-ui.matchday-ui.street-ui #appShell .recap-notices-link { margin-bottom:20px; }

body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-save-actions { gap:12px; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .game-attribute-options label>span { min-height:44px; border-radius:var(--radius-control); }
/**/
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileEditSurface { background:var(--street-paper); color:var(--street-dark); border-color:var(--street-paper-line); }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileEditSurface>summary { color:var(--street-dark); border-color:var(--street-paper-line); }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-extras { background:transparent; border-color:var(--street-paper-line); }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-extras>summary { color:var(--street-dark); border-color:var(--street-paper-line); }

/**/
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm { border-radius:var(--radius-panel); }
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm .login-choice-bar>button { border-radius:var(--radius-panel); }
body.organization-ui.matchday-ui.street-ui #loginScreen :is(.login-choice-bar strong,#loginPatotaName) { font-style:normal; }
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-code-lookup { border-radius:var(--radius-panel); }
body.organization-ui.matchday-ui.street-ui #loginScreen #invitePreview { border-radius:var(--radius-panel); }
body.organization-ui.matchday-ui.street-ui #loginScreen :is(input,select,textarea,#previewInviteCode,.login-submit,.login-back-choice) { border-radius:var(--radius-control); }

@media(hover:hover) and (pointer:fine) {
  body.organization-ui.matchday-ui.street-ui #appShell :is(.primary-button,.home-primary-action,.match-flow-action.is-primary):not(:disabled):hover { background:var(--street-lime-hover); color:var(--street-dark); }
  body.organization-ui.matchday-ui.street-ui #appShell :is(.light-button,.ghost-button):not(:disabled):hover { border-color:#a1b795; }
}
@media(prefers-reduced-motion:no-preference) {
  body.organization-ui.matchday-ui.street-ui #appShell :is(.primary-button,.light-button,.ghost-button,.home-primary-action,.home-secondary-action,.match-flow-action):not(:disabled):active { transform:scale(.98); }
}
@media(max-width:760px) {
  body.organization-ui.matchday-ui.street-ui #appShell .workspace { padding:24px 16px 112px; }
  body.organization-ui.matchday-ui.street-ui #appShell .topbar { padding-bottom:16px; margin:0; }
  body.organization-ui.matchday-ui.street-ui #appShell .topbar-actions { gap:8px; }
  body.organization-ui.matchday-ui.street-ui #appShell .view-header { flex-wrap:wrap; gap:16px; padding-bottom:16px; margin-bottom:20px; }

  body.organization-ui.matchday-ui.street-ui #appShell .view-header>button { width:100%; }
  body.organization-ui.matchday-ui.street-ui #appShell .view { scroll-margin-top:24px; }

  body.organization-ui.matchday-ui.street-ui #appShell .home-matchday-main .club-match-heading { margin-bottom:8px; }

  body.organization-ui.matchday-ui.street-ui #appShell .home-matchday-main .home-match-meta { grid-template-columns:1fr 1fr;  padding:10px 0; }
  body.organization-ui.matchday-ui.street-ui #appShell .home-matchday-main .home-match-meta dd { font-size:16px; }

  body.organization-ui.matchday-ui.street-ui #appShell .home-status-card {   border-top:1px solid var(--street-line); }

  body.organization-ui.matchday-ui.street-ui #appShell .home-status-body>p { font-size:14px; }
  body.organization-ui.matchday-ui.street-ui #appShell .home-status-actions { gap:4px; }
  body.organization-ui.matchday-ui.street-ui #appShell .home-support-grid { grid-template-columns:1fr; }
  body.organization-ui.matchday-ui.street-ui #appShell .home-support-grid>button { padding:16px; }

  body.organization-ui.matchday-ui.street-ui #appShell :is(.payment-row,.announcement-row,.feed-event) { padding:16px; }
  body.organization-ui.matchday-ui.street-ui #appShell .nav-list>.nav-item,
  body.organization-ui.matchday-ui.street-ui #appShell .nav-more>summary { min-height:56px; border-radius:var(--radius-control); }
}
@media(prefers-reduced-motion:reduce) {
  body.organization-ui.matchday-ui.street-ui #appShell :is(.primary-button,.light-button,.ghost-button,.home-primary-action,.home-secondary-action,.match-flow-action) { transition:none; transform:none; }
}
/**/
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .theme-sticker-sample .album-sticker[data-sticker-edition="v168"] .street-card-front { display:block; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .theme-sticker-sample .album-sticker[data-sticker-edition="v168"] .street-card-portrait { display:block; width:100%; height:86%; margin:0; aspect-ratio:auto; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .theme-sticker-sample .album-sticker[data-sticker-edition="v168"] .street-card-front>:is(.street-card-club,.street-card-name,.street-card-position,.sticker-attributes,.street-card-tap) { display:none; }
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .theme-sticker-sample .album-sticker[data-sticker-edition="v168"] .street-card-number {
  inset:3px auto auto 3px; width:auto; height:auto; min-width:14px; min-height:0;
  max-width:calc(100% - 6px); padding:2px 3px; border-radius:2px;
  font:800 12px/1 var(--club-display); box-shadow:none;
}
/**/
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm #showCodeFallback {
  min-height:44px; padding:10px; background:transparent; color:var(--street-dark);
  border:1px solid var(--street-paper-line); border-radius:var(--radius-control);
  font:650 14px/1.4 var(--body); text-decoration:underline; text-underline-offset:4px;
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .game-attributes-heading>span { flex:0 0 auto; white-space:nowrap; }
/**/
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-account-setup-done { max-width:480px; padding:24px; background:var(--ui-surface); border:1px solid var(--ui-outline); }
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-account-setup-done .login-choice-bar { display:none; }
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-account-setup-done .account-created-panel { background:transparent; border:0; padding:0; }
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-account-setup-done .account-created-panel :is(strong,p,span) { color:var(--ui-text); }
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-account-setup-done .account-next-step { margin:0; font:400 16px/1.5 var(--body); }
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-account-setup-done #connectedAccountEmail { color:var(--ui-secondary); }
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-account-setup-done #switchLoginAccount { min-height:44px; color:var(--ui-text); }
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-account-setup-done .login-directory-link { order:14; margin:8px 0 0; text-align:center; }
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-account-setup-done .login-directory-link a { display:inline-flex; align-items:center; min-height:44px; padding:6px 12px; color:var(--ui-text); text-decoration:underline; text-underline-offset:4px; }

/**/
body.organization-ui.matchday-ui.street-ui {
  --ui-canvas:#0c1210; --ui-surface:#18221d; --ui-raised:#26372c;
  --ui-text:#f5f7ed; --ui-secondary:#c5d2c7;
  background:var(--ui-canvas);
}
body.organization-ui.matchday-ui.street-ui #appShell .sidebar {
  background:#0c1210; border-bottom-color:#38483e;
}
body.organization-ui.matchday-ui.street-ui #appShell .nav-list>.nav-item.is-active {
  box-shadow:inset 0 -3px 0 #efffc9; background:#b7ff45; color:#142010;
}
body.organization-ui.matchday-ui.street-ui #appShell .view-header { border-bottom-color:#435347; }
body.organization-ui.matchday-ui.street-ui #appShell .view-header h2 {
  font-size:clamp(38px,5vw,60px); letter-spacing:-.025em; line-height:.98;
}
/**/
body.organization-ui.matchday-ui.street-ui #appShell .home-matchday-card {
  border:1px solid #53634e; border-radius:12px;
  box-shadow:0 16px 44px #00000030; background:#14231c;
}
body.organization-ui.matchday-ui.street-ui #appShell .home-matchday-card .home-matchday-main {
  padding:32px; background:#101c16; min-width:0;
}
body.organization-ui.matchday-ui.street-ui #appShell .home-matchday-main::before {
  background:linear-gradient(90deg,#0b1814e8 0%,#0b1814ba 55%,#0b181438 100%),linear-gradient(0deg,#101c16 0%,transparent 50%),url('/assets/street-arena-v166.webp') 60% center/cover;
}
body.organization-ui.matchday-ui.street-ui #appShell .home-matchday-main .match-club-name {
  max-width:18ch; margin:20px 0; font:800 clamp(42px,4.6vw,64px)/.94 var(--club-display);
  letter-spacing:-.025em; color:#f5f7ed; text-shadow:0 2px 14px #00000075;
}
body.organization-ui.matchday-ui.street-ui #appShell .home-matchday-main .match-ticket-edition {
  color:#d1e9bb; font:700 12px/1.3 var(--body); letter-spacing:.04em;
}
body.organization-ui.matchday-ui.street-ui #appShell .home-matchday-main .club-match-emblem {
  flex-basis:44px; width:44px; height:50px; filter:drop-shadow(0 3px 5px #0006);
}
body.organization-ui.matchday-ui.street-ui #appShell .home-matchday-main .home-match-meta {
  border:0; padding:4px 0 14px; gap:24px;
}
body.organization-ui.matchday-ui.street-ui #appShell .home-matchday-main .match-kickoff {
  color:#d4ff9a; font-size:52px; letter-spacing:-.025em;
}
body.organization-ui.matchday-ui.street-ui #appShell .home-matchday-main .round-schedule-edit {
  align-self:start; width:auto; min-height:44px; margin-bottom:10px; padding-inline:14px;
  background:#14261ee8; border-color:#7c9475; color:#f5f7ed;
}
body.organization-ui.matchday-ui.street-ui #appShell .home-status-card {
  background:#18281f; border-left:1px solid #485d42; padding:32px; gap:20px;
}
body.organization-ui.matchday-ui.street-ui #appShell .home-status-body>strong {
  font:800 clamp(30px,3.1vw,42px)/1.03 var(--club-display); letter-spacing:-.015em;
}
body.organization-ui.matchday-ui.street-ui #appShell .home-status-actions>.home-primary-action {
  min-height:56px; box-shadow:inset 0 -3px 0 #7da82e; font-size:16px;
}
body.organization-ui.matchday-ui.street-ui #appShell .home-support-grid>button {
  border:0; border-left:3px solid #6d895a; border-radius:0 8px 8px 0;
  background:#18221d; padding:18px 20px;
}
/**/
body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu>button.lobby-tile {
  min-height:340px; display:flex; flex-direction:column; justify-content:flex-end;
  border:1px solid #65745e; border-radius:10px; background:#121b17;
  box-shadow:0 10px 24px #0003;
}
body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu>button.lobby-tile .lobby-art {
  position:absolute; inset:0; width:100%; height:100%; flex:none; z-index:-1;
}
body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu>button.lobby-tile .lobby-art::after {
  content:''; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(0deg,#101b17 0%,#101b17e8 30%,#101b1700 76%);
}
body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu .lobby-art-caption { display:none; }
body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu .lobby-art.is-player {
  background:radial-gradient(ellipse at 50% 25%,#577d38 0%,#223c25 55%,#101b17 100%);
  align-items:flex-start; padding-top:12px;
}
body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu .lobby-copy {
  flex:0 0 auto; min-height:0; position:relative; padding:24px; gap:9px;
  background:transparent; color:#f5f7ed;
}
body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu .lobby-copy b {
  color:#fff; font-size:36px; line-height:.98; letter-spacing:-.015em; max-width:13ch;
}
body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu .lobby-copy small { color:#e0e8dc; max-width:30ch; }
body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu .lobby-copy .lobby-action {
  padding-top:12px; border-top:1px solid #ffffff38; margin-top:6px; font-size:14px;
}
/**/
body.organization-ui.matchday-ui.street-ui #appShell .locker-room {
  background:radial-gradient(ellipse at 50% 0,#344b32 0%,#17251c 48%,#111b16 100%);
  padding:28px; border:1px solid #4e6448; border-radius:12px;
}
body.organization-ui.matchday-ui.street-ui #appShell .locker-room-heading h3 {
  font:800 38px/1 var(--club-display); color:#f5f7ed; letter-spacing:-.02em;
}
body.organization-ui.matchday-ui.street-ui #appShell .locker-room-heading p { color:#c5d2c7; }
body.organization-ui.matchday-ui.street-ui #appShell .locker-lineup { gap:24px; padding-block:6px 12px; }
body.organization-ui.matchday-ui.street-ui #appShell .locker-athlete>.album-sticker {
  box-shadow:0 14px 22px #0006,0 1px 0 #e2efba70;
}
body.organization-ui.matchday-ui.street-ui #appShell .locker-list-link {
  min-height:44px; margin-top:10px; color:#d6e4cd; font-size:13px;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-card-surface {
  border-radius:12px; padding:28px;
}
/**/
body.organization-ui.matchday-ui.street-ui #appShell #view-times .team-column {
  background:linear-gradient(165deg,#2c4329 0%,#17231b 180px); border:1px solid #607951;
  border-top:5px solid #b7ff45; padding:24px;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-times .team-column.orange-team {
  background:linear-gradient(165deg,#4a3425 0%,#241e18 180px); border-color:#9a7753; border-top-color:#ffb36b;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-times .team-column>span { font-size:38px; }
body.organization-ui.matchday-ui.street-ui #appShell #view-times .orange-team>span { color:#ffca94; }
body.organization-ui.matchday-ui.street-ui #appShell #view-times .versus-card { background:transparent; border:0; }
body.organization-ui.matchday-ui.street-ui #appShell #view-times .versus-card>strong { color:#e6efdb; font:800 italic 58px/1 var(--club-display); }
/**/
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button[data-entry-choice] {
  min-height:320px; justify-content:flex-end; padding:24px; border-radius:10px;
  background:#101b17; border:1px solid #758267;
}
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .entry-tile-image {
  inset:0; width:100%; height:100%; object-fit:cover;
}
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button[data-entry-choice]::before {
  inset:0; background:linear-gradient(0deg,#101b17 0%,#101b17ee 30%,#101b1710 100%);
}
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button[data-entry-choice] strong { font-size:34px; color:#fff; }
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button[data-entry-choice] :is(small,.login-choice-kicker) { color:#e0e8dc; }
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button[data-entry-choice=invite] :is(strong,small,.login-choice-kicker) { color:#fff; }
@media(max-width:760px) {
  body.organization-ui.matchday-ui.street-ui #appShell .view-header h2 { font-size:38px; }
  body.organization-ui.matchday-ui.street-ui #appShell .home-matchday-card .home-matchday-main { padding:20px; }
  body.organization-ui.matchday-ui.street-ui #appShell .home-matchday-main .match-club-name { font-size:38px; max-width:18ch; margin:16px 0; }
  body.organization-ui.matchday-ui.street-ui #appShell .home-matchday-main .match-kickoff { font-size:40px; }
  body.organization-ui.matchday-ui.street-ui #appShell .home-matchday-main .home-match-meta { gap:16px; padding-bottom:8px; }
  body.organization-ui.matchday-ui.street-ui #appShell .home-status-card { padding:20px; gap:14px; border-left:0; border-top:1px solid #485d42; }
  body.organization-ui.matchday-ui.street-ui #appShell .home-status-body>strong { font-size:30px; }
  body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu>button.lobby-tile { min-height:260px; flex-direction:column; }
  body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu>button.street-locker-link { min-height:220px; }
  body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu .lobby-copy { padding:16px; }
  body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu .lobby-copy b { font-size:28px; }
  body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu>.street-locker-link .lobby-art { width:100%; height:100%; }
  body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu>.street-locker-link .lobby-art.is-player { align-items:center; justify-content:flex-end; padding:12px 22px 12px 0; }
  body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu>.street-locker-link .lobby-art::after { background:linear-gradient(90deg,#101b17 0%,#101b17ed 28%,#101b1700 85%); }
  body.organization-ui.matchday-ui.street-ui #appShell .lobby-menu>.street-locker-link .lobby-copy { max-width:65%; }
  body.organization-ui.matchday-ui.street-ui #appShell .locker-room { padding:20px 14px; }
  body.organization-ui.matchday-ui.street-ui #appShell .locker-room-heading h3 { font-size:30px; }
  body.organization-ui.matchday-ui.street-ui #appShell .locker-lineup { gap:12px; }
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-card-surface { padding:16px 12px 24px; }
  body.organization-ui.matchday-ui.street-ui #appShell #view-times .team-column { padding:18px; }
  body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button[data-entry-choice] { min-height:230px; padding:18px 14px; }
  body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button:is([data-entry-choice=invite],[data-entry-choice=account]) { min-height:160px; padding:20px 35% 20px 18px; }
  body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button:is([data-entry-choice=invite],[data-entry-choice=account]) .entry-tile-image { inset:0; width:100%; height:100%; }
  body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button:is([data-entry-choice=invite],[data-entry-choice=account])::before { inset:0; background:linear-gradient(90deg,#101b17f5,#101b17c9 55%,#101b1720); }
  body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button[data-entry-choice] strong { font-size:29px; }
}
/**/
@media(max-width:760px) {
  body.organization-ui.matchday-ui.street-ui #appShell .home-support-grid,
  body.organization-ui.matchday-ui.street-ui #appShell .home-support-grid:has(>button:last-child:nth-child(2)) { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:760px) and (max-height:740px) {
  body.organization-ui.matchday-ui.street-ui #appShell .workspace { padding-top:12px; }
  body.organization-ui.matchday-ui.street-ui #appShell .topbar { padding-bottom:10px; }
  body.organization-ui.matchday-ui.street-ui #appShell .home-matchday-card .home-matchday-main { padding:14px 16px 10px; }
  body.organization-ui.matchday-ui.street-ui #appShell .home-matchday-main .club-match-heading { margin-bottom:0; gap:8px; }
  body.organization-ui.matchday-ui.street-ui #appShell .home-matchday-main .club-match-emblem { width:32px; height:36px; flex-basis:32px; }
  body.organization-ui.matchday-ui.street-ui #appShell .home-matchday-main .match-club-name { margin:9px 0; font-size:32px; }
  body.organization-ui.matchday-ui.street-ui #appShell .home-matchday-main .home-match-meta { margin:0; padding:0 0 6px; }
  body.organization-ui.matchday-ui.street-ui #appShell .home-matchday-main .match-kickoff { font-size:32px; }
  body.organization-ui.matchday-ui.street-ui #appShell .home-matchday-main .round-schedule-edit { margin-bottom:0; padding-block:8px; }
  body.organization-ui.matchday-ui.street-ui #appShell .home-matchday-main .round-list-progress { padding-top:6px; }
  body.organization-ui.matchday-ui.street-ui #appShell .home-matchday-main .organization-progress { margin-top:6px; }
  body.organization-ui.matchday-ui.street-ui #appShell .home-matchday-main .home-own-participation>summary { padding-block:6px; }
  body.organization-ui.matchday-ui.street-ui #appShell .home-status-card { padding:14px 16px; gap:8px; }
  body.organization-ui.matchday-ui.street-ui #appShell .home-status-body>strong { font-size:27px; }
  body.organization-ui.matchday-ui.street-ui #appShell .home-status-body>p { margin-top:6px; line-height:1.4; }
  body.organization-ui.matchday-ui.street-ui #appShell .home-status-actions>.home-primary-action { min-height:48px; padding-block:10px; }
}


/**/
@media (max-width:480px) {
  body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar { grid-template-columns:1fr; gap:8px; }
  body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button[data-entry-choice] { min-height:104px; height:auto; padding:12px 14px; padding-right:38%; gap:4px; justify-content:center; }
  body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button[data-entry-choice] strong { font-size:20px; line-height:1.1; }
  body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button[data-entry-choice] .entry-tile-image { inset:0 0 0 auto; height:100%; width:38%; }
  body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button[data-entry-choice]::before { inset:0 38% 0 0; }
}

/**/
body.organization-ui.matchday-ui.street-ui #appShell #view-caixa .finance-summary { display:block; padding:var(--bdr-panel-inset); background:#18221d; border:1px solid #73836a; border-radius:var(--bdr-radius-panel); }
body.organization-ui.matchday-ui.street-ui #appShell .cash-headline { display:grid; gap:8px; padding-bottom:24px; }
body.organization-ui.matchday-ui.street-ui #appShell .cash-headline>span { font:650 16px/1.4 var(--body); color:#f5f7ed; }
body.organization-ui.matchday-ui.street-ui #appShell .cash-headline>strong { font:800 clamp(36px,7vw,56px)/1 var(--club-display); color:#b7ff45; overflow-wrap:anywhere; }
body.organization-ui.matchday-ui.street-ui #appShell .cash-headline>p { margin:0; max-width:55ch; font:400 14px/1.5 var(--body); color:#c2cebc; }
body.organization-ui.matchday-ui.street-ui #appShell .finance-summary .cash-secondary-metrics { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:0; padding:20px 0; border-top:1px solid #526152; }
body.organization-ui.matchday-ui.street-ui #appShell .finance-summary .cash-secondary-metrics>div { min-width:0; border:0; padding:0; }
body.organization-ui.matchday-ui.street-ui #appShell .finance-summary .cash-secondary-metrics dt { color:#c2cebc; font:500 14px/1.4 var(--body); }
body.organization-ui.matchday-ui.street-ui #appShell .finance-summary .cash-secondary-metrics dd { margin:8px 0 0; color:#f5f7ed; font:700 22px/1.2 var(--body); }
body.organization-ui.matchday-ui.street-ui #appShell .cash-detail-summary { border:0; border-top:1px solid #526152; background:transparent; border-radius:0; padding:0; }
body.organization-ui.matchday-ui.street-ui #appShell .cash-detail-summary>summary { min-height:48px; padding:14px 0; color:#f5f7ed; font:650 14px/1.4 var(--body); cursor:pointer; }
body.organization-ui.matchday-ui.street-ui #appShell .finance-summary .cash-detail-grid { display:grid; gap:0; margin:0; }
body.organization-ui.matchday-ui.street-ui #appShell .finance-summary .cash-detail-grid>div { display:flex; justify-content:space-between; align-items:baseline; gap:16px; padding:12px 0; border:0; border-bottom:1px solid #354638; }
body.organization-ui.matchday-ui.street-ui #appShell .finance-summary .cash-detail-grid dt { font:400 14px/1.5 var(--body); color:#c2cebc; }
body.organization-ui.matchday-ui.street-ui #appShell .finance-summary .cash-detail-grid dd { margin:0; font:650 16px/1.4 var(--body); color:#f5f7ed; text-align:right; }
body.organization-ui.matchday-ui.street-ui #appShell .cash-detail-summary .cash-ring { width:100px; height:100px; margin:20px auto 4px; }
body.organization-ui.matchday-ui.street-ui #appShell .cash-detail-summary .cash-ring>div { width:80px; height:80px; }
body.organization-ui.matchday-ui.street-ui #appShell .cash-detail-summary .cash-ring span { font-size:24px; }
body.organization-ui.matchday-ui.street-ui #appShell #view-admin .admin-tabs { display:grid; grid-template-columns:repeat(5,minmax(0,1fr));   background:#18221d; border:1px solid #73836a; border-radius:var(--bdr-radius-panel); }
body.organization-ui.matchday-ui.street-ui #appShell #view-admin .admin-tabs>button[data-admin-tab] { grid-column:auto; display:flex; justify-content:center; align-items:center;   border:1px solid transparent;   background:transparent; font:650 14px/1.35 var(--body); white-space:normal; text-align:center; }
body.organization-ui.matchday-ui.street-ui #appShell #view-admin .admin-tabs>button[aria-pressed=true] { background:#b7ff45; border-color:#b7ff45; color:#172013; }
body.organization-ui.matchday-ui.street-ui #appShell #view-admin .admin-tabs>button:focus-visible { outline:3px solid #f5f7ed; outline-offset:2px; }
@media(max-width:760px) {
 body.organization-ui.matchday-ui.street-ui #appShell #view-caixa .finance-summary { padding:var(--bdr-panel-inset); }
 body.organization-ui.matchday-ui.street-ui #appShell #view-admin .admin-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); }
 body.organization-ui.matchday-ui.street-ui #appShell #view-admin .admin-tabs>button[data-admin-tab=operacao] { grid-column:1 / -1; }
}
/**/
body.organization-ui.matchday-ui.street-ui #appShell .finance-summary .cash-secondary-metrics>div { grid-column:auto; }
body.organization-ui.matchday-ui.street-ui #appShell .finance-summary .cash-detail-grid { grid-template-columns:minmax(0,1fr); }
body.organization-ui.matchday-ui.street-ui #appShell #view-caixa .view-header .amount-chip { background:transparent; border:0; padding:0; color:#c2cebc; text-align:right; }
body.organization-ui.matchday-ui.street-ui #appShell #view-caixa .view-header .amount-chip span { color:#c2cebc; font:400 13px/1.5 var(--body); }
body.organization-ui.matchday-ui.street-ui #appShell #view-caixa .view-header .amount-chip strong { color:#f5f7ed; font:650 18px/1.5 var(--body); }
body.organization-ui.matchday-ui.street-ui #appShell .cash-projection-note { font:400 13px/1.5 var(--body); color:#c2cebc; margin:16px 0 0; }

/**/
body.organization-ui.matchday-ui.street-ui #appShell #view-admin .admin-tabs {
  padding:0; border:0; background:transparent; gap:8px;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-admin .admin-tabs>button[data-admin-tab] {
  min-height:48px; border:1px solid #526152; border-radius:var(--bdr-radius-control);
  background:#18221d; color:#c2cebc; padding:10px 8px;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-caixa .cash-headline { padding-bottom:16px; }
body.organization-ui.matchday-ui.street-ui #appShell #view-caixa .cash-secondary-metrics { padding-block:16px; }
body.organization-ui.matchday-ui.street-ui #appShell #view-caixa .payment-row {
  border:0; border-bottom:1px solid #526152; border-radius:0;
  background:transparent; box-shadow:none; padding:16px 0; gap:16px;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-caixa .payment-row>div { min-width:0; }
body.organization-ui.matchday-ui.street-ui #appShell #view-caixa .payment-row strong { overflow-wrap:anywhere; }
body.organization-ui.matchday-ui.street-ui #appShell #view-caixa .payment-row button { min-height:48px; }
body.organization-ui.matchday-ui.street-ui #appShell #view-caixa .payment-person {
  display:flex; align-items:center; gap:12px; min-width:0;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-caixa .payment-person-copy { min-width:0; }
body.organization-ui.matchday-ui.street-ui #appShell #view-caixa .payment-person-copy strong {
  white-space:normal; overflow:visible; text-overflow:clip;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-caixa .payment-person-copy small { overflow-wrap:anywhere; }
body.organization-ui.matchday-ui.street-ui #appShell #view-caixa .payment-presence-note { color:#e5c691; }
body.organization-ui.matchday-ui.street-ui #appShell #view-caixa .payment-record {
  display:flex; align-items:center; justify-content:flex-end; gap:20px; min-width:0;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-caixa .payment-value { min-width:0; text-align:right; }
body.organization-ui.matchday-ui.street-ui #appShell #view-caixa .payment-value strong {
  font:700 16px/1.35 var(--body); white-space:normal; overflow:visible; text-overflow:clip;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-caixa .payment-value small { font-size:12px; }
body.organization-ui.matchday-ui.street-ui #appShell #view-caixa .payment-record button { flex-shrink:0; }
/**/
body.organization-ui.matchday-ui.street-ui #appShell #view-caixa .monthly-fee-row {
  border:0; border-bottom:1px solid #526152; border-radius:0;
  background:transparent; box-shadow:none; padding:16px 0; gap:16px;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-caixa .monthly-fee-row>div { min-width:0; }
body.organization-ui.matchday-ui.street-ui #appShell #view-caixa .monthly-fee-row>div>strong { color:#f2f5e9; overflow-wrap:anywhere; }
body.organization-ui.matchday-ui.street-ui #appShell #view-caixa .monthly-fee-row>div>small { color:#becbbb; overflow-wrap:anywhere; }
body.organization-ui.matchday-ui.street-ui #appShell #view-caixa .monthly-fee-row .fee-mode-actions { justify-content:flex-start; }
@media(max-width:620px) {
  body.organization-ui.matchday-ui.street-ui #appShell #view-caixa .payment-row { grid-template-columns:minmax(0,1fr); gap:12px; }
  body.organization-ui.matchday-ui.street-ui #appShell #view-caixa .monthly-fee-row { grid-template-columns:minmax(0,1fr); gap:12px; }
  body.organization-ui.matchday-ui.street-ui #appShell #view-caixa .monthly-fee-row>button,
  body.organization-ui.matchday-ui.street-ui #appShell #view-caixa .monthly-fee-row>.status-pill { justify-self:start; max-width:100%; }
  body.organization-ui.matchday-ui.street-ui #appShell #view-caixa .payment-record {
    justify-content:space-between; flex-wrap:wrap; gap:12px;
  }
  body.organization-ui.matchday-ui.street-ui #appShell #view-caixa .payment-value { text-align:left; }
  body.organization-ui.matchday-ui.street-ui #appShell #view-caixa .payment-record button { max-width:100%; }
}
@media(max-width:760px) {
  body.organization-ui.matchday-ui.street-ui #appShell #view-admin .admin-tabs { grid-template-columns:repeat(3,minmax(0,1fr)); }
  body.organization-ui.matchday-ui.street-ui #appShell #view-admin .admin-tabs>button[data-admin-tab] { grid-column:auto; font-size:13px; }
}

/**/

/**/
body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-photo-editor {
  padding:20px; border:1px solid #73836a; border-radius:var(--bdr-radius-panel);
  background:#f0f4e8; color:#172013;
}
body.organization-ui.matchday-ui.street-ui #appShell #profilePhotoEditor #profilePhotoCropPreview {
  width:min(100%,220px); height:auto; aspect-ratio:1; object-fit:contain;
  margin:18px auto; border:1px solid #607452; border-radius:var(--bdr-radius-control);
  background:linear-gradient(135deg,#405b43,#14271b);
  box-shadow:0 8px 18px #13261726;
}
body.organization-ui.matchday-ui.street-ui #appShell #profilePhotoEditor .photo-crop-sliders label {
  display:grid; gap:6px; margin-block:10px;
}
body.organization-ui.matchday-ui.street-ui #appShell #profilePhotoEditor input[type=range] {
  min-height:44px; width:100%; accent-color:#315a24;
}
body.organization-ui.matchday-ui.street-ui #appShell #profilePhotoEditor .photo-crop-actions {
  display:flex; flex-wrap:wrap; gap:8px;
}
body.organization-ui.matchday-ui.street-ui #appShell #profilePhotoEditor button { min-height:44px; }
body.organization-ui.matchday-ui.street-ui #appShell #profilePhotoCutoutStatus {
  padding:12px; border-left:3px solid #315a24; background:#e2ead8; line-height:1.5;
}
@media(max-width:400px) {
  body.organization-ui.matchday-ui.street-ui #appShell #profileForm .profile-photo-editor { padding:12px; }
}


/**/
body.organization-ui.matchday-ui.street-ui #appShell #view-caixa > .player-finance-card,
body.organization-ui.matchday-ui.street-ui #appShell .player-team-status {
  margin:0 0 20px; padding:20px; border:1px solid var(--bdr-control-line);
  border-radius:var(--bdr-radius-panel); background:var(--bdr-surface); color:var(--bdr-ink);
}
body.organization-ui.matchday-ui.street-ui #appShell .player-team-status h3 {margin:6px 0;font:700 22px/1.2 var(--body);}
body.organization-ui.matchday-ui.street-ui #appShell .player-team-status p {margin:0;color:var(--bdr-secondary);font:400 14px/1.5 var(--body);}
body.organization-ui.matchday-ui.street-ui #appShell #view-caixa > .player-finance-card {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;}
body.organization-ui.matchday-ui.street-ui #appShell #view-caixa > .player-finance-card[hidden] {display:none;}
body.organization-ui.matchday-ui.street-ui #appShell #view-caixa > .player-finance-card button {min-height:44px;}
body.organization-ui.matchday-ui.street-ui #appShell .cash-journal-toolbar {display:flex;flex-wrap:wrap;gap:10px;}
@media(max-width:600px){
  body.organization-ui.matchday-ui.street-ui #appShell #view-caixa > .player-finance-card {grid-template-columns:minmax(0,1fr);padding:16px;}
  body.organization-ui.matchday-ui.street-ui #appShell .cash-journal-toolbar > button {flex:1 0 100%;min-height:44px;}
}

/**/
body.organization-ui.matchday-ui.street-ui :is(#appShell, #loginScreen, #passwordRecoveryScreen, #publicPatotaScreen, #playerCardModal, [role=dialog], dialog) :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]), select, textarea),
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]), select, textarea) {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
  min-height: 48px;
  padding: 12px 14px;
  border: 1px solid var(--bdr-field-line);
  border-radius: var(--bdr-radius-control);
  background-color: var(--bdr-field);
  background-image: none;
  color: var(--bdr-field-ink);
  caret-color: #263f2e;
  color-scheme: light;
  font: 600 16px/1.4 var(--body);
  letter-spacing: normal;
  box-shadow: none;
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition: border-color 140ms ease, background-color 140ms ease, outline-color 140ms ease;
}
body.organization-ui.matchday-ui.street-ui :is(#appShell, #loginScreen, #passwordRecoveryScreen, #publicPatotaScreen, #playerCardModal, [role=dialog], dialog) :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]), select, textarea)::placeholder,
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]), select, textarea)::placeholder { color: var(--bdr-field-muted); opacity: 1; font-weight: 400; }
body.organization-ui.matchday-ui.street-ui :is(#appShell, #loginScreen, #passwordRecoveryScreen, #publicPatotaScreen, #playerCardModal, [role=dialog], dialog) textarea,
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm textarea { min-height: 112px; resize: vertical; }
body.organization-ui.matchday-ui.street-ui :is(#appShell, #loginScreen, #passwordRecoveryScreen, #publicPatotaScreen, #playerCardModal, [role=dialog], dialog) select:not([multiple]):not([size]),
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm select:not([multiple]):not([size]) {
  -webkit-appearance: none;
  appearance: none;
  padding-right: 48px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='m5 7.5 5 5 5-5' fill='none' stroke='%23263f2e' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 20px 20px;
  cursor: pointer;
}
body.organization-ui.matchday-ui.street-ui :is(#appShell, #loginScreen, #passwordRecoveryScreen, #publicPatotaScreen, #playerCardModal, [role=dialog], dialog) select:where([multiple], [size]),
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm select:where([multiple], [size]) { background-image: none; }
body.organization-ui.matchday-ui.street-ui :is(#appShell, #loginScreen, #passwordRecoveryScreen, #publicPatotaScreen, #playerCardModal, [role=dialog], dialog) :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]), select, textarea):focus-visible,
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]), select, textarea):focus-visible {
  border-color: #263f2e;
  outline: 2px solid var(--bdr-accent);
  outline-offset: 2px;
  box-shadow: 0 0 0 1px var(--bdr-field-ink);
}
body.organization-ui.matchday-ui.street-ui :is(#appShell, #loginScreen, #passwordRecoveryScreen, #publicPatotaScreen, #playerCardModal, [role=dialog], dialog) :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]), select, textarea)[aria-invalid=true],
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]), select, textarea)[aria-invalid=true],
body.organization-ui.matchday-ui.street-ui :is(#appShell, #loginScreen, #passwordRecoveryScreen, #publicPatotaScreen, #playerCardModal, [role=dialog], dialog) :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]), select, textarea):user-invalid,
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]), select, textarea):user-invalid { border-color: var(--bdr-error); outline-color: var(--bdr-error); outline-offset: 2px; }
body.organization-ui.matchday-ui.street-ui :is(#appShell, #loginScreen, #passwordRecoveryScreen, #publicPatotaScreen, #playerCardModal, [role=dialog], dialog) :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]), select, textarea):disabled,
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]), select, textarea):disabled {
  background-color: #e1e7dc;
  color: var(--bdr-field-muted);
  border-color: #9aa795;
  opacity: 1;
  cursor: not-allowed;
}
body.organization-ui.matchday-ui.street-ui :is(#appShell, #loginScreen, #passwordRecoveryScreen, #publicPatotaScreen, #playerCardModal, [role=dialog], dialog) :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]), select, textarea)[readonly],
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]), select, textarea)[readonly] { background-color: #eaf0e3; color: #435442; }
@media (hover: hover) {
  body.organization-ui.matchday-ui.street-ui :is(#appShell, #loginScreen, #passwordRecoveryScreen, #publicPatotaScreen, #playerCardModal, [role=dialog], dialog) :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]), select, textarea):hover:not(:disabled):not([readonly]):not(:focus-visible):not([aria-invalid=true]):not(:user-invalid),
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]), select, textarea):hover:not(:disabled):not([readonly]):not(:focus-visible):not([aria-invalid=true]):not(:user-invalid) { border-color: #435b3f; background-color: #fff; }
}
@media (prefers-reduced-motion: reduce) {
  body.organization-ui.matchday-ui.street-ui :is(#appShell, #loginScreen, #passwordRecoveryScreen, #publicPatotaScreen, #playerCardModal, [role=dialog], dialog) :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]), select, textarea),
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]), select, textarea) { transition: none; }
}
@media (forced-colors: active) {
  body.organization-ui.matchday-ui.street-ui :is(#appShell, #loginScreen, #passwordRecoveryScreen, #publicPatotaScreen, #playerCardModal, [role=dialog], dialog) :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]), select, textarea),
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]), select, textarea) { border-color: ButtonText; background-color: Canvas; color: CanvasText; }
  body.organization-ui.matchday-ui.street-ui :is(#appShell, #loginScreen, #passwordRecoveryScreen, #publicPatotaScreen, #playerCardModal, [role=dialog], dialog) select:not([multiple]):not([size]),
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm select:not([multiple]):not([size]) { appearance: auto; -webkit-appearance: auto; background-image: none; padding-right: 14px; }
  body.organization-ui.matchday-ui.street-ui :is(#appShell, #loginScreen, #passwordRecoveryScreen, #publicPatotaScreen, #playerCardModal, [role=dialog], dialog) :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]), select, textarea):focus-visible,
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]), select, textarea):focus-visible { outline-color: Highlight; box-shadow: none; }
  body.organization-ui.matchday-ui.street-ui :is(#appShell, #loginScreen, #passwordRecoveryScreen, #publicPatotaScreen, #playerCardModal, [role=dialog], dialog) :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]), select, textarea):disabled,
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]), select, textarea):disabled { color: GrayText; border-color: GrayText; }
}

/**/
body.organization-ui.matchday-ui.street-ui #playerCardModal .player-card-fields { gap: 16px; align-items: start; }
body.organization-ui.matchday-ui.street-ui #playerCardModal .player-card-fields > .signup-style-hint.is-full { grid-column: 1 / -1; margin: 0; }
body.organization-ui.matchday-ui.street-ui #playerCardModal .player-card-fields > label { gap: 8px; }
@media(max-width:380px) {
  body.organization-ui.matchday-ui.street-ui #playerCardModal .player-card-fields {
    grid-template-columns:minmax(0,1fr);
  }
}
/**/
body.organization-ui.matchday-ui.street-ui #playerCardModal .player-card-field:has(#loginPlayerTheme) { grid-column:1/-1; }
body.organization-ui.matchday-ui.street-ui #playerCardModal :is(input,select,textarea) { scroll-margin-block:180px 90px; }
body.organization-ui.matchday-ui.street-ui #playerCardModal .player-photo-picker>span { background:#b7ff45; color:#172013; border-radius:8px; min-height:48px; }
body.organization-ui.matchday-ui.street-ui #playerCardModal .player-card-done { background:#b7ff45; color:#172013; border-radius:8px; min-height:48px; }
/**/
@media(max-width:760px) {
  body.organization-ui.matchday-ui.street-ui #appShell #view-time .view-header:has(.roster-add[open]) { display:flex; flex-direction:column; align-items:stretch; gap:16px; }
  body.organization-ui.matchday-ui.street-ui #appShell #view-time .roster-add[open] { width:100%; }
  body.organization-ui.matchday-ui.street-ui #appShell #view-time .roster-add[open] .add-player { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; }
}
body.organization-ui.matchday-ui.street-ui #appShell #addPlayerForm label { display:grid; gap:8px; min-width:0; font-size:14px; }

/**/
body.organization-ui.matchday-ui.street-ui #appShell .account-menu-panel {
  max-height: calc(100dvh - 120px);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

/**/
body.organization-ui.matchday-ui.street-ui #appShell :is(#announcementComposer, #resultEditor, .public-media-surface)[open] > :not(summary) {
  margin-inline: 18px;
}
body.organization-ui.matchday-ui.street-ui #appShell :is(#announcementComposer, #resultEditor, .public-media-surface)[open] > :last-child {
  margin-bottom: 20px;
}
body.organization-ui.matchday-ui.street-ui #appShell #announcementComposer .surface-heading,
body.organization-ui.matchday-ui.street-ui #appShell .public-media-surface .surface-heading {
  display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:12px; text-align:left;
}
body.organization-ui.matchday-ui.street-ui #appShell #addPlayerForm { align-items:end; }
body.organization-ui.matchday-ui.street-ui #appShell #addPlayerForm > button { min-height:48px; height:48px; }

/**/
@media (min-width: 761px) {
  body.organization-ui.matchday-ui.street-ui #playerCardModal .signup-sticker-stage {
    position: sticky;
    top: 0;
    align-self: start;
  }
  body.organization-ui.matchday-ui.street-ui #playerCardModal #playerStickerPreview {
    width: min(100%, clamp(120px, calc((100dvh - 330px) * 5 / 7), 280px));
  }
}

/**/
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .profile-builder-fields {
  background:var(--bdr-glass-sheen),var(--bdr-glass-base);
  color:var(--bdr-glass-ink);
  border:1px solid var(--bdr-glass-line);
  border-radius:var(--bdr-radius-panel);
  box-shadow:inset 0 1px 0 #f0fff212;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm :is(.profile-editor-scope,.profile-field-scope,.profile-privacy-toggle span,.photo-picker-hint,#profileSaveStatus,.profile-photo-editor p,.game-attributes-footer small) {
  color:#cad7c5;
  font-size:13px;
  line-height:1.5;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm :is(.profile-builder-fields label>span,.profile-name-field label>span,.profile-identity-group legend,.sticker-theme-picker legend,.profile-extras>summary,.profile-photo-control strong,.profile-photo-editor h3,.profile-photo-editor label>span) {
  color:#f2f5e9;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm :is(.profile-identity-group legend,.sticker-theme-picker legend) {
  font:700 18px/1.3 var(--body);
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .profile-step-nav {
  background:#0f1b14;
  border-color:#637965;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .profile-step-nav button {
  color:#cad7c5;
  background:transparent;
  border-radius:var(--bdr-radius-control);
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .profile-step-nav button>span {
  color:#f2f5e9;
  background:#304b36;
  border-color:#81987c;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .profile-step-nav button[aria-current=step] {
  color:#f2f5e9;
  background:#304b36;
  border-color:#81987c;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .profile-step-nav button[aria-current=step]>span {
  color:#172013;
  background:#b7ff45;
  border-color:#b7ff45;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .profile-step-navigation {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  min-width:0;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .profile-step-navigation>button {
  min-width:0;
  min-height:44px;
  max-width:100%;
  white-space:normal;
  text-align:start;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .photo-picker-hint {
  color:#cad7c5;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .profile-photo-picker {
  border-radius:var(--bdr-radius-control);
  outline:none;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .profile-photo-picker:has(input:focus-visible) {
  outline:3px solid #f7f9f2;
  outline-offset:3px;
  box-shadow:0 0 0 2px #17271e;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm #profilePhotoInput {
  margin:0;
  padding:0;
  border:0;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .profile-builder-fields .profile-photo-picker>span {
  min-height:48px;
  padding:10px 14px;
  border:1px solid #b7ff45;
  border-radius:var(--bdr-radius-control);
  background:#b7ff45;
  color:#172013;
  font-size:14px;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .profile-photo-actions .profile-photo-picker {
  flex:0 1 auto;
  width:auto;
}
/**/
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .sticker-theme-options {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .theme-sticker-sample {
  width:72px;
  max-width:100%;
  justify-self:center;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .sticker-theme-options label>span {
  padding:12px;
  gap:10px;
  color:var(--bdr-glass-ink);
  background:#0b1b166e;
  border-color:var(--bdr-glass-line);
  border-radius:var(--bdr-radius-control);
  box-shadow:none;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .sticker-theme-options input:checked+span {
  color:var(--bdr-glass-ink);
  background:#284a35cc;
  border-color:var(--bdr-accent);
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm :is(.profile-photo-actions>button,.profile-preview-action,.game-attributes-footer button,.profile-step-navigation>button) {
  min-height:44px;
  border:1px solid var(--bdr-glass-line);
  border-radius:var(--bdr-radius-control);
  background:#ffffff0d;
  color:var(--bdr-glass-ink);
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .profile-extras {
  border-color:#637965;
  border-radius:var(--bdr-radius-control);
  background:transparent;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .profile-photo-editor {
  background:#203628;
  color:#f2f5e9;
  border-color:#81987c;
  border-radius:var(--bdr-radius-panel);
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm #profilePhotoCutoutStatus {
  background:#304b36;
  color:#f2f5e9;
  border-left-color:#b7ff45;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .photo-crop-sliders input {
  accent-color:#b7ff45;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .game-attributes {
  background:#0f1b14;
  border-color:#637965;
  border-radius:var(--bdr-radius-control);
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .game-attribute-options label>span {
  background:#ffffff0d;
  color:var(--bdr-glass-ink);
  border-color:#a7cdbd70;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .game-attribute-options input:checked+span {
  background:#b7ff45;
  color:#172013;
  border-color:#b7ff45;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .profile-field-error {
  color:#ffd4c8;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .game-attributes .profile-field-error {
  color:#fff2de;
  background:#6e331f;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .settings-actions {
  border-top-color:var(--bdr-glass-line);
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm #profileDiscardChanges {
  color:var(--bdr-glass-ink);
  border-radius:var(--bdr-radius-control);
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .profile-save-actions>button[type=submit] {
  border-color:#b7ff45;
  border-radius:var(--bdr-radius-control);
  color:#172013;
  background:#b7ff45;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .profile-save-actions>button[type=submit]:disabled {
  background:var(--bdr-disabled);
  color:var(--bdr-disabled-ink);
  border-color:var(--bdr-control-line);
}
/**/
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm :is(button,summary,input,select,textarea):focus-visible {
  outline:2px solid var(--bdr-accent);
  outline-offset:3px;
  box-shadow:0 0 0 1px #17271e;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm :is(.sticker-theme-options input:focus-visible+span,.game-attribute-options input:focus-visible+span) {
  outline:2px solid var(--bdr-accent);
  outline-offset:3px;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm :is(.profile-preview-action,.profile-save-short,.profile-exit-short) {
  display:none;
}
@media(max-width:760px) {
  /**/
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil:has(#profileEditSurface[open] #profileForm[data-editor-step=style])>.view-header {
    position:absolute;
    width:1px;
    height:1px;
    min-height:0;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip-path:inset(50%);
    white-space:nowrap;
    border:0;
  }
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .profile-builder-fields {
    padding:16px;
  }
  /**/
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm[data-editor-step=style] .sticker-preview-column {
    display:block;
    padding:0;
    margin:0;
    background:transparent;
    border:0;
    box-shadow:none;
  }
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm[data-editor-step=style] .sticker-preview-column::before,
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm[data-editor-step=style] #profileStickerPreview {
    display:none;
  }
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm[data-editor-step=style] .sticker-preview-caption {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
  }
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm[data-editor-step=style] .sticker-preview-caption>strong {
    display:block;
    min-width:0;
    margin:0;
    font:700 14px/1.4 var(--body);
  }
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm[data-editor-step=style] .sticker-preview-caption>:is(small,.sticker-preview-identity,.sticker-preview-status) {
    display:none;
  }
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm[data-editor-step=style] #profileStickerEffect {
    grid-column:2;
    grid-row:1;
    min-height:44px;
    margin:0;
  }
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm[data-editor-step=style] .theme-sticker-sample {
    width:min(100%,72px);
    justify-self:center;
  }
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm[data-editor-step=style] #profileAttributesHint {
    margin-bottom:16px;
  }
  /**/
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .game-attributes {
    padding:0;
    border:0;
    background:transparent;
  }
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .game-attribute-options {
    grid-template-columns:repeat(5,minmax(44px,1fr));
    gap:8px;
  }
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .settings-actions {
    /**/
    position:static;
    bottom:auto;
    z-index:auto;
    padding:12px;
    margin:8px 0 0;
    background:var(--bdr-glass-base);
    border:1px solid var(--bdr-glass-line);
    border-radius:var(--bdr-radius-panel);
    box-shadow:none;
  }
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .profile-save-actions {
    display:grid;
    grid-template-columns:minmax(80px,.8fr) minmax(0,1.8fr);
    align-items:stretch;
    gap:6px;
    width:100%;
  }
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .profile-save-actions>button {
    box-sizing:border-box;
    min-width:0;
    min-height:48px;
    max-width:none;
    padding:8px 4px;
    font-size:13px;
    line-height:1.2;
    white-space:normal;
    overflow-wrap:normal;
  }
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm #profileDiscardChanges {
    align-self:stretch;
    justify-self:stretch;
    min-width:44px;
    padding:8px 4px;
  }
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm :is(.profile-preview-action,.profile-save-short,.profile-exit-short) {
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm :is(.profile-exit-full,.profile-save-actions>button[type=submit]>span:not(.profile-save-short)) {
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip-path:inset(50%);
    white-space:nowrap;
  }
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .profile-save-actions>button[type=submit]>svg {
    display:none;
  }
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm :is(input,select,textarea,button,summary) {
    scroll-margin-bottom:32px;
  }
}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  /**/
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .profile-builder-fields {
    background:var(--bdr-glass-sheen),var(--bdr-glass-context);
  }
  @media(max-width:760px) {
    body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .settings-actions {
      background:var(--bdr-glass-reflection),var(--bdr-glass-chrome);
      -webkit-backdrop-filter:blur(var(--bdr-glass-blur)) saturate(1.35);
      backdrop-filter:blur(var(--bdr-glass-blur)) saturate(1.35);
    }
    body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm #profileSaveStatus {
      color:var(--bdr-glass-ink);
    }
  }
}
@media(prefers-reduced-transparency:reduce) {
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .profile-builder-fields {
    background:var(--bdr-glass-base);
  }
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .sticker-theme-options label>span {
    background:#15271e;
  }
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .sticker-theme-options input:checked+span {
    background:#284a35;
  }
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .settings-actions {
    background:var(--bdr-glass-base);
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
}
/**/
@media(hover:hover) and (pointer:fine) {
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm :is(.profile-photo-actions>button,.profile-preview-action,.profile-step-navigation>button):hover {
    background:#ffffff16;
    border-color:#b7ff45;
  }
}
@media(prefers-reduced-motion:no-preference) {
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm :is(.profile-photo-actions>button,.profile-preview-action,.profile-step-navigation>button) {
    transition:background-color 140ms ease,border-color 140ms ease,transform 140ms var(--bdr-ease);
  }
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm :is(.profile-photo-actions>button,.profile-preview-action,.profile-step-navigation>button):active:not(:disabled):not(:focus-visible) {
    transform:scale(.98);
  }
}
@media(forced-colors:active) {
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm :is(.profile-builder-fields,.sticker-theme-options label>span) {
    background:Canvas;
    color:CanvasText;
    border-color:ButtonBorder;
    box-shadow:none;
  }
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .sticker-theme-options input:checked+span {
    border-color:Highlight;
    outline:2px solid Highlight;
  }
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .profile-photo-picker:has(input:focus-visible),
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm :is(button,summary,input,select,textarea):focus-visible {
    outline-color:Highlight;
    box-shadow:none;
  }
}

/**/
body.organization-ui.matchday-ui.street-ui #appShell .album-avatar.is-identity-thumbnail {
  --athlete-bg:#b7ff45;
  --athlete-ink:#172013;
  --athlete-line:#617e40;
  --identity-shirt:#253d2b;
  --identity-number:#f2edcc;
  position:relative; display:block; box-sizing:border-box; flex-shrink:0;
  width:48px; height:auto; min-width:48px; min-height:0; aspect-ratio:5/7;
  margin:0; padding:2px; overflow:hidden; border:0; border-radius:5px;
  background:linear-gradient(135deg,#d8dfc3,#778568 32%,#eff1d8 62%,#879773);
  color:var(--athlete-ink); box-shadow:0 1px 2px #0004;
}
body.organization-ui.matchday-ui.street-ui #appShell .album-avatar.is-identity-thumbnail[data-street-theme=orange] {
  --athlete-bg:#ffb580; --athlete-line:#93603b;
}
body.organization-ui.matchday-ui.street-ui #appShell .album-avatar.is-identity-thumbnail[data-street-theme=blue] {
  --athlete-bg:#bcd6ff; --athlete-ink:#122840; --athlete-line:#5e7da5;
}
body.organization-ui.matchday-ui.street-ui #appShell .album-avatar.is-identity-thumbnail[data-street-theme=night] {
  --athlete-bg:#27342a; --athlete-ink:#f2f5e9; --athlete-line:#829a76;
  --identity-shirt:#b7c6ae; --identity-number:#172013;
}
body.organization-ui.matchday-ui.street-ui #appShell .album-avatar.is-identity-thumbnail .locker-jersey.is-thumbnail-jersey {
  position:relative; inset:auto; display:block; box-sizing:border-box;
  width:100%; height:100%; min-width:0; margin:0; padding:0; border:0; border-radius:3px;
  overflow:hidden; background:radial-gradient(ellipse at 74% 18%,#ffffff70,transparent 68%),var(--athlete-bg);
  color:var(--identity-shirt); --jersey-seam:#9ead8c;
}
body.organization-ui.matchday-ui.street-ui #appShell .album-avatar.is-identity-thumbnail .identity-fallback {
  position:absolute; inset:15% 5% 6%; display:block; width:auto; height:auto;
  min-width:0; margin:0; padding:0; border:0; border-radius:0; background:transparent;
  color:var(--identity-shirt);
}
body.organization-ui.matchday-ui.street-ui #appShell .album-avatar.is-identity-thumbnail .identity-fallback>svg {
  display:block; width:100%; height:100%;
}
body.organization-ui.matchday-ui.street-ui #appShell .album-avatar.is-identity-thumbnail .identity-fallback>b {
  position:absolute; inset:41% 0 auto; width:100%; color:var(--identity-number);
  font:800 18px/1 var(--club-display); text-align:center;
}
body.organization-ui.matchday-ui.street-ui #appShell .album-avatar.is-identity-thumbnail .locker-jersey>img {
  position:absolute; inset:0; display:block; width:100%; height:100%; max-width:none;
  object-fit:cover; object-position:center top; border:0; border-radius:0;
}
body.organization-ui.matchday-ui.street-ui #appShell .album-avatar.is-identity-thumbnail .locker-jersey.has-photo>.identity-fallback { visibility:hidden; }
body.organization-ui.matchday-ui.street-ui #appShell .album-avatar.is-identity-thumbnail>.album-avatar-number {
  position:absolute; inset:auto 2px 2px; z-index:1; display:block; width:auto; height:13px;
  margin:0; padding:0; border:0; border-top:1px solid var(--athlete-line); border-radius:0 0 3px 3px;
  background:var(--athlete-bg); color:var(--athlete-ink); font:800 10px/12px var(--body); text-align:center;
}
body.organization-ui.matchday-ui.street-ui #appShell #playerGrid .roster-row .sticker-avatar.album-avatar.is-identity-thumbnail {
  width:48px; height:auto; min-width:48px; aspect-ratio:5/7; padding:2px; border:0; border-radius:5px;
  background:linear-gradient(135deg,#d8dfc3,#778568 32%,#eff1d8 62%,#879773);
}
body.organization-ui.matchday-ui.street-ui #appShell .team-drawer-avatar.album-avatar.is-identity-thumbnail {
  width:24px; min-width:24px; height:auto; padding:1px; border-radius:3px;
}
body.organization-ui.matchday-ui.street-ui #appShell .team-drawer-avatar.album-avatar.is-identity-thumbnail .identity-fallback>b { font-size:10px; }
body.organization-ui.matchday-ui.street-ui #appShell .team-drawer-avatar.album-avatar.is-identity-thumbnail>.album-avatar-number { display:none; }
/**/
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-street-theme=night] .street-card-portrait .identity-fallback {
  color:#b7c6ae; --jersey-seam:#526b55;
}
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .album-sticker[data-street-theme=night] .street-card-portrait .identity-fallback>b { color:#172013 !important; }
/**/
body.organization-ui.matchday-ui.street-ui :is(#appShell,#playerCardModal) .theme-sticker-sample .album-sticker .street-card-portrait .identity-fallback>b { color:var(--athlete-ink,#f5f7ef) !important; }

/**/
@media(min-width:761px) {
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil :is(.profile-overview,.profile-overview.is-photo-missing) {
    grid-template-columns:minmax(300px,400px) minmax(0,1fr); align-items:center; gap:40px;
  }
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-overview .profile-collectible {
    display:flex; width:100%; max-width:400px;
  }
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-collectible>.album-sticker {
    width:100%; max-width:300px;
  }
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .is-photo-missing .profile-photo-invitation { display:none; }
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .is-photo-missing .profile-overview-info>:is(h3,.profile-overview-position,.profile-overview-bio.is-default-copy) { display:block; }
}

/**/
body.organization-ui.matchday-ui.street-ui #appShell #view-caixa :is(.cash-headline, .cash-detail-summary, .amount-chip)[hidden] {
  display: none;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-caixa .finance-summary #cashSetupNotice:not([hidden]) {
  flex-wrap: wrap;
  margin: 0;
  padding: 0 0 20px;
  background: transparent;
  border: 0;
  border-radius: 0;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-caixa #cashSetupNotice strong {
  color: #f5f7ed;
  font: 700 22px/1.25 var(--body);
}
body.organization-ui.matchday-ui.street-ui #appShell #view-caixa #cashSetupNotice p {
  max-width: 55ch;
  color: #c2cebc;
  font: 400 14px/1.5 var(--body);
}
body.organization-ui.matchday-ui.street-ui #appShell #view-caixa #cashSetupNotice button {
  flex-shrink: 0;
  min-height: 48px;
}

/**/
body.organization-ui.matchday-ui.street-ui #appShell #view-avisos #announcementComposer {
  margin: 0 0 20px;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-avisos #announcementComposer > summary {
  min-height: 56px;
  font: 650 16px/1.4 var(--body);
}
body.organization-ui.matchday-ui.street-ui #appShell #view-avisos #announcementComposer .surface-heading > p {
  margin: 0;
  color: #c2cebc;
  font: 400 14px/1.5 var(--body);
}
/**/
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-editor-scope{border:0;padding:0;margin:0;background:transparent;box-shadow:none;min-height:0}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-editor-scope summary{font:500 14px/1.4 var(--body);padding:12px 0;min-height:44px;color:var(--ui-secondary)}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-editor-scope p{font:400 13px/1.5 var(--body);margin:4px 0 12px;color:var(--ui-secondary)}
/**/
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileAccountSettings {
  --profile-account-inset:var(--bdr-panel-inset);
  min-width:0;
  margin:24px 0 0;
  padding:0;
  border:1px solid var(--bdr-line);
  border-radius:var(--bdr-radius-panel);
  background:var(--bdr-surface);
  color:var(--bdr-ink);
  box-shadow:none;
  scroll-margin-block:120px 100px;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileAccountSettings>summary {
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  min-height:72px;
  margin:0;
  padding:16px var(--profile-account-inset);
  border:0;
  border-radius:var(--bdr-radius-inner);
  background:transparent;
  color:var(--bdr-ink);
  font:700 16px/1.4 var(--body);
  list-style:none;
  cursor:pointer;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileAccountSettings>summary::marker { content:""; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileAccountSettings>summary::-webkit-details-marker { display:none; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileAccountSettings>summary::before,
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileAccountSettings>summary::after { content:none; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileAccountSettings>summary>span {
  display:grid;
  gap:4px;
  min-width:0;
  flex:1;
  font:inherit;
  overflow-wrap:anywhere;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileAccountSettings>summary small {
  color:var(--bdr-secondary);
  font:400 13px/1.5 var(--body);
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileAccountSettings>summary>svg {
  width:20px;
  height:20px;
  flex:none;
  color:var(--bdr-accent);
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileAccountSettings>summary>svg:last-child {
  width:18px;
  height:18px;
  margin-left:auto;
  color:var(--bdr-secondary);
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileAccountSettings[open]>summary>svg:last-child { transform:rotate(180deg); }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileAccountSettings>.profile-account-settings-body {
  min-width:0;
  padding:0 var(--profile-account-inset);
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileAccountSettings>.profile-account-settings-body>:not([hidden]) {
  min-width:0;
  margin:0;
  border:0;
  border-top:1px solid var(--bdr-line);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileAccountSettings .profile-account-identity:not([hidden]) {
  display:grid;
  gap:6px;
  padding:18px 0;
  color:var(--bdr-ink);
  overflow-wrap:anywhere;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-account-identity-label {
  color:var(--bdr-secondary);
  font:600 13px/1.4 var(--body);
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-account-identity>strong {
  color:var(--bdr-ink);
  font:700 16px/1.45 var(--body);
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil .profile-account-identity>:is(p,small) {
  margin:0;
  color:var(--bdr-secondary);
  font:400 13px/1.5 var(--body);
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileAccountSettings :is(.emergency-panel,.private-sports-panel,.performance-export-panel,.account-profile-panel,.account-deletion-panel) {
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileAccountSettings :is(.emergency-panel,.private-sports-panel,.performance-export-panel,.account-profile-panel,.account-deletion-panel,.profile-privacy-surface)>summary {
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  min-height:64px;
  padding:16px 0;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--bdr-ink);
  font:700 15px/1.4 var(--body);
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileAccountSettings :is(.emergency-panel,.private-sports-panel,.performance-export-panel,.account-profile-panel,.account-deletion-panel,.profile-privacy-surface)>summary>span {
  font:inherit;
  display:block;
  min-width:0;
  flex:1;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileAccountSettings :is(.emergency-panel,.private-sports-panel,.performance-export-panel,.account-profile-panel,.account-deletion-panel)>summary small {
  display:block;
  margin-top:4px;
  color:var(--bdr-secondary);
  font:400 13px/1.5 var(--body);
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileAccountSettings :is(.emergency-panel,.private-sports-panel,.performance-export-panel,.account-profile-panel,.account-deletion-panel)>summary>svg {
  width:20px;
  height:20px;
  flex:none;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileAccountSettings :is(.emergency-chevron,.private-chevron) { display:none; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileAccountSettings :is(.emergency-panel,.private-sports-panel,.performance-export-panel,.account-profile-panel,.account-deletion-panel,.profile-privacy-surface)>summary::after {
  transform:none;
  content:"";
  width:16px;
  height:16px;
  flex:none;
  margin-left:auto;
  border:0;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c3d0c8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/16px no-repeat;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileAccountSettings :is(.emergency-panel,.private-sports-panel,.performance-export-panel,.account-profile-panel,.account-deletion-panel,.profile-privacy-surface)[open]>summary::after { transform:rotate(180deg); }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileAccountSettings :is(.emergency-body,.private-sports-body,.performance-export-body,.account-profile-body,.account-deletion-body) {
  padding:0 0 24px;
  border-top:0;
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileAccountSettings .profile-privacy-surface>:is(.surface-heading,.privacy-list) { margin:0 0 24px; }
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileAccountSettings summary:focus-visible {
  outline:2px solid var(--bdr-accent);
  outline-offset:3px;
}
@media(max-width:760px) {
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileAccountSettings { --profile-account-inset:16px; }
}
@media(forced-colors:active) {
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .settings-actions {
    background:Canvas;color:CanvasText;border-color:ButtonBorder;box-shadow:none;
    -webkit-backdrop-filter:none;backdrop-filter:none;
  }
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm :is(#profileSaveStatus,#profileDiscardChanges) {color:CanvasText;}
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileAccountSettings { background:Canvas;color:CanvasText;border-color:ButtonBorder; }
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileAccountSettings>summary>svg { color:CanvasText; }
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileAccountSettings :is(.emergency-panel,.private-sports-panel,.performance-export-panel,.account-profile-panel,.account-deletion-panel,.profile-privacy-surface)>summary::after {
    width:8px;height:8px;background:none;
    border-right:2px solid CanvasText;border-bottom:2px solid CanvasText;
    transform:rotate(45deg);
  }
  body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileAccountSettings :is(.emergency-panel,.private-sports-panel,.performance-export-panel,.account-profile-panel,.account-deletion-panel,.profile-privacy-surface)[open]>summary::after { transform:rotate(225deg); }
}
@media(max-width:700px){
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileEditorBack{position:static;width:auto;height:auto;min-height:44px;clip-path:none;overflow:visible;padding:8px 0;border:0}
}


/**/
@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine) {
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .sticker-theme-options label>span { transition:transform 160ms ease-out; }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .sticker-theme-options label:hover>span { transform:translateY(-2px); }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .sticker-theme-options label:active>span { transform:scale(.98); }
 body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .sticker-theme-options label:has(input:focus-visible)>span { transition:none; transform:none; }
}
body.organization-ui.matchday-ui.street-ui #appShell #view-perfil #profileForm .sticker-theme-options input:focus-visible+span { outline:2px solid #f3f5e8; outline-offset:3px; }

/**/
body.organization-ui.matchday-ui.street-ui #appShell .round-planning {
  margin-top:24px; padding:24px; border:1px solid #52614f; border-radius:var(--bdr-radius-panel);
  background:#1c2520; color:#f5f7ed; scroll-margin-top:100px;
}
body.organization-ui.matchday-ui.street-ui #appShell .round-planning .surface-heading {margin:0 0 12px;gap:16px;align-items:start}
body.organization-ui.matchday-ui.street-ui #appShell .round-planning h3 {margin:4px 0 0;color:#f5f7ed;font:600 clamp(25px,4vw,34px)/1.1 var(--club-display)}
body.organization-ui.matchday-ui.street-ui #appShell .round-planning .eyebrow {color:#b5c4ac}
body.organization-ui.matchday-ui.street-ui #appShell .round-planning-intro {max-width:60ch;margin:0 0 24px;color:#d6dfd0;font:400 15px/1.5 var(--body)}
body.organization-ui.matchday-ui.street-ui #appShell .round-planning-form {display:grid;gap:20px}
body.organization-ui.matchday-ui.street-ui #appShell .round-planning .rule-grid {margin:0;gap:16px}
body.organization-ui.matchday-ui.street-ui #appShell .round-planning-toggle {display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #65765e;border-radius:var(--bdr-radius-control);background:#263326;cursor:pointer}
body.organization-ui.matchday-ui.street-ui #appShell .round-planning-toggle input {appearance:auto;flex:0 0 24px;width:24px;height:24px;min-height:24px;margin:0;padding:0;accent-color:#b6ff42}
body.organization-ui.matchday-ui.street-ui #appShell .round-planning-toggle span {display:grid;gap:4px}
body.organization-ui.matchday-ui.street-ui #appShell .round-planning-toggle strong {color:#f5f7ed;font:650 15px/1.4 var(--body)}
body.organization-ui.matchday-ui.street-ui #appShell .round-planning-toggle small,
body.organization-ui.matchday-ui.street-ui #appShell .round-planning-help {color:#c7d3bf;font:400 13px/1.5 var(--body);margin:0}
body.organization-ui.matchday-ui.street-ui #appShell .round-planning-preview {padding:18px 0;border-block:1px solid #465540}
body.organization-ui.matchday-ui.street-ui #appShell .round-planning-preview>span {color:#f5f7ed;font:600 14px/1.4 var(--body)}
body.organization-ui.matchday-ui.street-ui #appShell .round-planning-preview ol {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;margin:14px 0;list-style:none}
body.organization-ui.matchday-ui.street-ui #appShell .round-planning-preview li {display:grid;gap:7px;padding:12px;border:1px solid #56684f;border-radius:var(--bdr-radius-control);background:#202d20}
body.organization-ui.matchday-ui.street-ui #appShell .round-planning-preview li:first-child {border-color:#b6ff42}
body.organization-ui.matchday-ui.street-ui #appShell .round-planning-preview li strong {color:#f5f7ed;font:650 18px/1.2 var(--body)}
body.organization-ui.matchday-ui.street-ui #appShell .round-planning-preview :is(small,li>span) {color:#c7d3bf;font:500 12px/1.4 var(--body)}
body.organization-ui.matchday-ui.street-ui #appShell .round-planning .settings-actions {margin:0}
body.organization-ui.matchday-ui.street-ui #appShell .round-planning .form-save-status {margin:0;color:#c7d3bf}
body.organization-ui.matchday-ui.street-ui #appShell .round-planning .form-save-status[data-tone=error] {color:#ffd0bf}
body.organization-ui.matchday-ui.street-ui #appShell .round-planning-shortcut:empty {display:none}
body.organization-ui.matchday-ui.street-ui #appShell .round-planning-shortcut,
body.organization-ui.matchday-ui.street-ui #appShell .round-reminder {display:flex;gap:16px;align-items:center;justify-content:space-between;margin:var(--bdr-space-5) 0;padding:var(--bdr-panel-inset);border:1px solid #52614f;border-radius:var(--bdr-radius-panel);background:#202c23;color:#f5f7ed}
body.organization-ui.matchday-ui.street-ui #appShell .round-reminder[hidden] {display:none}
body.organization-ui.matchday-ui.street-ui #appShell .round-planning-shortcut>div {display:flex;align-items:center;gap:14px}
body.organization-ui.matchday-ui.street-ui #appShell :is(.round-planning-shortcut,.round-reminder) svg {flex-shrink:0;color:#b6ff42;width:23px;height:23px}
body.organization-ui.matchday-ui.street-ui #appShell :is(.round-planning-shortcut,.round-reminder) strong {display:block;color:#f5f7ed;font:650 15px/1.35 var(--body)}
body.organization-ui.matchday-ui.street-ui #appShell :is(.round-planning-shortcut,.round-reminder) :is(small,p) {display:block;color:#c7d3bf;font:400 13px/1.5 var(--body);margin:5px 0 0}
body.organization-ui.matchday-ui.street-ui #appShell :is(.round-planning-shortcut,.round-reminder) button {flex-shrink:0;min-height:44px}
@media(max-width:600px) {
  body.organization-ui.matchday-ui.street-ui #appShell .round-planning {padding:var(--bdr-space-4)}
  body.organization-ui.matchday-ui.street-ui #appShell .round-planning .rule-grid {grid-template-columns:1fr}
  body.organization-ui.matchday-ui.street-ui #appShell .round-planning-preview ol {gap:8px}
  body.organization-ui.matchday-ui.street-ui #appShell .round-planning-preview li {padding:10px 8px}
  body.organization-ui.matchday-ui.street-ui #appShell .round-planning-preview li strong {font-size:15px}
  body.organization-ui.matchday-ui.street-ui #appShell :is(.round-planning-shortcut,.round-reminder) {flex-wrap:wrap;gap:12px}
  body.organization-ui.matchday-ui.street-ui #appShell .round-reminder>div {flex:1;min-width:160px}
  body.organization-ui.matchday-ui.street-ui #appShell :is(.round-planning-shortcut,.round-reminder) button {margin-left:auto}
}

.round-preparation-dialog {
  max-width: min(440px, calc(100vw - 32px)); padding: 24px;
  border: 1px solid #667660; border-top: 3px solid #b6ff42;
  border-radius:var(--bdr-radius-panel); background: #1c2520; color: #f5f7ed;
  box-shadow: 0 24px 80px #0008;
}
.round-preparation-dialog::backdrop { background: #08100bcc; }
.round-preparation-dialog h2 { margin: 0 0 12px; color: #f5f7ed; font-size: 24px; }
.round-preparation-dialog p { margin: 0; color: #c7d3bf; line-height: 1.5; }
.round-preparation-recovery:not([hidden]) {
  position: fixed; z-index: 13000; inset: auto 16px 80px; margin-inline: auto;
  max-width: 480px; padding: 24px; border: 1px solid #667660; border-radius: 12px;
  background: #1c2520; color: #f5f7ed; box-shadow: 0 24px 80px #000b;
}
.round-preparation-recovery h2 { margin: 0 0 12px; color: #f5f7ed; font-size: 24px; }
.round-preparation-recovery p { color: #c7d3bf; line-height: 1.5; }
.round-preparation-recovery button { width: 100%; min-height: 44px; margin-top: 12px; }
.round-preparation-recovery .light-button {
  background: #263326; color: #f5f7ed; border: 1px solid #91a383;
}

/**/
body.organization-ui.matchday-ui.street-ui #appShell .profile-welcome {
  gap:12px 20px; padding:12px 16px; margin:16px 0 24px;
  background:var(--bdr-surface); color:var(--bdr-ink); border-color:var(--bdr-line);
}
body.organization-ui.matchday-ui.street-ui #appShell .profile-welcome strong {
  color:var(--bdr-ink); font:650 14px/1.4 var(--body);
}
body.organization-ui.matchday-ui.street-ui #appShell .profile-welcome p {
  color:var(--bdr-secondary); margin:2px 0 0;
}
body.organization-ui.matchday-ui.street-ui #appShell .profile-welcome-actions {
  width:auto; gap:8px;
}
@media(max-width:600px) {
  body.organization-ui.matchday-ui.street-ui #appShell .profile-welcome {padding:12px; gap:8px}
  body.organization-ui.matchday-ui.street-ui #appShell .profile-welcome-actions {width:100%}
}


/**/
.round-settings-locked {
  margin: 0 0 16px;
  padding: 12px 14px;
  color: #f2f5e9;
  background: rgba(229, 198, 145, 0.12);
  border: 1px solid rgba(229, 198, 145, 0.55);
  border-radius: 12px;
  line-height: 1.45;
}
.round-settings-locked[hidden] { display: none; }
#roundSettingsForm[data-locked="true"] fieldset { opacity: 0.6; }

/**/
body.has-support-document { overflow:hidden; }
.support-document-dialog { width:min(760px,calc(100vw - 32px)); max-width:none; height:min(820px,90dvh); max-height:90dvh; margin:auto; padding:0; color:var(--bdr-ink); background:var(--bdr-surface); border:1px solid var(--bdr-control-line); border-radius:var(--bdr-radius-panel); box-shadow:0 24px 80px #0008; }
.support-document-dialog[open] { display:flex; flex-direction:column; animation:document-enter 180ms ease-out; }
.support-document-dialog::backdrop { background:#06100bd9; }
.support-document-dialog > header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 20px; border-bottom:1px solid var(--bdr-line); }
.support-document-dialog > header h2 { margin:0; font-size:24px; color:var(--bdr-ink); }
.support-document-dialog button { min-height:44px; padding:10px 14px; background:var(--bdr-raised,var(--bdr-surface)); border:1px solid var(--bdr-control-line); border-radius:var(--bdr-radius-control); color:var(--bdr-ink); font:inherit; cursor:pointer; }
.support-document-dialog > footer { padding:8px var(--bdr-panel-inset); border-top:1px solid var(--bdr-line); }
.support-document-dialog > footer a { display:inline-flex; align-items:center; min-height:44px; }
.support-document-dialog a { color:var(--bdr-accent); text-decoration:underline; text-underline-offset:3px; }
.support-document-dialog :is(a,button,summary):focus-visible { outline:2px solid var(--bdr-accent); outline-offset:3px; }
.support-document-content { overflow:auto; overscroll-behavior:contain; flex:1; min-height:0; padding:20px; font:400 16px/1.65 "Hanken Grotesk",sans-serif; overflow-wrap:anywhere; }
.support-document-content :is(main,.legal-section,.legal-grid) { display:block; width:auto; max-width:none; margin:0; padding:0; border:0; background:none; }
.support-document-content :is(p,li) { color:var(--bdr-secondary); }
.support-document-content :is(p,li) a { padding-block:2px; }
.support-document-content :is(h2,h3,strong) { color:var(--bdr-ink); }
.support-document-content h2 { font-size:24px; margin:28px 0 12px; }
.support-document-content :is(ul,ol) { padding-left:24px; }
.support-document-content li { margin:10px 0; }
.support-document-content .help-index { display:grid; gap:8px; }
.support-document-content .help-index a { display:block; padding:12px; border:1px solid var(--bdr-line); border-radius:var(--bdr-radius-control); }
.support-document-content details { margin:12px 0; padding:12px; border:1px solid var(--bdr-line); border-radius:var(--bdr-radius-control); }
.support-document-content summary { min-height:44px; align-content:center; cursor:pointer; color:var(--bdr-ink); font-weight:700; }
.support-document-content section { scroll-margin-top:16px; }
.facebook-login { margin-top:8px; }
@keyframes document-enter { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
/**/
@media(max-width:600px) {
  .support-document-dialog { width:100%; height:100dvh; max-height:100dvh; margin:0; border:0; border-radius:0; box-shadow:none; }
  .support-document-dialog > header { padding:calc(12px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) 12px max(16px,env(safe-area-inset-left,0px)); }
  .support-document-content { padding:16px max(16px,env(safe-area-inset-right,0px)) 24px max(16px,env(safe-area-inset-left,0px)); }
  .support-document-dialog > footer { padding:8px max(16px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px)); }
}
@media(prefers-reduced-motion:reduce) { .support-document-dialog[open] { animation:none; } }

.round-slot-settings { margin-top: 20px; padding-top: 20px; border-top: 1px solid #536553; }
.round-slot-toggle { display: flex; align-items: flex-start; gap: 12px; min-height: 48px; cursor: pointer; }
.round-slot-toggle input { flex: 0 0 20px; width: 20px; height: 20px; margin: 2px 0; accent-color: #b7ff20; }
.round-slot-toggle span { display: grid; gap: 6px; }
.round-slot-toggle small, [data-slot-settings-total] { color: #c9d7c5; font-size: 14px; line-height: 1.5; }
.round-slot-settings .rule-grid { margin-top: 16px; }
.round-slot-settings [hidden] { display: none; }
.round-slot-summary { display: flex; flex-wrap: wrap; gap: 8px 20px; margin: 16px 0; padding: 14px 16px; color: #eaf4e6; background: #18281f; border: 1px solid #536553; border-radius: var(--bdr-radius-panel); font-size: 14px; line-height: 1.5; }
.round-slot-summary strong { color: #b7ff20; }
.round-slot-summary[hidden] { display: none; }
.round-slot-dialog { box-sizing: border-box; width: min(540px, calc(100vw - 24px)); max-height: calc(100dvh - 32px); margin: auto; padding: 24px; color: #f0f5e8; background: #14251c; border: 1px solid #60745d; border-radius: var(--bdr-radius-panel); overflow: auto; overscroll-behavior: contain; box-shadow: 0 24px 72px #0008; }
.round-slot-dialog::backdrop { background: #030b08bd; }
body.has-round-slot-dialog { overflow: hidden; }
.round-slot-dialog[open] { animation: round-slot-enter 180ms cubic-bezier(.2,.7,.2,1); }
@keyframes round-slot-enter { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
.round-slot-review { display: grid; gap: 20px; }
.round-slot-review header { display: grid; gap: 8px; }
.round-slot-review h2 { margin: 0; font-size: 30px; line-height: 1.1; color: #f0f5e8; }
.round-slot-review p { margin: 0; color: #c9d7c5; font-size: 14px; line-height: 1.55; }
.round-slot-review .round-slot-eyebrow { color: #b7ff20; font-size: 12px; font-weight: 800; letter-spacing: .08em; }
.round-slot-review fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.round-slot-review legend { padding: 0 0 10px; color: #f0f5e8; font-size: 15px; font-weight: 750; }
.round-slot-choices, .round-slot-answers { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.round-slot-review label { position: relative; min-width: 0; cursor: pointer; }
.round-slot-review label input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.round-slot-review label > span { display: grid; align-content: center; gap: 5px; min-height: 52px; box-sizing: border-box; padding: 12px; background: #1e3226; border: 1px solid #657c5e; border-radius: var(--bdr-radius-control); color: #f0f5e8; font-size: 14px; line-height: 1.35; transition: background-color 140ms ease, border-color 140ms ease; }
.round-slot-choices label > span { min-height: 82px; }
.round-slot-review label small { color: #d0dec9; font-size: 12px; line-height: 1.4; }
.round-slot-review label:has(input:checked) > span { background: #334b26; border-color: #b7ff20; }
.round-slot-review label:has(input:focus-visible) > span { outline: 2px solid #b7ff20; outline-offset: 3px; }
.round-slot-review label:has(input:disabled) { cursor: default; }
.round-slot-review footer { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px; padding-top: 4px; }
.round-slot-review footer button { min-width: 0; min-height: 48px; padding: 12px 16px; font-size: 16px; white-space: nowrap; }
.round-slot-review footer .ghost-button { color: #f0f5e8; background: #20352a; border: 1px solid #657c5e; box-shadow: none; }
.round-slot-review .round-slot-feedback:empty { display: none; }
.round-slot-review .round-slot-feedback:not(:empty) { padding: 12px; color: #f0f5e8; background: #283c2b; border-inline-start: 3px solid #b7ff20; }
.round-slot-review [hidden] { display: none; }
@media (max-width: 360px) { .round-slot-dialog { padding: var(--bdr-space-5) var(--bdr-space-4); } .round-slot-review { gap: 16px; } }
@media (prefers-reduced-motion: reduce) { .round-slot-review label > span { transition: none; } .round-slot-dialog[open] { animation: none; } }
.round-entry-slot { min-width: 0; margin: 0; padding: 0; border: 0; }
.round-entry-slot[hidden] { display: none; }
.round-entry-slot legend { padding: 0 0 10px; font-size: 15px; font-weight: 750; line-height: 1.4; }
.round-entry-slot > p { margin: 10px 0 0; font-size: 14px; line-height: 1.5; }
.round-entry-choices { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.round-entry-choices label { position: relative; min-width: 0; margin: 0; padding: 0; cursor: pointer; }
.round-entry-choices input[type="radio"] { position: absolute; width: 1px; height: 1px; margin: 0; padding: 0; opacity: 0; }
.round-entry-choices label > span { display: grid; align-content: center; gap: 6px; min-height: 86px; padding: 14px 12px; box-sizing: border-box; border: 1px solid #657c5e; border-radius: var(--bdr-radius-control); background: #1e3226; color: #f0f5e8; line-height: 1.4; transition: background-color 140ms ease, border-color 140ms ease; }
.round-entry-choices strong { color: #f0f5e8; font-size: 16px; line-height: 1.3; }
.round-entry-choices label small { color: #d0dec9; font-size: 12px; line-height: 1.4; }
.round-entry-choices label:has(input:checked) > span { background: #334b26; border-color: #b7ff20; }
.round-entry-choices label:has(input:focus-visible) > span { outline: 2px solid #b7ff20; outline-offset: 3px; }
.round-entry-choices label:has(input:disabled) { cursor: default; }
@media (prefers-reduced-motion: reduce) { .round-entry-choices label > span { transition: none; } }

/**/
#loginForm #loginInviteSlot { order: 7; }
:is(#loginForm, #preRegistrationManagerRoot) .round-entry-choices label > span strong { color: #f0f5e8; }
:is(#loginForm, #preRegistrationManagerRoot) .round-entry-choices label > span small { color: #d0dec9; }

/**/
.team-player .team-role-review { color: #f4d5a3; font-weight: 650; line-height: 1.5; }

/**/
.app-shell .reserve-queue-list [data-copy-reserve-notice] { margin-top: 8px; }

/**/
body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell {
  --stadium-glass-base:var(--bdr-glass-base);
  --stadium-glass-ink:var(--bdr-glass-ink);
  --stadium-glass-line:var(--bdr-glass-line);
  background-color:var(--bdr-canvas);
  background-image:linear-gradient(180deg,#08141080,#0b1110b8 700px,#0b1110ed 1400px),url('/assets/street-arena-v166.webp');
  background-position:center top;
  background-repeat:no-repeat;
  background-size:100% 100%,max(100%,1280px) auto;
}
body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell::before {
  content:none;
}
body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell:has(.nav-more[open])::after {
  content:"";
  position:fixed;
  inset:0;
  z-index:50;
  background:#020b0870;
  pointer-events:none;
}
body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell .topbar {
  position:relative;
  z-index:20;
  background:transparent;
  box-shadow:none;
}
body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell .sidebar {
  background:transparent;
  box-shadow:none;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell :is(.sidebar,.topbar)::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:var(--bdr-glass-sheen),var(--stadium-glass-base);
  pointer-events:none;
  border-radius:inherit;
  box-shadow:0 8px 28px #02090740;
}
/**/
body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell .topbar::before {
  border:1px solid var(--stadium-glass-line);
  border-radius:inherit;
}
body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell :is(.nav-more-menu,.account-menu-panel) {
  background:var(--bdr-glass-sheen),var(--stadium-glass-base);
  border-color:var(--stadium-glass-line);
  box-shadow:var(--bdr-overlay-shadow);
  color:var(--stadium-glass-ink);
  scrollbar-color:#90b7a4 #10231d;
  scrollbar-width:thin;
}
body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell .home-matchday-card {
  border:1px solid var(--stadium-glass-line);
  box-shadow:0 16px 40px #02090740;
}
body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell .home-matchday-card .home-status-card {
  background:var(--bdr-glass-sheen),var(--stadium-glass-base);
  color:var(--stadium-glass-ink);
  box-shadow:none;
}
/**/
body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell :is(.view:not(#view-perfil) .tool-surface:not(.tool-surface .tool-surface),.view>.my-round-disclosure,.view>.season-surface,#view-caixa .finance-summary,.locker-room,.team-column,.community) {
  background:var(--bdr-glass-sheen),var(--stadium-glass-base);
  border:1px solid var(--stadium-glass-line);
  border-radius:var(--bdr-radius-panel);
  box-shadow:0 10px 28px #02090726;
}
body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell .home-status-body>strong {
  color:var(--stadium-glass-ink);
  font-family:var(--club-display);
  font-weight:800;
  letter-spacing:-.015em;
}
body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell .home-status-body>p { color:#d0ded3; }
body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell .match-kickoff { white-space:nowrap; }
body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell .view-header>.season-context-actions { margin:0; }
body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell #profileSummaryCard {
  border:1px solid var(--stadium-glass-line);
  border-radius:var(--bdr-radius-panel);
  background:var(--bdr-glass-sheen),var(--stadium-glass-base);
  box-shadow:none;
}
body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell #profileSummaryCard .profile-collectible {
  background:transparent;
}
body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell #profileSummaryCard .profile-overview-info {
  padding:24px;
}
body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell #profileStickerPreview {
  background:transparent;
  box-shadow:none;
}
body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell #profileForm .sticker-preview-column {
  background:var(--bdr-glass-sheen),var(--stadium-glass-base);
  border:1px solid var(--stadium-glass-line);
  border-radius:var(--bdr-radius-panel);
}
body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell .nav-list>.nav-item:not(.is-active),
body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell .nav-more:not([open])>summary:not(.is-active) {
  color:var(--stadium-glass-ink);
}
body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell #topbarMeta {
  color:var(--stadium-glass-ink);
}
body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell .nav-more-menu :is(.nav-more-label,.nav-item)>svg {
  stroke-width:var(--bdr-icon-stroke);
}
body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell #profileForm .sticker-theme-options label:has(input:checked)>span {
  box-shadow:inset 0 1px 0 #ffffff4d,0 3px 10px #0003;
}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell :is(.nav-more-menu,.account-menu-panel) {
    -webkit-backdrop-filter:blur(var(--bdr-glass-blur)) saturate(1.2);
    backdrop-filter:blur(var(--bdr-glass-blur)) saturate(1.2);
  }
  /**/
  body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell .nav-more-menu {
    background:var(--bdr-glass-sheen),var(--bdr-menu-glass-tint);
  }
  body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell .account-menu-panel {
    background:var(--bdr-glass-sheen),rgb(8 23 20 / .84);
  }
  body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell :is(.sidebar,.topbar)::before {
    background:var(--bdr-glass-reflection),var(--bdr-glass-chrome);
    -webkit-backdrop-filter:blur(var(--bdr-glass-blur)) saturate(1.35);
    backdrop-filter:blur(var(--bdr-glass-blur)) saturate(1.35);
  }
  body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell :is(.view:not(#view-perfil) .tool-surface:not(.tool-surface .tool-surface),.view>.my-round-disclosure,.view>.season-surface,#view-caixa .finance-summary,.locker-room,.team-column,.community) {
    background:var(--bdr-glass-sheen),var(--bdr-glass-context);
    -webkit-backdrop-filter:blur(16px) saturate(1.18);
    backdrop-filter:blur(16px) saturate(1.18);
  }
  body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell :is(#profileSummaryCard,#profileForm .sticker-preview-column),
  body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell .home-matchday-card .home-status-card {
    background:var(--bdr-glass-sheen),var(--bdr-glass-context);
    -webkit-backdrop-filter:blur(16px) saturate(1.18);
    backdrop-filter:blur(16px) saturate(1.18);
  }
}
@media(max-width:760px) {
  body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell .nav-list {
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:4px;
  }
  body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell .nav-list>.nav-more { width:100%;min-width:0; }
  body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell .nav-list>.nav-item,
  body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell .nav-more>summary {
    min-width:0;
    min-height:52px;
    padding:8px 4px;
    width:100%;
    height:auto;
  }
  body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell .nav-list>.nav-item span,
  body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell .nav-more>summary span {
    font-size:.8125rem;
    line-height:1.25;
    overflow-wrap:anywhere;
  }
  body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell .home-match-meta {
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    gap:16px 24px;
  }
  body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell .home-match-meta>div {
    flex:1 1 130px;
    min-width:min-content;
  }
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell .home-primary-action:not(:disabled):hover {
    box-shadow:0 4px 18px #b7ff4529;
  }
  body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell .nav-more-menu .nav-item {
    transition:transform 140ms var(--bdr-ease);
  }
  body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell .nav-more-menu .nav-item:hover { transform:translateX(2px); }
}
@media(prefers-reduced-motion:no-preference) {
  body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell :is(.home-status-actions .primary-action,.nav-more-menu .nav-item):active {
    transform:scale(.985);
  }
}
@media(prefers-reduced-transparency:reduce) {
  body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell { background:#091410; }
  body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell :is(.nav-more-menu,.account-menu-panel,#profileSummaryCard,#profileForm .sticker-preview-column,.view:not(#view-perfil) .tool-surface:not(.tool-surface .tool-surface),.view>.my-round-disclosure,.view>.season-surface,#view-caixa .finance-summary,.locker-room,.team-column,.community),
  body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell :is(.sidebar,.topbar)::before {
    background:#101e1c;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
  body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell .home-matchday-card .home-status-card {
    background:#15251f;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
}
@media(forced-colors:active) {
  body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell,
  body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell :is(.topbar,.sidebar,.nav-more-menu,.account-menu-panel,#profileSummaryCard,.home-status-card,#profileForm .sticker-preview-column,.view:not(#view-perfil) .tool-surface:not(.tool-surface .tool-surface),.view>.my-round-disclosure,.view>.season-surface,#view-caixa .finance-summary,.locker-room,.team-column,.community),
  body.organization-ui.matchday-ui.street-ui.arena-ui #appShell.app-shell :is(.sidebar,.topbar)::before {
    background:Canvas;
    color:CanvasText;
    border-color:CanvasText;
    box-shadow:none;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
}


/**/
:is(.initial-round-grid, .rule-grid) > label { grid-template-rows: 1fr auto; align-items: end; }
/**/
body.organization-ui .login-card .initial-round-grid { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }
/**/
.login-consent a { display: inline-block; padding-block: 12px; margin-block: -12px; }
/**/
.patota-access summary { min-height: 44px; display: flex; align-items: center; }

/**/
.admin-tab-badge { display: inline-grid; place-items: center; min-width: 22px; height: 22px; margin-left: 8px; padding: 0 6px; border-radius: 999px; background: #b7ff45; color: #172013; font: 800 12px/1 var(--body); }
.admin-tab-badge[hidden] { display: none; }
.admin-requests-notice { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 16px; padding: 14px 16px; border: 1px solid rgba(183, 255, 69, 0.55); border-radius: 12px; background: rgba(183, 255, 69, 0.08); color: #f2f5e9; }
.admin-requests-notice[hidden] { display: none; }
.admin-requests-notice p { margin: 0; line-height: 1.45; }
.round-duty-note { margin: 8px 0 0; color: #becbbb; line-height: 1.5; }

/**/
.password-toggle { justify-self: end; min-height: 44px; padding: 0 4px; color: inherit; background: none; border: 0; cursor: pointer; font: 600 14px/1.2 var(--body); text-decoration: underline; text-underline-offset: 3px; }
.password-toggle:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; border-radius: 4px; }
.login-account-actions { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 16px; }
#loginCreateAccountLink[hidden] { display: none; }
.password-recovery-logo { display: block; width: 180px; max-width: 60%; height: auto; margin: 0 0 16px; }

/**/
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button[data-entry-choice] {
  grid-column: auto;
  min-height: 180px;
  padding: 24px;
  justify-content: center;
  gap: 10px;
}
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .entry-tile-image { display: none; }
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button[data-entry-choice]::before { inset: 0; }
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button[data-entry-choice] strong {
  font-size: clamp(24px, 2.8vw, 36px);
  max-width: 20ch;
}
.login-returning-access {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 16px;
  color: var(--text-primary);
  font-size: 14px;
}
.login-returning-access[hidden], .entry-progress[hidden], .account-email-next-step[hidden] { display: none; }
.login-card.is-signup-mode .login-phone-field { display: none; }
.login-returning-access .auth-text-action { min-height: 44px; color: inherit; }
body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm #loginReturningAccess [data-entry-choice] {
  color: var(--text-primary);
  background: transparent;
  text-decoration: underline;
  text-underline-offset: 4px;
  min-height: 44px;
}
.entry-progress, .first-round-guide ol {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.entry-progress li, .first-round-guide li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
  font-size: 12px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.entry-progress li > span, .first-round-guide li > span {
  display: grid;
  place-items: center;
  flex: 0 0 24px;
  width: 24px;
  min-width: 24px;
  max-width: 24px;
  height: 24px;
  border: 1px solid currentColor;
  border-radius: 50%;
  font-weight: 700;
}
.entry-progress li[aria-current], .first-round-guide li[aria-current] { font-weight: 800; }
.entry-progress li[aria-current] > span, .first-round-guide li[aria-current] > span {
  background: var(--lime);
  color: var(--night);
  border-color: var(--lime);
}
.first-round-guide, .player-access-note {
  display: grid;
  gap: 16px;
  padding: 20px;
  color: var(--text-primary);
  background: var(--surface-card-muted);
  border: 1px solid var(--border-subtle);
  border-radius: var(--bdr-radius-panel);
}
.first-round-guide h3, .first-round-guide p, .player-access-note p { margin: 0; }
.first-round-guide ol { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.first-round-guide p, .player-access-note p, .first-use-note { font-size: 14px; line-height: 1.5; }
.player-access-note button { justify-self: start; }
.player-access-note small { font-size: 12px; line-height: 1.5; }
.account-email-next-step { margin: 0; font-size: 13px; line-height: 1.5; }
@media (max-width: 600px) {
  body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar { grid-template-columns: 1fr; }
  body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button[data-entry-choice] { min-height: 132px; padding: 20px; }
  body.organization-ui.matchday-ui.street-ui #loginScreen #loginForm.is-entry-choice-only .login-choice-bar button[data-entry-choice] strong { font-size: 26px; }
  .first-round-guide ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .entry-progress { gap: 8px; }
  .entry-progress li { display: grid; font-size: 11px; }
}

/**/
body.organization-ui.matchday-ui.street-ui #appShell .roster-status-filters {
  display:flex; flex-wrap:wrap; gap:8px; margin:0 0 16px;
}
body.organization-ui.matchday-ui.street-ui #appShell .roster-status-filters > button {
  display:flex; align-items:center; justify-content:center; gap:8px; flex:1 0 auto;
  min-height:44px; padding:10px 12px; border:1px solid var(--bdr-secondary);
  border-radius:var(--bdr-radius-control); background:var(--bdr-surface); color:var(--bdr-ink); font:600 13px/1.3 var(--body);
}
body.organization-ui.matchday-ui.street-ui #appShell .roster-status-filters > button[aria-pressed="true"] {
  background:var(--lime); color:var(--night); border-color:var(--lime);
}
body.organization-ui.matchday-ui.street-ui #appShell .roster-status-filters strong { font:800 14px/1 var(--body); }
body.organization-ui.matchday-ui.street-ui #appShell :is(.roster-self-response,.roster-next-action) {
  display:grid; grid-template-columns:minmax(0,1fr) minmax(180px,.65fr); gap:16px;
  align-items:center; margin:0 0 20px; padding:20px; background:var(--bdr-surface);
  color:var(--bdr-ink); border:1px solid var(--bdr-secondary); border-radius:var(--bdr-radius-panel);
}
body.organization-ui.matchday-ui.street-ui #appShell :is(.roster-self-response,.roster-next-action) h3 { margin:6px 0; font:700 20px/1.2 var(--body); }
body.organization-ui.matchday-ui.street-ui #appShell :is(.roster-self-response,.roster-next-action) p { margin:0; color:var(--bdr-secondary); font:400 14px/1.5 var(--body); }
body.organization-ui.matchday-ui.street-ui #appShell :is(.roster-self-response,.roster-next-action) span { font-size:13px; }
body.organization-ui.matchday-ui.street-ui #appShell .roster-response-actions { display:grid; gap:10px; min-width:0; margin:0; padding:0; border:0; }
body.organization-ui.matchday-ui.street-ui #appShell :is(.roster-response-actions,.roster-next-action) button {
  display:flex; align-items:center; justify-content:center; gap:8px; width:100%; min-height:44px;
  padding:12px 16px; border:1px solid var(--bdr-secondary); border-radius:var(--bdr-radius-control);
  background:transparent; color:var(--bdr-ink); font:650 14px/1.3 var(--body);
}
body.organization-ui.matchday-ui.street-ui #appShell :is(.roster-response-actions,.roster-next-action) .primary-action { background:var(--lime); border-color:var(--lime); color:var(--night); }
body.organization-ui.matchday-ui.street-ui #appShell .roster-response-actions summary { min-height:44px; padding:12px 0; cursor:pointer; }
body.organization-ui.matchday-ui.street-ui #appShell .roster-response-actions details > div { display:grid; gap:8px; }
body.organization-ui.matchday-ui.street-ui #appShell .roster-feedback { margin:0 0 16px; font-size:13px; }
body.organization-ui.matchday-ui.street-ui #appShell .roster-feedback .my-round-feedback { margin:0; }
body.organization-ui.matchday-ui.street-ui #appShell .roster-tools { grid-template-columns:minmax(0,1fr) auto; }
@media(max-width:600px) {
  body.organization-ui.matchday-ui.street-ui #appShell :is(.roster-self-response,.roster-next-action) { grid-template-columns:minmax(0,1fr); padding:16px; gap:12px; }
  body.organization-ui.matchday-ui.street-ui #appShell .roster-tools { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:600px) {
  body.organization-ui.matchday-ui.street-ui #appShell .roster-self-response .roster-response-actions { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; }
  body.organization-ui.matchday-ui.street-ui #appShell .roster-self-response h3 { font-size:18px; }
  body.organization-ui.matchday-ui.street-ui #appShell .roster-self-response .roster-response-actions > details:last-child:nth-child(3) { grid-column:1/-1; }
}