:root {
  --vs-purple: #6f2dbd;
  --vs-gradient: linear-gradient(135deg, #6f2dbd, #a23ffe);
  --vs-dark: #1c1d34;
  --vs-gray: #f7f7fb;
  --vs-border: rgba(111, 45, 189, 0.4);
  --vs-radius: 0.85rem;
  --vs-shadow: 0 12px 45px rgba(12, 7, 36, 0.35);
  --vs-text-dark: #0b0b1a;
  --vs-muted: rgba(11, 11, 26, 0.6);
}

body {
  background: #fff;
  color: var(--vs-text-dark);
  font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
}

.page-shell {
  background: #fff;
  min-height: 100vh;
}

.navbar,
.vs-panel {
  background: var(--vs-purple);
  box-shadow: var(--vs-shadow);
  border-bottom: 1px solid var(--vs-border);
}

.vs-navbar {
  background: linear-gradient(135deg, #6f2dbd, #7f2ebf 40%, #a23ffe);
}

.vs-navbar .navbar-brand {
  font-weight: 700;
  letter-spacing: 0.1ch;
  text-transform: uppercase;
}

.vs-logo {
  height: 60px;
  width: auto;
}

.navbar-dark .nav-link {
  color: rgba(255, 255, 255, 0.9);
}

.navbar-dark .nav-link:hover,
.navbar-dark .nav-link:focus {
  background: rgba(255, 255, 255, 0.25);
  color: #fff;
}

.navbar-dark .nav-link.active {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
}

.nav-tabs {
  margin-bottom: 1rem;
  border-bottom: 0;
}

.nav-tabs .nav-link {
  color: var(--vs-text-dark) !important;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom-color: transparent;
  background: #fff;
  border-radius: 0.75rem;
  padding: 0.45rem 1.25rem;
  font-weight: 600;
}

.nav-tabs .nav-link:hover {
  color: var(--vs-purple);
  background: rgba(111, 45, 189, 0.05);
}

.nav-tabs .nav-link.active {
  color: #fff !important;
  background: var(--vs-purple);
  border-color: var(--vs-purple);
  border-bottom-color: var(--vs-purple);
}

.nav-tabs .nav-link:not(.active):hover {
  color: var(--vs-purple) !important;
}

.tab-content {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-top: none;
  padding: 1rem;
  border-radius: 0 0 var(--vs-radius) var(--vs-radius);
}

.dropdown-menu {
  background: #fff;
  border: 1px solid rgba(111, 45, 189, 0.25);
}

.dropdown-item {
  color: var(--vs-text-dark);
}

.dropdown-item:hover,
.dropdown-item:focus {
  background: rgba(111, 45, 189, 0.1);
}

.dropdown-menu .dropdown-item.active,
.dropdown-menu .dropdown-item:active {
  background: rgba(111, 45, 189, 0.2);
  color: var(--vs-text-dark);
}

.btn-primary {
  background: var(--vs-gradient);
  border: none;
  border-radius: 999px;
  box-shadow: 0 14px 25px rgba(111, 45, 189, 0.35);
  color: #fff;
  font-weight: 600;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.btn-primary:hover,
.btn-primary:focus {
  transform: translateY(-2px);
  box-shadow: 0 18px 35px rgba(111, 45, 189, 0.45);
}

.btn-outline-secondary {
  border-color: rgba(111, 45, 189, 0.25);
  color: var(--vs-purple);
  background: rgba(111, 45, 189, 0.04);
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus {
  border-color: var(--vs-purple);
  color: #fff;
  background: var(--vs-purple);
}

.btn-vs,
.btn-vs:focus,
.btn-vs:hover {
  background: var(--vs-gradient);
  border: none;
  color: #fff;
  box-shadow: 0 10px 28px rgba(111, 45, 189, 0.35);
}

.btn-vs-outline {
  border: 1px solid rgba(111, 45, 189, 0.4);
  color: var(--vs-purple);
  background: rgba(111, 45, 189, 0.08);
  font-weight: 600;
}

.btn-vs-outline:hover,
.btn-vs-outline:focus {
  border-color: var(--vs-purple);
  background: rgba(111, 45, 189, 0.15);
}

.btn-vs-sm {
  font-size: 0.85rem;
  border-radius: 0.85rem;
  padding: 0.35rem 1.1rem;
}

.alert {
  border-radius: var(--vs-radius);
  border: 1px solid var(--vs-border);
  font-weight: 500;
  background: #fff;
  color: var(--vs-text-dark);
}

.alert-info {
  border-color: rgba(31, 179, 255, 0.6);
}

.alert-success {
  border-color: rgba(16, 185, 129, 0.6);
}

.alert-warning {
  border-color: rgba(250, 204, 21, 0.7);
  background: rgba(250, 204, 21, 0.08);
  color: var(--vs-text-dark);
}

.alert-danger {
  border-color: rgba(239, 68, 68, 0.7);
  background: rgba(239, 68, 68, 0.08);
  color: var(--vs-text-dark);
}

.card {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 1.25rem;
  box-shadow: 0 12px 38px rgba(18, 6, 54, 0.15);
  color: var(--vs-text-dark);
}

.form-control,
.form-select,
.form-control:focus,
.form-select:focus {
  background: #fff;
  border-color: rgba(111, 45, 189, 0.3);
  color: var(--vs-text-dark);
  box-shadow: none;
}

.form-control::placeholder,
.form-select::placeholder {
  color: var(--vs-muted);
}

.table {
  background: #fff;
  color: var(--vs-text-dark);
}

.table thead th {
  border-bottom-color: rgba(0, 0, 0, 0.08);
}

.badge {
  background: rgba(111, 45, 189, 0.12);
  color: var(--vs-purple);
  border-radius: 999px;
}

.badge.bg-success,
.badge.bg-secondary {
  background: var(--vs-gradient) !important;
  background-color: var(--vs-purple) !important;
  background-image: none !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.6) !important;
  font-weight: 600;
  box-shadow: 0 5px 14px rgba(111, 45, 189, 0.45);
  text-transform: uppercase;
  padding: 0.25rem 0.8rem;
}

.status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem 0.85rem;
  border-radius: 999px;
  font-size: 0.85rem;
  font-weight: 600;
  color: #fff;
}

.status-pill.closed {
  background: var(--vs-gradient);
  box-shadow: 0 6px 18px rgba(111, 45, 189, 0.35);
}

.status-pill.open {
  background: rgba(111, 45, 189, 0.1);
  color: var(--vs-purple);
  border: 1px solid rgba(111, 45, 189, 0.35);
  box-shadow: none;
}

.status-pill.warn {
  background: rgba(239, 68, 68, 0.2);
  color: #991b1b;
  border: 1px solid rgba(239, 68, 68, 0.4);
}

.btn-ghost {
  border: 1px solid rgba(111, 45, 189, 0.4);
  color: var(--vs-purple);
  background: rgba(111, 45, 189, 0.08);
  border-radius: 999px;
  padding: 0.35rem 1.25rem;
  font-weight: 600;
  transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.btn-ghost:hover,
.btn-ghost:focus {
  border-color: var(--vs-purple);
  background: rgba(111, 45, 189, 0.15);
  color: #4f1a7a;
  transform: translateY(-1px);
}

.modal-content {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.text-vs {
  color: var(--vs-purple) !important;
}

.bg-vs {
  background: var(--vs-purple) !important;
}

.toast {
  border-radius: 1rem;
  box-shadow: 0 10px 25px rgba(12, 7, 36, 0.25);
}

.modal.fade #lineupModal .modal-dialog {
  max-width: 1100px;
}

#lineupModal .modal-content {
  background: #fff;
  border-radius: 1.5rem;
  border: 1px solid rgba(0, 0, 0, 0.08);
  color: #111;
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.1);
}

#lineupModal .modal-body {
  padding: 1.5rem;
}

.lineup-modal-shell {
  display: flex;
  gap: 2rem;
  align-items: stretch;
}

.lineup-modal-left {
  flex: 1.2;
  min-width: 360px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.lineup-modal-right {
  flex: 0 0 360px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

 .lineup-pitch-shell {
  background-image:
    linear-gradient(180deg, rgba(31, 129, 22, 0.9), rgba(28, 92, 26, 0.7)),
    url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCA1MjIgNDY0Ij48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGZpbGw9IiM0ODgyMWEiIGQ9Ik0xMzUuODkyIDI4LjA1N0ExNy40MSAxNy40MSAwIDAgMSAxNTIuNDYgMTZoMjEyLjY1OWExNy40MSAxNy40MSAwIDAgMSAxNi42NzIgMTIuMzlsMTI0LjQ1MiA0MTMuMTc3YzMuMzY2IDExLjE3NS01LjAwMSAyMi40MzMtMTYuNjcyIDIyLjQzM0gxOC45MjZjLTExLjgxOCAwLTIwLjIwMi0xMS41MjItMTYuNTY4LTIyLjc2NnoiPjwvcGF0aD48cGF0aCBzdHJva2U9IiNmZmYiIHN0cm9rZS1vcGFjaXR5PSIuNjgiIHN0cm9rZS13aWR0aD0iMi4xNzYiIGQ9Ik0xNTIuODA1IDYyLjM3NWEzLjczIDMuNzMgMCAwIDEgMy41NjItMi42M0gzNjEuMTVhMy43MyAzLjczIDAgMCAxIDMuNTggMi42OWw4My44OSAyODkuOTg2Yy42ODkgMi4zODMtMS4wOTkgNC43NjItMy41OCA0Ljc2Mkg2Ny4xNzNjLTIuNTA4IDAtNC4zLTIuNDI2LTMuNTYyLTQuODIyeiI+PC9wYXRoPjxwYXRoIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLW9wYWNpdHk9Ii42OCIgc3Ryb2tlLXdpZHRoPSIyLjE3NiIgZD0iTTQyNS43NjcgMzU3LjExOWMwLTkuODc4IDguMTc4LTE3Ljg4NyAxOC4yNjUtMTcuODg3TTg2Ljk1NiAzNTYuNjc2YzAtOS44NzgtOC4xOTQtMTguNDg0LTE4LjI4MS0xOC40ODQiPjwvcGF0aD48cGF0aCBzdHJva2U9IiNmZmYiIHN0cm9rZS1vcGFjaXR5PSIuNjgiIHN0cm9rZS13aWR0aD0iMS4yNDIiIGQ9Ik0zNTQuMTE4IDU5LjA0NGMwIDQuNTk2IDUuMzAyIDcuNjE4IDEyLjUxNCA3LjYxOG0tMjAyLjk1NS03LjYxOGMwIDQuNTk2LTUuMzYgNy45MDctMTEuOTcxIDcuOTA3Ij48L3BhdGg+PHBhdGggc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2Utb3BhY2l0eT0iLjY4IiBzdHJva2Utd2lkdGg9IjEuMjQyIiBkPSJNMjU2LjE3NyAxODkuNzAyYzIyLjIzNyAwIDQwLjI2NS0xMS42NDMgNDAuMjY1LTI2LjAwNnMtMTguMDI4LTI2LjAwNy00MC4yNjUtMjYuMDA3LTQwLjI2NSAxMS42NDQtNDAuMjY1IDI2LjAwNyAxOC4wMjcgMjYuMDA2IDQwLjI2NSAyNi4wMDZaTTEyMS40ODkgMTYzLjE3NWgyNzEuNjI3Ij48L3BhdGg+PHBhdGggc3Ryb2tlPSIjZmZmIiBzdHJva2Utb3BhY2l0eT0iLjY4IiBzdHJva2Utd2lkdGg9IjEuMjQyIiBkPSJtMjA1Ljk0MyA1OS41ODgtMy4wOSAzMC4yODVjMCAuNTEuNDY5LjkyMyAxLjA0NS45MjNoMTA1LjY0NmMuNTc3IDAgMS4wNDQtLjQxMiAxLjA0NC0uOTIzbC0zLjA4OS0zMC4yODUiPjwvcGF0aD48cGF0aCBzdHJva2U9IiNmZmYiIHN0cm9rZS1vcGFjaXR5PSIuNjgiIHN0cm9rZS13aWR0aD0iMS4yNDIiIGQ9Im0yMzEuMTI0IDYwLjEzMi0xLjA2NSAxMy44MzZjMCAuNjc2LjQ3NyAxLjIyNCAxLjA2NSAxLjIyNGg1MS4xOTNjLjU4OSAwIDEuMDY2LS41NSAxLjA2Ni0xLjIyNGwtLjU0NS0xNC4zOG0tNy4wNzMgMzEuMjA4Yy01LjQwNiA1Ljg2LTEyLjI1MSA5LjM2Mi0xOS42OTYgOS4zNjItNy4zNDcgMC0xNC4xMDktMy40MS0xOS40ODEtOS4xMyI+PC9wYXRoPjxwYXRoIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLW9wYWNpdHk9Ii42OCIgc3Ryb2tlLXdpZHRoPSIyLjE3NiIgZD0ibTE2OS4xMTggMzU2LjY3NyA5LjkwMy02OS4yMjhjMC0xLjE1NS40MzUtMi4wOTEgMS42NTctMi4wOTFoMTQ4LjgyMWMuOTE1IDAgMS42NTcuOTM0IDEuNjU3IDIuMDkxbDguODE1IDY5LjIyOCI+PC9wYXRoPjxwYXRoIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLW9wYWNpdHk9Ii42OCIgc3Ryb2tlLXdpZHRoPSIyLjE3NiIgZD0ibTIxMC40NzEgMzU2LjY3NiAyLjYzNi0zMi41MjljMC0xLjQ3OS43ODYtMi42NzggMS43NTQtMi42NzhoNzkuNzQxYy45NjkgMCAxLjc1NCAxLjIwNCAxLjc1NCAyLjY3OGwzLjM1IDMyLjUyOU0yOTEgMjg1LjA5N2MtMTAuMjUxLTEwLjY4My0xNC41MS0xNi4zODQtMzUuMDI4LTE2LjM4NC0xOS41MjkgMC0yNC40MzIgNi4yMTYtMzQuNjE5IDE2LjY0NSI+PC9wYXRoPjxtYXNrIGlkPSJjIiB3aWR0aD0iNTExIiBoZWlnaHQ9IjQ0OCIgeD0iLTIiIHk9IjE2IiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBzdHlsZT0ibWFzay10eXBlOmFscGhhIj48cGF0aCBmaWxsPSIjNjE5MzYzIiBkPSJNMTM2LjU2OCAyNy41ODhDMTM4Ljc5MyAyMC42ODkgMTQ1LjMyIDE2IDE1Mi42OTggMTZoMjEyLjcwNGM3LjUgMCAxNC4xMDUgNC44NDQgMTYuMjI1IDExLjlsMTI0LjY3MiA0MTQuODE5YzMuMTk0IDEwLjYyOC00LjkyOCAyMS4yODEtMTYuMjI2IDIxLjI4MUgxOC45MjhjLTguNzE4IDAtMTYuMDAzLTcuMzU2LTIyLjMyNy0xOC43MDEiPjwvcGF0aD48cGF0aCBmaWxsPSJ1cmwoI2IpIiBmaWxsLW9wYWNpdHk9Ii4zIiBkPSJNMTM0LjE2NyAyNy41ODhDMTM2LjQxOCAyMC42ODkgMTQzLjAyMyAxNiAxNTAuNDg4IDE2aDIxNS4yMzFjNy41OSAwIDE0LjI3MyA0Ljg0NCAxNi40MTkgMTEuOWwxMjYuMTUzIDQxNC44MTljMy4yMzEgMTAuNjI4LTQuOTg3IDIxLjI4MS0xNi40MTkgMjEuMjgxSDE1LjEyOWMtMTEuNTcyIDAtMTkuODEtMTAuODk5LTE2LjMyLTIxLjU5M3oiPjwvcGF0aD48L21hc2s+PGcgZmlsbD0iIzAwMCIgZmlsbC1vcGFjaXR5PSIuMDYiIG1hc2s9InVybCgjYykiPjxwYXRoIGQ9Ik01MTAuMzI2IDE2SDE2LjkwOUMxMC44ODQgMTYgNiAyMC44ODQgNiAyNi45MDlzNC44ODQgMTAuOTA5IDEwLjkwOSAxMC45MDloNDkzLjQxN2M2LjAyNSAwIDEwLjkwOS00Ljg4NCAxMC45MDktMTAuOTA5UzUxNi4zNTEgMTYgNTEwLjMyNiAxNk01MDguMTQ0IDU1LjI3M0gxOS4wOTFDMTEuODYgNTUuMjczIDYgNjEuMTMzIDYgNjguMzYzczUuODYgMTMuMDkxIDEzLjA5IDEzLjA5MWg0ODkuMDU0YzcuMjMgMCAxMy4wOTEtNS44NiAxMy4wOTEtMTMuMDlzLTUuODYxLTEzLjA5Mi0xMy4wOTEtMTMuMDkyTTUwOC4xNDQgOTkuOTk5SDE5LjA5MUMxMS44NiA5OS45OTkgNiAxMDUuODYgNiAxMTMuMDlzNS44NiAxMy4wOSAxMy4wOSAxMy4wOWg0ODkuMDU0YzcuMjMgMCAxMy4wOTEtNS44NiAxMy4wOTEtMTMuMDlzLTUuODYxLTEzLjA5MS0xMy4wOTEtMTMuMDkxTTUwNy4wNTMgMTQ3Ljk5OUgyMC4xODJDMTIuMzQ5IDE0Ny45OTkgNiAxNTQuMzQ4IDYgMTYyLjE4MWMwIDcuODMyIDYuMzUgMTQuMTgxIDE0LjE4MiAxNC4xODFoNDg2Ljg3MWM3LjgzMyAwIDE0LjE4Mi02LjM0OSAxNC4xODItMTQuMTgxIDAtNy44MzMtNi4zNDktMTQuMTgyLTE0LjE4Mi0xNC4xODJNNTA1Ljk2MiAyMDQuNzI1SDIxLjI3MkMxMi44MzkgMjA0LjcyNSA2IDIxMS41NjMgNiAyMTkuOTk4czYuODM4IDE1LjI3MiAxNS4yNzMgMTUuMjcyaDQ4NC42ODljOC40MzUgMCAxNS4yNzMtNi44MzggMTUuMjczLTE1LjI3MnMtNi44MzgtMTUuMjczLTE1LjI3My0xNS4yNzNNNTAzLjgyMyAyNzUuNjMzSDIzLjQxMkMxMy43OTYgMjc1LjYzMyA2IDI4My40MjkgNiAyOTMuMDQ1djQuNDQ4YzAgOS42MTcgNy43OTYgMTcuNDEyIDE3LjQxMiAxNy40MTJoNDgwLjQxMWM5LjYxNiAwIDE3LjQxMi03Ljc5NSAxNy40MTItMTcuNDEydi00LjQ0OGMwLTkuNjE2LTcuNzk2LTE3LjQxMi0xNy40MTItMTcuNDEydi00LjQ0OGMwLTkuNjE2LTcuNzk2LTE3LjQxMi0xNy40MTItMTcuNDEyTTQ5MC41ODggMzU3SDE3LjQxMkM3Ljc5NiAzNTcgMCAzNjQuNzk2IDAgMzc0LjQxMnY3Mi4xNzZDMCA0NTYuMjA0IDcuNzk2IDQ2NCAxNy4zMTIgNDY0aDQ3My4xNzZjOS42MTYgMCAxNy40MTItNy43OTYgMTcuNDEyLTE3LjQxMnYtNzIuMTc2YzAtOS42MTYtNy43OTYtMTcuNDEyLTE3LjQxMi0xNy40MTIiPjwvcGF0aD48L2c+PC9nPjxkZWZzPjxyYWRpYWxHcmFkaWVudCBpZD0iYiIgY3g9IjAiIGN5PSIwIiByPSIxIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDQuMjIzMzEgMzQyLjgxOCAtMzc0LjE2IDQuMzMwMTUgMjQ3LjUyMyAyMjUuMjU4KSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iLjAxIj48L3N0b3A+PHN0b3Agb2Zmc2V0PSIxIj48L3N0b3A+PC9yYWRpYWxHcmFkaWVudD48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoNTIydjQ2NEgweiI+PC9wYXRoPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==");
  border-radius: 1.75rem;
  padding: 1rem;
  border: 2px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 30px 40px rgba(8, 46, 11, 0.5);
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 420px;
  width: 100%;
}

.lineup-field {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  min-height: 400px;
}

.lineup-field-row {
  display: flex;
  justify-content: center;
  gap: 0.6rem;
}

.lineup-field-slot {
  flex: 1;
  min-width: 80px;
  max-width: 150px;
  min-height: 90px;
  border-radius: 0.85rem;
  background: rgba(255, 255, 255, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.35rem;
}

.lineup-field-slot--empty {
  border: 1px dashed rgba(255, 255, 255, 0.3);
  background: transparent;
}

.lineup-field-chip {
  text-align: center;
}

.lineup-field-name {
  display: block;
  font-size: 0.85rem;
  font-weight: 700;
  color: #fff;
  text-shadow: 0 1px 4px rgba(0,0,0,0.45);
}

.lineup-field-score {
  display: block;
  font-size: 0.75rem;
  color: #f5ea5d;
  letter-spacing: 0.05rem;
}

.lineup-formation-label {
  margin-top: 0.65rem;
  text-align: right;
  font-size: 0.95rem;
  letter-spacing: 0.1rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.8);
}

.lineup-bench-shell {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px dashed rgba(255, 255, 255, 0.2);
}

.lineup-bench-title {
  font-size: 0.85rem;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}

.lineup-bench-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.lineup-bench-chip {
  padding: 0.35rem 0.8rem;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 0.75rem;
}

.lineup-meta-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}

.lineup-meta-player {
  margin: 0;
  font-size: 1.1rem;
}

.lineup-meta-score {
  text-align: right;
}

.lineup-meta-points {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1aff00;
}

.lineup-meta-text {
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.7);
}

.lineup-meta-scheme {
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 0.3rem;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
}

.lineup-points-status {
  font-size: 0.85rem;
  letter-spacing: 0.05rem;
  color: rgba(255, 255, 255, 0.6);
}

 .lineup-right-section {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 1rem;
  padding: 0.75rem;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.04);
}

.lineup-right-title {
  text-transform: uppercase;
  font-size: 0.7rem;
  letter-spacing: 0.15rem;
  margin-bottom: 0.65rem;
  color: rgba(0, 0, 0, 0.6);
}

.lineup-list-row {
  display: grid;
  grid-template-columns: 38px 1fr 70px;
  grid-gap: 0.5rem;
  align-items: center;
  padding: 0.25rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.lineup-list-row:last-child {
  border-bottom: none;
}

.lineup-list-pos {
  font-size: 0.65rem;
  letter-spacing: 0.1rem;
  color: rgba(0, 0, 0, 0.6);
}

.lineup-list-name {
  font-size: 0.9rem;
  font-weight: 600;
  color: #111;
}

.lineup-list-score {
  font-size: 0.85rem;
  text-align: right;
  letter-spacing: 0.05rem;
  color: rgba(0, 0, 0, 0.8);
}

.lineup-list-score.text-success {
  color: #1aff00;
}

.lineup-right-section .lineup-list-row + .lineup-list-row {
  margin-top: 0.15rem;
}

#lineupModal .lineup-field-slot {
  flex: 1;
  min-width: 90px;
  max-width: 150px;
  min-height: 90px;
  background: rgba(255, 255, 255, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.45);
  box-shadow: inset 0 0 18px rgba(0, 0, 0, 0.15);
}

#lineupModal .lineup-field-chip {
  color: #ffffff;
}

#lineupModal .lineup-field-name {
  color: #ffffff;
}

#lineupModal .lineup-field-score {
  color: #f5ea5d;
}

#lineupModal .lineup-bench-chip {
  background: #fff;
  border-color: rgba(0, 0, 0, 0.08);
  box-shadow: none;
}

#lineupModal .lineup-pitch-shell {
  min-height: 420px;
  width: 100%;
}

#lineupModal .lineup-field {
  min-height: 400px;
}
 @media (max-width: 576px) {
  .navbar {
    padding: 0.75rem 1rem;
  }
}