:root {
    --bg: #0a1628;
    --panel: #142943;
    --panel-2: #0d1d30;
    --panel-3: #10233a;
    --border: #1e3a5f;
    --border-soft: rgba(30, 58, 95, 0.62);
    --text: #ffffff;
    --muted: #8b9cb3;
    --primary: #00d9ff;
    --primary-dark: #0099cc;
    --gold: #ffb800;
    --success: #00e676;
    --warning: #ffa726;
    --danger: #ff5252;
    --pitcher: #e63946;
    --shadow: 0 18px 60px rgba(0, 0, 0, 0.28);
    --radius: 18px;
}

* {
    box-sizing: border-box;
}

html {
    background: var(--bg);
}

body {
    margin: 0;
    min-height: 100vh;
    color: var(--text);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background:
        radial-gradient(circle at 10% 0%, rgba(0, 217, 255, 0.12), transparent 30%),
        radial-gradient(circle at 90% 10%, rgba(255, 184, 0, 0.08), transparent 32%),
        var(--bg);
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background-image: linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);
    background-size: 44px 44px;
    mask-image: linear-gradient(to bottom, black, transparent 80%);
}

a {
    color: inherit;
}

button,
.button-link,
.secondary-button {
    border: 0;
    border-radius: 12px;
    padding: 11px 16px;
    font-weight: 800;
    letter-spacing: -0.01em;
    text-decoration: none;
    cursor: pointer;
    color: #06101f;
    background: linear-gradient(135deg, var(--primary), #54ecff);
    box-shadow: 0 12px 30px rgba(0, 217, 255, 0.18);
    transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    white-space: nowrap;
}

button:hover,
.button-link:hover,
.secondary-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 18px 34px rgba(0, 217, 255, 0.26);
}

button:disabled {
    cursor: not-allowed;
    opacity: 0.45;
    transform: none;
    box-shadow: none;
    color: var(--muted);
    background: #1e3a5f;
}

.button-link.secondary,
.secondary-button {
    background: #1e3a5f;
    color: var(--text);
    box-shadow: none;
}

.icon-button {
    width: 36px;
    height: 36px;
    padding: 0;
    border-radius: 12px;
    font-size: 22px;
    line-height: 1;
}

.icon-button.danger {
    color: #fff;
    background: rgba(255, 82, 82, 0.18);
    border: 1px solid rgba(255, 82, 82, 0.35);
    box-shadow: none;
}

input,
select,
textarea {
    width: 100%;
    border: 1px solid var(--border);
    background: #0a1628;
    color: var(--text);
    border-radius: 12px;
    padding: 11px 12px;
    outline: none;
    transition: border-color 0.16s ease, box-shadow 0.16s ease;
}

input:focus,
select:focus,
textarea:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(0, 217, 255, 0.12);
}

label {
    display: block;
    color: var(--muted);
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 8px;
}

.site-header {
    position: sticky;
    top: 0;
    z-index: 50;
    border-bottom: 1px solid rgba(30, 58, 95, 0.78);
    background: rgba(10, 22, 40, 0.88);
    backdrop-filter: blur(18px);
}

.header-inner,
.page-wrap {
    width: min(1480px, calc(100% - 36px));
    margin: 0 auto;
}

.header-inner {
    min-height: 72px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 22px;
}

.header-brand-group {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: max-content;
}

.player-detail-back-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 38px;
    padding: 9px 12px;
    border-radius: 14px;
    color: var(--muted);
    text-decoration: none;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: -0.01em;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.09);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);
    transition:
        color 0.16s ease,
        border-color 0.16s ease,
        background 0.16s ease,
        transform 0.16s ease,
        box-shadow 0.16s ease;
}

.player-detail-back-link:hover,
.player-detail-back-link:focus-visible {
    color: var(--text);
    background: rgba(8, 212, 223, 0.08);
    border-color: rgba(8, 212, 223, 0.24);
    box-shadow: 0 0 0 3px rgba(8, 212, 223, 0.08);
    transform: translateX(-2px);
    outline: none;
}

.player-detail-back-arrow {
    color: var(--primary);
    font-size: 16px;
    line-height: 1;
}

.brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    font-size: 20px;
    font-weight: 900;
}

.brand-mark {
    width: 40px;
    height: 40px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--primary), var(--primary-dark));
    box-shadow: 0 12px 30px rgba(0, 217, 255, 0.22);
}

.brand-text strong {
    color: var(--primary);
}

.main-nav,
.auth-nav,
.tab-nav,
.hero-actions,
.card-actions,
.chip-row,
.form-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.main-nav {
    justify-content: center;
}

.main-nav a,
.auth-nav a,
.tab-nav a {
    color: var(--muted);
    text-decoration: none;
    border-radius: 12px;
    padding: 10px 14px;
    font-weight: 800;
    font-size: 14px;
    transition: background 0.16s ease, color 0.16s ease;
}

.main-nav a:hover,
.auth-nav a:hover,
.tab-nav a:hover {
    color: var(--text);
    background: rgba(30, 58, 95, 0.72);
}

.main-nav a.active,
.tab-nav a.active {
    color: var(--primary);
    background: rgba(0, 217, 255, 0.1);
}

.auth-nav {
    justify-content: flex-end;
}

.auth-nav .nav-cta {
    color: #06101f;
    background: var(--primary);
}

.user-name {
    color: var(--muted);
    font-size: 14px;
    font-weight: 800;
}

.page-wrap {
    padding: 28px 0 60px;
}

.flash-wrap {
    padding-bottom: 0;
}

.flash-box,
.notice-panel,
.notice-box,
.error-box,
.success-box {
    border-radius: 16px;
    padding: 14px 16px;
    margin-bottom: 18px;
    border: 1px solid rgba(255, 184, 0, 0.35);
    background: rgba(255, 184, 0, 0.11);
    color: #ffe9a6;
}

.flash-box p,
.notice-panel p {
    margin: 4px 0;
}

.notice-panel.error,
.error-box {
    color: #ffd2d2;
    border-color: rgba(255, 82, 82, 0.42);
    background: rgba(255, 82, 82, 0.1);
}

.notice-panel.success,
.success-box,
.notice-box {
    color: #baffd8;
    border-color: rgba(0, 230, 118, 0.36);
    background: rgba(0, 230, 118, 0.1);
}

.notice-panel.warning {
    color: #ffe3ad;
    border-color: rgba(255, 167, 38, 0.42);
    background: rgba(255, 167, 38, 0.1);
}

.hero-panel,
.content-card {
    border: 1px solid var(--border-soft);
    background: linear-gradient(180deg, rgba(20, 41, 67, 0.96), rgba(13, 29, 48, 0.96));
    border-radius: 24px;
    box-shadow: var(--shadow);
}

.hero-panel {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    padding: 34px;
    margin-bottom: 24px;
    overflow: hidden;
    position: relative;
}

.hero-panel::after {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    right: -120px;
    top: -140px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(0, 217, 255, 0.18), transparent 68%);
}

.eyebrow {
    color: var(--primary);
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 12px;
    font-weight: 900;
    margin: 0 0 8px;
}

h1,
h2,
h3,
h4,
p {
    margin-top: 0;
}

h1 {
    font-size: clamp(34px, 4vw, 56px);
    line-height: 1.02;
    letter-spacing: -0.045em;
    margin-bottom: 12px;
}

h2 {
    font-size: 25px;
    letter-spacing: -0.03em;
    margin-bottom: 0;
}

h3 {
    font-size: 18px;
    letter-spacing: -0.02em;
}

.hero-copy,
.small-text,
.muted-text,
.empty-table-text,
.auth-footnote {
    color: var(--muted);
}

.hero-copy {
    max-width: 740px;
    line-height: 1.7;
    margin-bottom: 0;
}

.hero-metric {
    position: relative;
    z-index: 1;
    min-width: 170px;
    border-radius: 22px;
    background: #0a1628;
    border: 1px solid var(--border);
    padding: 20px;
    text-align: center;
}

.hero-metric span,
.stat-card span,
.score-summary-item span,
.stat-tile span,
.mini-stat-grid span {
    display: block;
    color: var(--muted);
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 6px;
}

.hero-metric strong,
.stat-card strong,
.score-summary-item strong {
    display: block;
    font-size: 32px;
    color: var(--text);
}

.content-card {
    padding: 24px;
    margin-bottom: 24px;
}

.compact-card {
    padding: 16px;
}

.section-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
}

.section-heading.split {
    align-items: center;
}

.summary-strip {
    display: flex;
    gap: 18px;
    color: var(--muted);
    margin-top: 14px;
    flex-wrap: wrap;
}

.summary-strip strong {
    color: var(--text);
}

.table-wrap {
    overflow-x: auto;
    border: 1px solid var(--border);
    border-radius: 18px;
}

.compact-table-wrap {
    border-radius: 14px;
}

.data-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 860px;
}

.data-table th,
.data-table td {
    padding: 16px;
    border-bottom: 1px solid rgba(30, 58, 95, 0.68);
    text-align: center;
    vertical-align: middle;
}

.data-table th {
    color: var(--muted);
    background: #0d1d30;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.data-table tr:last-child td {
    border-bottom: 0;
}

.data-table tr:hover td {
    background: rgba(30, 58, 95, 0.22);
}

.player-cell {
    display: flex;
    align-items: center;
    gap: 12px;
    text-align: left;
}

.player-link,
.player-name-large {
    color: var(--text);
    font-weight: 900;
    text-decoration: none;
}

.player-link:hover,
.player-name-large:hover {
    color: var(--primary);
}

.player-name-large {
    font-size: 20px;
}

.points,
.price-up,
.budget-ok,
.count-ok {
    color: var(--success);
    font-weight: 900;
}

.price-down,
.budget-danger,
.count-danger {
    color: var(--danger);
    font-weight: 900;
}

.price-same {
    color: var(--muted);
    font-weight: 900;
}

.team-badge,
.type-chip,
.position-badge,
.status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    white-space: nowrap;
}


.team-default { --team-primary: #1e3a5f; --team-secondary: #8b9cb3; }
.team-kia { --team-primary: #ea0029; --team-secondary: #06141f; }
.team-lg { --team-primary: #c30452; --team-secondary: #000000; }
.team-doosan { --team-primary: #131230; --team-secondary: #ed1c24; }
.team-samsung { --team-primary: #074ca1; --team-secondary: #c5c5c5; }
.team-kt { --team-primary: #000000; --team-secondary: #eb1c24; }
.team-ssg { --team-primary: #ce0e2d; --team-secondary: #ffd700; }
.team-lotte { --team-primary: #041e42; --team-secondary: #d00f31; }
.team-nc { --team-primary: #315288; --team-secondary: #c59f6e; }
.team-kiwoom { --team-primary: #820024; --team-secondary: #6e0019; }
.team-hanwha { --team-primary: #ff6600; --team-secondary: #000000; }

.team-badge {
    color: white;
    background: var(--team-primary);
    border: 1px solid rgba(255,255,255,0.16);
    box-shadow: inset 0 -12px 24px rgba(0,0,0,0.12);
}

.team-badge-xs { padding: 5px 7px; font-size: 10px; }
.team-badge-sm { padding: 7px 9px; }
.team-badge-md { padding: 9px 12px; font-size: 13px; }

.type-chip,
.position-badge {
    padding: 7px 9px;
    background: rgba(0, 217, 255, 0.1);
    color: var(--primary);
    border: 1px solid rgba(0, 217, 255, 0.22);
}

.type-chip.pitcher,
.position-badge.pitcher {
    background: rgba(230, 57, 70, 0.12);
    color: #ff7883;
    border-color: rgba(230, 57, 70, 0.28);
}

.status-badge {
    padding: 9px 12px;
    border-radius: 12px;
}

.status-badge.confirmed { color: var(--success); background: rgba(0, 230, 118, 0.12); }
.status-badge.ready { color: var(--primary); background: rgba(0, 217, 255, 0.12); }
.status-badge.warning { color: var(--warning); background: rgba(255, 167, 38, 0.12); }
.status-badge.pending { color: var(--muted); background: rgba(139, 156, 179, 0.12); }

.rank-medal,
.rank-number {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-weight: 950;
    color: #06101f;
}

.rank-number {
    color: var(--text);
    background: #1e3a5f;
}

.rank-medal.gold { background: linear-gradient(135deg, #ffd700, #ffb800); }
.rank-medal.silver { background: linear-gradient(135deg, #f3f3f3, #c0c0c0); }
.rank-medal.bronze { background: linear-gradient(135deg, #e0a05a, #cd7f32); }
.rank-row.rank-1 td { background: linear-gradient(90deg, rgba(255, 215, 0, 0.12), transparent); }
.rank-row.rank-2 td { background: linear-gradient(90deg, rgba(192, 192, 192, 0.1), transparent); }
.rank-row.rank-3 td { background: linear-gradient(90deg, rgba(205, 127, 50, 0.1), transparent); }
.my-team-row td,
.podium-card.my-team-row { outline: 2px solid rgba(0, 217, 255, 0.35); outline-offset: -2px; }

.uniform {
    position: relative;
    display: inline-flex;
    flex-shrink: 0;
    filter: drop-shadow(0 10px 16px rgba(0,0,0,0.24));
}

.uniform svg {
    width: 100%;
    height: 100%;
}

.uniform-sm { width: 38px; height: 50px; }
.uniform-md { width: 58px; height: 76px; }
.uniform-lg { width: 110px; height: 146px; }

.uniform-body,
.uniform-sleeve {
    fill: var(--team-primary);
    stroke: var(--team-secondary);
    stroke-width: 1.2;
}

.uniform-collar {
    fill: var(--team-secondary);
}

.uniform-line {
    stroke: var(--team-secondary);
    stroke-width: 2;
    opacity: 0.55;
}

.uniform-number {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-shadow: 0 2px 4px rgba(0,0,0,0.65);
    font-weight: 950;
    letter-spacing: -0.04em;
}

.uniform-sm .uniform-number { font-size: 11px; }
.uniform-md .uniform-number { font-size: 15px; }
.uniform-lg .uniform-number { font-size: 28px; }

.filter-grid {
    display: grid;
    grid-template-columns: 2fr repeat(5, minmax(130px, 1fr));
    gap: 14px;
    align-items: end;
}

.form-field.wide {
    min-width: 220px;
}

.form-actions.full {
    width: 100%;
}

.form-row-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.player-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 18px;
}

.full-width-card {
    grid-column: 1 / -1;
}

.player-card-v2 {
    border: 1px solid var(--border-soft);
    background: linear-gradient(180deg, #142943, #0d1d30);
    border-radius: 22px;
    padding: 18px;
    min-height: 225px;
}

.card-glow {
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}
.card-glow:hover {
    transform: translateY(-3px);
    border-color: rgba(0, 217, 255, 0.48);
    box-shadow: 0 18px 46px rgba(0, 217, 255, 0.12);
}

.player-card-top {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 16px;
}

.player-card-main {
    min-width: 0;
}

.chip-row.compact {
    gap: 6px;
}

.mini-stat-grid,
.metric-grid,
.score-summary-grid,
.stat-tile-grid,
.budget-row {
    display: grid;
    gap: 14px;
}

.mini-stat-grid {
    grid-template-columns: repeat(2, 1fr);
}

.mini-stat-grid > div,
.score-summary-item,
.stat-tile {
    background: #0a1628;
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 14px;
}

.mini-stat-grid strong,
.stat-tile strong {
    font-size: 20px;
}

.clamp-text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 14px 0 0;
}

.editor-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 420px;
    gap: 24px;
    align-items: start;
}

.editor-main {
    min-width: 0;
}

.sticky-card {
    position: sticky;
    top: 96px;
}

.team-status-card .budget-row {
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 16px;
}

.budget-row > div {
    background: #0a1628;
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 14px;
}

.budget-row strong {
    display: block;
    font-size: 24px;
}

.progress-track {
    height: 12px;
    overflow: hidden;
    border-radius: 999px;
    background: #0a1628;
    border: 1px solid var(--border);
    margin-bottom: 16px;
}

.progress-fill {
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--primary), var(--success));
}

.progress-fill.danger {
    background: var(--danger);
}

.baseball-field {
    position: relative;
    width: min(100%, 760px);
    aspect-ratio: 1 / 1;
    margin: 0 auto;
    border-radius: 30px;
    overflow: hidden;
}

.field-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.field-bg rect { fill: #0a1628; }
.field-bg .outfield-arc,
.field-bg .diamond-line { fill: none; stroke: #1e3a5f; stroke-width: 2; stroke-dasharray: 7 5; }
.field-bg .diamond-line { stroke-dasharray: none; }
.field-bg .base-line { stroke: #2a4a70; stroke-width: 1; }
.field-bg .mound { fill: #1e3a5f; stroke: var(--primary); stroke-width: 2; }
.field-bg .home-plate { fill: #1e3a5f; stroke: #8b9cb3; stroke-width: 1; }

.field-position {
    position: absolute;
    width: 174px;
    transform: translate(-50%, -50%);
}

.pos-lf { left: 23%; top: 28%; }
.pos-cf { left: 50%; top: 16%; }
.pos-rf { left: 77%; top: 28%; }
.pos-ss { left: 35%; top: 45%; }
.pos-2b { left: 65%; top: 45%; }
.pos-3b { left: 24%; top: 62%; }
.pos-1b { left: 76%; top: 62%; }
.pos-p1 { left: 50%; top: 59%; }
.pos-c { left: 43%; top: 82%; }
.pos-util { left: 58%; top: 82%; }

.bullpen-strip {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
    margin-top: 16px;
}

.field-slot {
    position: relative;
    min-height: 126px;
    border: 1px solid rgba(30, 58, 95, 0.84);
    border-radius: 18px;
    padding: 12px;
    background: rgba(13, 29, 48, 0.88);
    backdrop-filter: blur(8px);
}

.field-slot.filled {
    border-color: rgba(0, 217, 255, 0.28);
}

.slot-topline,
.slot-player-main,
.slot-stats {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.slot-code {
    color: var(--primary);
    font-weight: 950;
}

.slot-label {
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
}

.slot-player-main {
    justify-content: flex-start;
    margin-top: 8px;
}

.slot-player-text {
    min-width: 0;
}

.slot-meta {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    margin-top: 5px;
}

.slot-stats {
    margin-top: 10px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
}

.slot-stats strong,
.slot-stats span:first-child {
    color: var(--text);
}

.slot-stats small {
    color: var(--muted);
}

.slot-remove-form {
    position: absolute;
    top: 8px;
    right: 8px;
}

.empty-slot-content {
    height: 82px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--muted);
    gap: 6px;
    font-weight: 800;
}

.empty-plus {
    width: 32px;
    height: 32px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed var(--border);
    color: var(--primary);
    font-size: 22px;
}

.side-filter {
    display: grid;
    gap: 12px;
    margin-bottom: 16px;
}

.search-result-list {
    display: grid;
    gap: 10px;
    max-height: 780px;
    overflow: auto;
    padding-right: 4px;
}

.market-player-card {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 10px;
    align-items: center;
    border: 1px solid var(--border);
    background: #0a1628;
    border-radius: 16px;
    padding: 10px;
}

.market-player-info {
    min-width: 0;
}

.dashboard-grid {
    display: grid;
    grid-template-columns: 2fr repeat(3, 1fr);
    gap: 18px;
    margin-bottom: 24px;
}

.team-identity-card {
    margin-bottom: 0;
}

.stat-card {
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.stat-card small {
    color: var(--muted);
    font-weight: 800;
    margin-top: 4px;
}

.score-summary-grid {
    grid-template-columns: repeat(4, 1fr);
    margin-bottom: 24px;
}

.chart-and-table,
.detail-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(360px, 0.8fr);
    gap: 24px;
}

.chart-card {
    min-width: 0;
}

.empty-state {
    text-align: center;
    color: var(--muted);
    padding: 34px;
}

.empty-state strong {
    color: var(--text);
    font-size: 20px;
}

.player-hero-detail {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 24px;
    align-items: center;
}

.player-hero-info h1 {
    margin: 8px 0 14px;
}

.player-meta-line {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    color: var(--muted);
    font-weight: 800;
}

.player-meta-line span {
    padding: 8px 10px;
    border-radius: 10px;
    background: #0a1628;
    border: 1px solid var(--border);
}

.metric-grid.four {
    grid-template-columns: repeat(4, 1fr);
    margin-bottom: 24px;
}

.stat-tile-grid {
    grid-template-columns: repeat(2, 1fr);
}

.stat-tile strong {
    display: block;
    color: var(--text);
}

.detail-cell {
    text-align: left;
    min-width: 260px;
}

.detail-pill {
    display: inline-flex;
    margin: 3px;
    padding: 6px 8px;
    border-radius: 999px;
    background: rgba(30, 58, 95, 0.65);
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
}

.price-history-list {
    display: grid;
    gap: 12px;
}

.price-history-item {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    border: 1px solid var(--border);
    background: #0a1628;
    border-radius: 16px;
    padding: 14px;
}

.price-history-item p {
    color: var(--muted);
    margin: 5px 0 0;
    line-height: 1.45;
}

.price-history-price {
    text-align: right;
    white-space: nowrap;
}

.price-history-price span {
    display: block;
    color: var(--muted);
    margin-bottom: 5px;
}

.podium-wrap {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 18px;
    margin: 34px 0;
}

.podium-card {
    position: relative;
    width: min(260px, 32%);
    border-radius: 24px;
    padding: 34px 22px 22px;
    text-align: center;
    background: linear-gradient(180deg, #142943, #0d1d30);
    border: 1px solid var(--border);
    box-shadow: var(--shadow);
}

.podium-card.first {
    transform: translateY(-22px);
    min-height: 210px;
}

.podium-medal {
    position: absolute;
    top: -18px;
    left: 50%;
    transform: translateX(-50%);
    width: 58px;
    height: 58px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #06101f;
    font-weight: 950;
}

.podium-card.gold .podium-medal { background: linear-gradient(135deg, #ffd700, #ffb800); }
.podium-card.silver .podium-medal { background: linear-gradient(135deg, #f3f3f3, #c0c0c0); }
.podium-card.bronze .podium-medal { background: linear-gradient(135deg, #e0a05a, #cd7f32); }
.podium-card h3 { margin: 12px 0 6px; }
.podium-card p { color: var(--muted); }
.podium-card strong { color: var(--primary); font-size: 30px; }

.auth-shell {
    min-height: calc(100vh - 200px);
    display: grid;
    place-items: center;
}

.auth-card {
    width: min(520px, 100%);
}

.auth-form {
    display: grid;
    gap: 16px;
}

.auth-footnote {
    margin: 18px 0 0;
    text-align: center;
}

.auth-footnote a {
    color: var(--primary);
    font-weight: 900;
}

.empty-slot-row td,
.empty-slot-text {
    color: var(--muted);
}

.position-nowrap {
    white-space: nowrap;
}

.warning-icon {
    color: var(--warning);
}

.complete-badge {
    display: inline-flex;
    border-radius: 999px;
    padding: 7px 9px;
    color: var(--success);
    background: rgba(0, 230, 118, 0.12);
    font-size: 12px;
    font-weight: 900;
}

.team-title {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track { background: #0a1628; }
::-webkit-scrollbar-thumb { background: #1e3a5f; border-radius: 99px; }
::-webkit-scrollbar-thumb:hover { background: #2a4a70; }

@media (max-width: 1180px) {
    .editor-layout,
    .chart-and-table,
    .detail-grid {
        grid-template-columns: 1fr;
    }
    .sticky-card {
        position: static;
    }
    .dashboard-grid,
    .metric-grid.four {
        grid-template-columns: repeat(2, 1fr);
    }
    .team-identity-card {
        grid-column: 1 / -1;
    }
    .field-position {
        width: 150px;
    }
    .bullpen-strip {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 900px) {
    .header-inner {
        grid-template-columns: 1fr;
        padding: 16px 0;
    }
    .header-brand-group,
    .main-nav,
    .auth-nav {
        justify-content: flex-start;
    }
    .hero-panel,
    .player-hero-detail {
        grid-template-columns: 1fr;
        flex-direction: column;
        align-items: flex-start;
    }
    .filter-grid {
        grid-template-columns: 1fr 1fr;
    }
    .score-summary-grid,
    .team-status-card .budget-row {
        grid-template-columns: 1fr 1fr;
    }
    .baseball-field {
        aspect-ratio: auto;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
        overflow: visible;
    }
    .field-bg {
        display: none;
    }
    .field-position,
    .pos-lf,.pos-cf,.pos-rf,.pos-ss,.pos-2b,.pos-3b,.pos-1b,.pos-p1,.pos-c,.pos-util {
        position: static;
        transform: none;
        width: auto;
    }
    .podium-wrap {
        flex-direction: column;
        align-items: stretch;
    }
    .podium-card,
    .podium-card.first {
        width: 100%;
        transform: none;
    }
}

@media (max-width: 640px) {
    .header-inner,
    .page-wrap {
        width: min(100% - 22px, 1480px);
    }
    .hero-panel,
    .content-card {
        border-radius: 18px;
        padding: 18px;
    }
    h1 {
        font-size: 34px;
    }
    .dashboard-grid,
    .metric-grid.four,
    .score-summary-grid,
    .stat-tile-grid,
    .filter-grid,
    .form-row-2,
    .baseball-field,
    .bullpen-strip {
        grid-template-columns: 1fr;
    }
    .hero-metric {
        width: 100%;
    }
}

/* ============================================================
   v3 color refresh: reference-inspired black / electric cyan
   ============================================================ */
:root {
    --bg: #030608;
    --panel: #080c10;
    --panel-2: #0b0f13;
    --panel-3: #10161c;
    --border: #232832;
    --border-soft: rgba(255, 255, 255, 0.105);
    --text: #f5f7f8;
    --muted: #7b8087;
    --primary: #08d4df;
    --primary-dark: #009aa6;
    --gold: #f1b948;
    --success: #27d17f;
    --warning: #f3b34d;
    --danger: #ff4d57;
    --pitcher: #ff5964;
    --shadow: 0 24px 80px rgba(0, 0, 0, 0.38);
    --radius: 18px;
}

html {
    background: var(--bg);
    scroll-behavior: smooth;
}

body {
    background:
        radial-gradient(circle at 50% 5%, rgba(8, 212, 223, 0.06), transparent 38%),
        radial-gradient(circle at 18% 24%, rgba(8, 212, 223, 0.035), transparent 32%),
        linear-gradient(180deg, #030608 0%, #05080b 45%, #030608 100%);
}

body::before {
    background-image: none;
    background: radial-gradient(circle at 50% 30%, rgba(8, 212, 223, 0.045), transparent 46%);
    mask-image: linear-gradient(to bottom, black, transparent 75%);
}

.site-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(3, 6, 8, 0.82);
    backdrop-filter: blur(20px);
}

.header-inner {
    min-height: 66px;
}

.brand-mark {
    position: relative;
    width: 38px;
    height: 38px;
    border-radius: 14px;
    color: var(--primary);
    background: rgba(8, 212, 223, 0.08);
    border: 1px solid rgba(8, 212, 223, 0.20);
    box-shadow: none;
    font-weight: 950;
}

.brand-mark::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    right: -1px;
    bottom: -1px;
    border-radius: 999px;
    background: var(--primary);
    box-shadow: 0 0 18px rgba(8, 212, 223, 0.74);
}

.brand-text strong,
.text-primary {
    color: var(--primary);
}

.main-nav a,
.auth-nav a,
.tab-nav a {
    color: var(--muted);
    border: 1px solid transparent;
    background: transparent;
}

.main-nav a:hover,
.auth-nav a:hover,
.tab-nav a:hover {
    color: var(--text);
    background: rgba(255, 255, 255, 0.055);
}

.main-nav a.active,
.tab-nav a.active {
    color: var(--primary);
    background: rgba(8, 212, 223, 0.09);
    border-color: rgba(8, 212, 223, 0.16);
}

.auth-nav .nav-cta,
button,
.button-link,
.secondary-button {
    color: #041012;
    background: var(--primary);
    box-shadow: 0 0 28px rgba(8, 212, 223, 0.22);
}

.button-link.secondary,
.secondary-button,
.hero-secondary {
    color: var(--text);
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: none;
}

button:hover,
.button-link:hover,
.secondary-button:hover {
    box-shadow: 0 0 34px rgba(8, 212, 223, 0.32);
}

input,
select,
textarea {
    background: #05080b;
    border-color: rgba(255,255,255,0.10);
}

input:focus,
select:focus,
textarea:focus {
    border-color: rgba(8, 212, 223, 0.72);
    box-shadow: 0 0 0 3px rgba(8, 212, 223, 0.12);
}

.profile-menu {
    position: relative;
}

.profile-trigger {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 6px 8px 6px 6px;
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    color: var(--text);
    background: transparent;
    box-shadow: none;
    user-select: none;
    transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.profile-trigger:hover,
.profile-menu.is-open .profile-trigger {
    background: rgba(255,255,255,0.055);
    transform: translateY(-1px);
    box-shadow: 0 0 24px rgba(8, 212, 223, 0.08);
}

.profile-avatar,
.profile-avatar-large {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: var(--primary);
    background: radial-gradient(circle at 50% 30%, rgba(8, 212, 223, 0.18), rgba(8, 212, 223, 0.06));
    border: 1px solid rgba(8, 212, 223, 0.18);
}

.profile-avatar {
    width: 42px;
    height: 42px;
}

.profile-avatar svg,
.profile-avatar-large svg {
    width: 23px;
    height: 23px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.profile-avatar-large {
    width: 92px;
    height: 92px;
    box-shadow: 0 0 48px rgba(8, 212, 223, 0.10);
}

.profile-avatar-large svg {
    width: 48px;
    height: 48px;
}

.profile-name {
    font-size: 16px;
    font-weight: 850;
    letter-spacing: -0.025em;
}

.profile-chevron {
    color: var(--muted);
    font-size: 24px;
    line-height: 1;
    transform: translateY(-2px);
    transition: transform 0.22s cubic-bezier(.2,.8,.2,1), color 0.18s ease;
}

.profile-menu.is-open .profile-chevron {
    color: var(--primary);
    transform: translateY(-2px) rotate(180deg);
}

.profile-dropdown {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    width: 270px;
    padding: 10px 0;
    border-radius: 14px;
    background: rgba(5, 7, 10, 0.96);
    border: 1px solid rgba(255,255,255,0.13);
    box-shadow: 0 24px 80px rgba(0,0,0,0.52), 0 0 42px rgba(8, 212, 223, 0.06);
    z-index: 100;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-10px) scale(0.97);
    transform-origin: top right;
    transition:
        opacity 0.22s ease,
        visibility 0.22s ease,
        transform 0.24s cubic-bezier(.2,.8,.2,1);
}

.profile-menu.is-open .profile-dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0) scale(1);
}

.profile-dropdown a {
    display: flex;
    align-items: center;
    gap: 18px;
    width: 100%;
    padding: 18px 22px;
    border-radius: 0;
    color: var(--text);
    background: transparent;
    box-shadow: none;
    font-size: 22px;
    font-weight: 650;
    text-decoration: none;
    transform: translateX(0);
    transition: background 0.16s ease, color 0.16s ease, transform 0.18s ease;
}

.profile-dropdown a:hover {
    color: var(--text);
    background: rgba(255,255,255,0.055);
    box-shadow: none;
    transform: translateX(4px);
}

.profile-dropdown .danger-link {
    color: #ff414b;
}

.profile-dropdown .danger-link:hover {
    color: #ff5f67;
}

.menu-icon {
    width: 34px;
    color: var(--muted);
    font-size: 30px;
    line-height: 1;
    text-align: center;
}

.danger-link .menu-icon {
    color: #ff414b;
}

.profile-separator {
    height: 1px;
    margin: 6px 0;
    background: rgba(255,255,255,0.10);
}

.page-wrap {
    padding-top: 30px;
}

.home-page-wrap {
    width: 100%;
    padding-top: 0;
}

.landing-hero {
    position: relative;
    min-height: calc(100svh - 73px);
    max-height: calc(100svh - 73px);
    border-bottom: 1px solid rgba(255,255,255,0.12);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 0;
}

.landing-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 52% 45%, rgba(8, 212, 223, 0.075), transparent 28%),
        radial-gradient(circle at 35% 20%, rgba(8, 212, 223, 0.035), transparent 22%),
        linear-gradient(90deg, rgba(0,0,0,0.72), transparent 18%, transparent 78%, rgba(0,0,0,0.82));
}

.landing-glow {
    position: absolute;
    width: min(850px, 82vw);
    height: min(850px, 82vw);
    border-radius: 999px;
    background: rgba(8, 212, 223, 0.04);
    filter: blur(28px);
}

.landing-hero-inner {
    position: relative;
    z-index: 1;
    width: min(1000px, calc(100% - 36px));
    padding: 28px 0 42px;
}

.landing-hero h1 {
    margin: 0 0 30px;
    font-size: clamp(76px, 8.8vw, 136px);
    font-weight: 950;
    letter-spacing: -0.078em;
    line-height: 0.95;
}

.landing-hero h1 span {
    color: var(--primary);
    text-shadow: 0 0 36px rgba(8, 212, 223, 0.12);
}

.landing-copy {
    margin: 0 auto 64px;
    max-width: 850px;
    color: #777d82;
    font-size: clamp(22px, 2vw, 34px);
    font-weight: 600;
    line-height: 1.7;
    letter-spacing: -0.055em;
}

.landing-actions {
    display: flex;
    justify-content: center;
    gap: 24px;
    flex-wrap: wrap;
}

.hero-primary,
.hero-secondary {
    min-width: 180px;
    min-height: 64px;
    padding: 18px 28px;
    border-radius: 10px;
    font-size: 20px;
    font-weight: 900;
}

.hero-primary span {
    font-size: 32px;
    line-height: 0;
    transform: translateY(-1px);
}

.rankings-anchor {
    width: min(1480px, calc(100% - 36px));
    margin: 0 auto;
    padding-top: 58px;
    scroll-margin-top: 86px;
}

.landing-ranking-heading {
    margin-bottom: 22px;
}

.ranking-description {
    margin: 10px 0 0;
    max-width: 850px;
}

.hero-metric.slim {
    min-width: 150px;
    padding: 16px;
    background: rgba(255,255,255,0.025);
    border-color: rgba(255,255,255,0.10);
}

.hero-panel,
.content-card,
.auth-card {
    border-color: rgba(255,255,255,0.10);
    background: linear-gradient(180deg, rgba(11, 15, 19, 0.96), rgba(7, 10, 13, 0.96));
    box-shadow: var(--shadow);
}

.hero-panel::after {
    background: radial-gradient(circle, rgba(8, 212, 223, 0.12), transparent 70%);
}

.hero-metric,
.data-table th,
.table-wrap,
.bench-strip,
.filter-card,
.player-search-card,
.field-slot,
.stat-card,
.score-summary-item,
.profile-card-main {
    background-color: rgba(255,255,255,0.025);
    border-color: rgba(255,255,255,0.10);
}

.data-table th {
    background: #070a0d;
}

.data-table td {
    border-bottom-color: rgba(255,255,255,0.085);
}

.data-table tr:hover td {
    background: rgba(8, 212, 223, 0.045);
}

.team-badge,
.type-chip,
.position-badge,
.status-badge {
    border-color: rgba(255,255,255,0.12);
}

.points,
.price-up,
.budget-ok,
.count-ok {
    color: var(--primary);
}

.team-badge.team-default,
.uniform.team-default {
    --team-primary: #20262d;
    --team-secondary: var(--primary);
}

.profile-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr);
    gap: 22px;
}

.profile-info-list {
    display: grid;
    gap: 12px;
    margin-top: 18px;
}

.profile-info-list div {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 0;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.profile-info-list div:last-child {
    border-bottom: 0;
}

.profile-info-list span {
    color: var(--muted);
    font-weight: 800;
}

.profile-info-list strong {
    color: var(--text);
    text-align: right;
}

.mt-16 {
    margin-top: 16px;
}

@media (max-width: 860px) {
    .header-inner {
        grid-template-columns: 1fr;
        justify-items: stretch;
        padding: 12px 0;
    }

    .header-brand-group,
    .brand,
    .auth-nav,
    .main-nav {
        justify-content: center;
    }

    .header-brand-group {
        flex-wrap: wrap;
    }

    .profile-dropdown {
        left: 50%;
        right: auto;
        width: min(300px, calc(100vw - 36px));
        transform: translateX(-50%) translateY(-10px) scale(0.97);
        transform-origin: top center;
    }

    .profile-menu.is-open .profile-dropdown {
        transform: translateX(-50%) translateY(0) scale(1);
    }

    .landing-hero {
        min-height: calc(100svh - 142px);
        max-height: none;
    }

    .landing-hero h1 {
        font-size: clamp(56px, 17vw, 82px);
    }

    .landing-copy {
        font-size: 20px;
        margin-bottom: 44px;
    }

    .hero-primary,
    .hero-secondary {
        min-width: 0;
        width: 100%;
    }

    .profile-grid {
        grid-template-columns: 1fr;
    }
}


.rankings-hero-panel {
    margin-top: 12px;
}

.landing-only {
    isolation: isolate;
}

/* ============================================================
   one-pass UX refinement: intro, compact menus, pagination, detail charts
   ============================================================ */
body.is-home-page {
    width: 100%;
    height: 100svh;
    min-height: 100svh;
    overflow: hidden;
}

body.is-home-page::before {
    opacity: 0.7;
}

body.is-home-page .flash-wrap {
    position: fixed;
    left: 50%;
    top: 16px;
    z-index: 120;
    width: min(520px, calc(100% - 28px));
    padding: 0;
    transform: translateX(-50%);
}

.home-page-wrap {
    width: 100%;
    height: 100svh;
    padding: 0;
    overflow: hidden;
}

.landing-hero {
    min-height: 100svh;
    max-height: 100svh;
    height: 100svh;
    border-bottom: 0;
    padding: clamp(20px, 4vh, 42px) 0;
}

.landing-hero-inner {
    width: min(880px, calc(100% - 36px));
    padding: 0;
    transform: translateY(-1vh);
}

.landing-hero h1 {
    margin: 0 0 clamp(18px, 3vh, 30px);
    font-size: clamp(54px, 7.5vw, 104px);
    line-height: 0.96;
    letter-spacing: -0.072em;
}

.landing-copy {
    max-width: 680px;
    margin: 0 auto clamp(30px, 5vh, 52px);
    font-size: clamp(16px, 1.55vw, 24px);
    line-height: 1.55;
    letter-spacing: -0.035em;
}

.landing-actions {
    gap: 14px;
}

.hero-primary,
.hero-secondary {
    min-width: 148px;
    min-height: 48px;
    padding: 13px 22px;
    border-radius: 10px;
    font-size: 16px;
}

.hero-primary span {
    font-size: 24px;
}

.profile-trigger {
    gap: 7px;
    padding: 4px 7px 4px 4px;
}

.profile-avatar {
    width: 32px;
    height: 32px;
}

.profile-avatar svg {
    width: 18px;
    height: 18px;
}

.profile-name {
    font-size: 13px;
    max-width: 116px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.profile-chevron {
    font-size: 18px;
    transform: translateY(-1px);
}

.profile-menu.is-open .profile-chevron {
    transform: translateY(-1px) rotate(180deg);
}

.profile-dropdown {
    top: calc(100% + 8px);
    width: 190px;
    padding: 6px;
    border-radius: 12px;
    transform: translateY(-8px) scale(0.96);
}

.profile-dropdown a {
    gap: 10px;
    padding: 10px 12px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 760;
}

.profile-dropdown a:hover {
    transform: translateX(2px);
}

.menu-icon {
    width: 20px;
    font-size: 17px;
}

.profile-separator {
    margin: 5px 4px;
}

.compact-hero-panel {
    padding: 22px 26px;
    margin-bottom: 16px;
}

.compact-hero-panel h1 {
    margin-bottom: 0;
    font-size: clamp(30px, 3vw, 44px);
}

.compact-hero-panel .hero-metric {
    min-width: 132px;
    padding: 14px 16px;
}

.compact-hero-panel .hero-metric strong {
    font-size: 26px;
}

.compact-heading {
    margin-bottom: 14px;
}

.compact-summary-strip {
    margin-top: 10px;
}

.pagination-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 22px;
    flex-wrap: wrap;
}

.pagination-nav a,
.pagination-nav span {
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,0.10);
    background: rgba(255,255,255,0.025);
    color: var(--muted);
    text-decoration: none;
    font-size: 13px;
    font-weight: 850;
    transition: color 0.16s ease, border-color 0.16s ease, background 0.16s ease, transform 0.16s ease;
}

.pagination-nav a:hover,
.pagination-nav span.active {
    color: #041012;
    border-color: rgba(8, 212, 223, 0.65);
    background: var(--primary);
    transform: translateY(-1px);
}

.pagination-nav span.disabled {
    opacity: 0.35;
}

.chart-card canvas {
    width: 100% !important;
    height: 260px !important;
}

.chart-range-tabs {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px;
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: 999px;
    background: rgba(255,255,255,0.025);
}

.chart-range-button {
    min-height: 0;
    padding: 8px 12px;
    border-radius: 999px;
    color: var(--muted);
    background: transparent;
    border: 0;
    box-shadow: none;
    font-size: 13px;
}

.chart-range-button:hover,
.chart-range-button.active {
    color: #041012;
    background: var(--primary);
    box-shadow: 0 0 18px rgba(8, 212, 223, 0.18);
    transform: none;
}

.season-stat-grid {
    grid-template-columns: repeat(auto-fit, minmax(96px, 1fr));
    gap: 10px;
}

.season-stat-grid .stat-tile {
    padding: 12px 10px;
    min-height: 78px;
}

.season-stat-grid .stat-tile span {
    font-size: 12px;
}

.season-stat-grid .stat-tile strong {
    font-size: 18px;
}

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

.recent-game-item {
    display: grid;
    grid-template-columns: 120px 86px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    padding: 13px 14px;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,0.10);
    background: rgba(255,255,255,0.025);
}

.recent-game-main span,
.recent-game-points span {
    display: block;
    margin-bottom: 4px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 850;
}

.recent-game-main strong,
.recent-game-points strong {
    display: block;
    color: var(--text);
    font-size: 15px;
}

.recent-game-points strong {
    color: var(--primary);
}

.recent-game-detail {
    min-width: 0;
    text-align: left;
}

.recent-game-detail .detail-pill {
    margin: 2px;
    padding: 5px 7px;
    font-size: 11px;
}

.profile-info-list div {
    padding: 12px 0;
}

@media (max-width: 860px) {
    body.is-home-page {
        overflow: hidden;
    }

    .landing-hero h1 {
        font-size: clamp(46px, 14vw, 72px);
    }

    .landing-copy {
        font-size: 16px;
        margin-bottom: 28px;
    }

    .hero-primary,
    .hero-secondary {
        width: auto;
        min-width: 132px;
    }

    .profile-dropdown {
        width: min(210px, calc(100vw - 36px));
    }

    .recent-game-item {
        grid-template-columns: 1fr;
        align-items: start;
    }
}

@media (max-width: 640px) {
    .landing-actions {
        flex-direction: column;
        align-items: center;
    }

    .hero-primary,
    .hero-secondary {
        width: min(240px, 100%);
    }
}

/* ============================================================
   one-pass polish v4: compact dashboard, value colors, native controls
   ============================================================ */

.flash-wrap:empty {
    display: none;
}

/* Compact profile menu */
.profile-trigger {
    gap: 7px;
    padding: 5px 7px 5px 5px;
}

.profile-avatar {
    width: 34px;
    height: 34px;
}

.profile-avatar svg {
    width: 18px;
    height: 18px;
}

.profile-name {
    font-size: 13px;
    font-weight: 800;
}

.profile-chevron {
    font-size: 18px;
}

.profile-dropdown {
    width: 184px;
    top: calc(100% + 8px);
    padding: 6px 0;
    border-radius: 13px;
}

.profile-dropdown a {
    gap: 10px;
    padding: 11px 14px;
    font-size: 14px;
    font-weight: 750;
}

.menu-icon {
    width: 18px;
    font-size: 17px;
}

.profile-separator {
    margin: 4px 0;
}

/* Better dark controls */
input,
select,
textarea {
    min-height: 46px;
    color-scheme: dark;
    background-color: #05080b;
    border: 1px solid rgba(255,255,255,0.12);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.025);
}

select {
    appearance: none;
    -webkit-appearance: none;
    padding-right: 42px;
    background-image:
        linear-gradient(45deg, transparent 50%, var(--primary) 50%),
        linear-gradient(135deg, var(--primary) 50%, transparent 50%);
    background-position:
        calc(100% - 19px) 50%,
        calc(100% - 13px) 50%;
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
}

select option {
    color: var(--text);
    background: #0b0f13;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}

/* Global numeric meaning colors */
.score-positive,
.points.score-positive {
    color: var(--primary) !important;
    font-weight: 900;
}

.score-negative,
.points.score-negative {
    color: var(--danger) !important;
    font-weight: 900;
}

.score-zero,
.points.score-zero {
    color: var(--muted) !important;
    font-weight: 900;
}

.price-up {
    color: var(--primary) !important;
    font-weight: 900;
}

.price-down {
    color: var(--danger) !important;
    font-weight: 900;
}

.price-same {
    color: var(--muted) !important;
    font-weight: 900;
}

.trend-up {
    color: var(--success) !important;
    font-weight: 900;
}

.trend-down {
    color: var(--danger) !important;
    font-weight: 900;
}

.trend-same {
    color: var(--muted) !important;
    font-weight: 900;
}

/* My team compact layout */
.my-team-hero {
    padding: 24px 28px;
    margin-bottom: 18px;
}

.my-team-hero h1 {
    margin-bottom: 6px;
}

.single-line-copy {
    max-width: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.35;
}

.compact-dashboard-grid {
    gap: 16px;
    margin-bottom: 18px;
}

.compact-team-card,
.compact-stat-card {
    min-height: 142px;
    padding: 20px 22px;
}

.compact-team-card .section-heading {
    margin-bottom: 18px;
}

.compact-team-card h2 {
    font-size: 28px;
}

.compact-actions .button-link {
    padding: 10px 14px;
    border-radius: 12px;
}

.compact-stat-card span,
.compact-score-summary-grid .score-summary-item span {
    font-size: 12px;
    margin-bottom: 7px;
}

.compact-stat-card strong {
    font-size: 30px;
    line-height: 1.05;
}

.compact-stat-card small {
    color: var(--muted);
    font-weight: 850;
}

.compact-score-card {
    padding: 22px 24px;
}

.compact-score-card h2 {
    font-size: 24px;
}

.compact-score-summary-grid {
    gap: 14px;
    margin-bottom: 18px;
}

.compact-score-summary-grid .score-summary-item {
    padding: 16px 18px;
    min-height: 112px;
}

.compact-score-summary-grid .score-summary-item strong {
    font-size: 30px;
    line-height: 1.08;
}

.compact-empty-state {
    padding: 22px;
}

.full-chart-card {
    min-height: 360px;
    padding: 18px;
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: 18px;
    background: rgba(255,255,255,0.018);
}

.total-score-chart-card canvas,
#teamTotalScoreChart {
    width: 100% !important;
    height: 260px !important;
}

.compact-data-table th,
.compact-data-table td {
    padding: 12px 14px;
}

/* More compact generic cards after the redesign */
.content-card {
    margin-bottom: 18px;
}

.dashboard-grid {
    grid-template-columns: minmax(300px, 1.45fr) repeat(3, minmax(180px, 0.72fr));
}

.hero-panel.compact-hero-panel {
    padding: 24px 28px;
}

.hero-panel.compact-hero-panel h1 {
    margin-bottom: 0;
}

/* Player detail readability */
.recent-game-points strong.score-negative {
    color: var(--danger) !important;
}

.recent-game-points strong.score-zero {
    color: var(--muted) !important;
}

.price-history-item .price-up,
.price-history-item .price-down,
.price-history-item .price-same {
    font-size: 18px;
}

.chart-card canvas {
    cursor: crosshair;
}

/* Player cards: keep cards cleaner without long price-reason text */
.player-card-v2 {
    min-height: 210px;
}

.mini-stat-grid strong.trend-up,
.mini-stat-grid strong.trend-down,
.mini-stat-grid strong.trend-same {
    font-size: 18px;
}

/* Ranking/user-ranking cards compact */
.podium-wrap {
    margin: 24px 0;
}

.podium-card {
    padding: 28px 18px 18px;
}

.podium-card strong.score-positive,
.podium-card strong.score-negative,
.podium-card strong.score-zero {
    font-size: 28px;
}

@media (max-width: 1180px) {
    .dashboard-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 860px) {
    .profile-dropdown {
        width: min(184px, calc(100vw - 36px));
    }

    .single-line-copy {
        white-space: normal;
    }
}

@media (max-width: 640px) {
    .compact-dashboard-grid,
    .dashboard-grid,
    .compact-score-summary-grid {
        grid-template-columns: 1fr;
    }

    .compact-team-card,
    .compact-stat-card {
        min-height: auto;
    }
}


/* Fully custom select dropdowns: native option popups cannot be themed reliably on macOS/Chrome. */
.form-field {
    position: relative;
}

.select-native-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    left: 0 !important;
    bottom: 0 !important;
}

.custom-select {
    position: relative;
    width: 100%;
    z-index: 4;
}

.custom-select.is-open {
    z-index: 80;
}

.custom-select-trigger {
    width: 100%;
    min-height: 46px;
    padding: 0 42px 0 14px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,0.14);
    background: #05080b;
    color: var(--text);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.025);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: -0.02em;
}

.custom-select-trigger:hover,
.custom-select.is-open .custom-select-trigger {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(0, 217, 255, 0.12), inset 0 1px 0 rgba(255,255,255,0.03);
    transform: none;
}

.custom-select-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.custom-select-arrow {
    position: absolute;
    right: 15px;
    top: 50%;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 8px solid var(--primary);
    transform: translateY(-35%);
    transition: transform 0.16s ease;
}

.custom-select.is-open .custom-select-arrow {
    transform: translateY(-60%) rotate(180deg);
}

.custom-select-menu {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 8px);
    max-height: 310px;
    overflow: auto;
    padding: 7px;
    border-radius: 16px;
    border: 1px solid rgba(0, 217, 255, 0.38);
    background: linear-gradient(180deg, #071118, #04080d);
    box-shadow: 0 22px 54px rgba(0,0,0,0.58), 0 0 0 1px rgba(255,255,255,0.035) inset;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px) scale(0.985);
    transform-origin: top;
    transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s ease;
}

.custom-select.is-open .custom-select-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
}

.custom-select-option {
    width: 100%;
    min-height: 38px;
    padding: 9px 11px;
    border-radius: 11px;
    background: transparent;
    color: rgba(255,255,255,0.86);
    box-shadow: none;
    display: flex;
    justify-content: flex-start;
    font-size: 14px;
    font-weight: 800;
    text-align: left;
}

.custom-select-option:hover,
.custom-select-option.is-selected {
    color: #06101f;
    background: linear-gradient(135deg, var(--primary), #62f0ff);
    transform: none;
    box-shadow: 0 10px 28px rgba(0, 217, 255, 0.16);
}

.custom-select-option.is-selected::before {
    content: '✓';
    margin-right: 8px;
    font-weight: 950;
}

.custom-select-menu::-webkit-scrollbar {
    width: 8px;
}

.custom-select-menu::-webkit-scrollbar-thumb {
    background: rgba(0, 217, 255, 0.28);
    border-radius: 999px;
}

.player-price-reason {
    margin-top: 13px;
    padding-top: 12px;
    border-top: 1px solid rgba(255,255,255,0.08);
    font-size: 16px;
    font-weight: 950;
    letter-spacing: -0.03em;
}


/* ============================================================
   MyPick final home landing polish
   ============================================================ */
body.is-home-page {
    height: 100svh;
    min-height: 100svh;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 48%, rgba(0, 217, 255, 0.08), transparent 30%),
        radial-gradient(circle at 18% 82%, rgba(48, 94, 255, 0.10), transparent 30%),
        #020607;
    font-family: "Pretendard", "SUIT", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
}

body.is-home-page::before {
    opacity: 0.34;
    background-image:
        linear-gradient(rgba(255,255,255,0.018) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.018) 1px, transparent 1px);
    background-size: 52px 52px;
    mask-image: radial-gradient(circle at 50% 50%, black, transparent 76%);
}

body.is-home-page::after {
    content: "";
    position: fixed;
    inset: -25%;
    pointer-events: none;
    background:
        conic-gradient(from 140deg at 50% 50%, transparent 0deg, rgba(0, 217, 255, 0.055) 35deg, transparent 80deg, transparent 180deg, rgba(53, 94, 255, 0.045) 222deg, transparent 270deg, transparent 360deg);
    filter: blur(34px);
    opacity: 0.52;
    animation: mypickSweep 18s ease-in-out infinite alternate;
}

.home-page-wrap {
    width: 100%;
    height: 100svh;
    max-width: none;
    padding: 0;
    overflow: hidden;
}

.landing-hero {
    position: relative;
    width: 100%;
    height: 100svh;
    min-height: 100svh;
    max-height: 100svh;
    padding: clamp(18px, 3vh, 34px) clamp(18px, 4vw, 56px);
    border: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    isolation: isolate;
    background: transparent;
}

.landing-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -5;
    background:
        radial-gradient(circle at 50% 45%, rgba(0, 217, 255, 0.10), transparent 24%),
        radial-gradient(circle at 50% 110%, rgba(0, 217, 255, 0.07), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,0.018), transparent 32%, rgba(0,0,0,0.22));
}

.landing-hero::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 52%;
    z-index: -4;
    width: min(780px, 72vw);
    height: min(780px, 72vw);
    border-radius: 999px;
    border: 1px solid rgba(0, 217, 255, 0.09);
    transform: translate(-50%, -50%);
    box-shadow:
        inset 0 0 80px rgba(0, 217, 255, 0.025),
        0 0 140px rgba(0, 217, 255, 0.045);
    animation: mypickPulse 7s ease-in-out infinite;
}

.landing-auth {
    position: absolute;
    top: clamp(18px, 3vh, 30px);
    right: clamp(18px, 4vw, 52px);
    z-index: 4;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    animation: mypickFadeDown 0.8s ease both;
}

.landing-auth-link,
.landing-auth-cta {
    min-height: 38px;
    padding: 0 15px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: -0.03em;
    transition: transform 0.18s ease, color 0.18s ease, border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.landing-auth-link {
    color: rgba(255,255,255,0.62);
    background: rgba(255,255,255,0.025);
    border: 1px solid rgba(255,255,255,0.06);
}

.landing-auth-link:hover {
    color: var(--text);
    transform: translateY(-1px);
    border-color: rgba(0, 217, 255, 0.20);
    background: rgba(255,255,255,0.045);
}

.landing-auth-cta {
    color: #031015;
    background: linear-gradient(135deg, var(--primary), #5df0ff);
    border: 1px solid rgba(255,255,255,0.14);
    box-shadow: 0 14px 36px rgba(0, 217, 255, 0.22);
}

.landing-auth-cta.ghost {
    color: rgba(255,255,255,0.72);
    background: rgba(255,255,255,0.035);
    border: 1px solid rgba(255,255,255,0.10);
    box-shadow: none;
}

.landing-auth-cta:hover {
    transform: translateY(-1px);
    box-shadow: 0 18px 44px rgba(0, 217, 255, 0.30);
}

.landing-auth-cta.ghost:hover {
    color: var(--text);
    border-color: rgba(0, 217, 255, 0.24);
    box-shadow: 0 12px 30px rgba(0, 217, 255, 0.08);
}

.landing-light,
.landing-orbit {
    position: absolute;
    pointer-events: none;
    z-index: -3;
}

.landing-light {
    border-radius: 999px;
    filter: blur(34px);
    opacity: 0.82;
    mix-blend-mode: screen;
}

.landing-light-one {
    width: 42vw;
    height: 42vw;
    min-width: 360px;
    min-height: 360px;
    left: 50%;
    top: 48%;
    background: rgba(0, 217, 255, 0.095);
    transform: translate(-50%, -50%);
    animation: mypickGlowOne 10s ease-in-out infinite alternate;
}

.landing-light-two {
    width: 26vw;
    height: 26vw;
    min-width: 260px;
    min-height: 260px;
    right: 8%;
    top: 16%;
    background: rgba(60, 111, 255, 0.085);
    animation: mypickGlowTwo 13s ease-in-out infinite alternate;
}

.landing-light-three {
    width: 24vw;
    height: 24vw;
    min-width: 240px;
    min-height: 240px;
    left: 7%;
    bottom: 4%;
    background: rgba(0, 255, 202, 0.045);
    animation: mypickGlowThree 15s ease-in-out infinite alternate;
}

.landing-orbit {
    left: 50%;
    top: 52%;
    border-radius: 999px;
    border: 1px solid rgba(0, 217, 255, 0.07);
    transform: translate(-50%, -50%) rotate(-8deg);
}

.landing-orbit-one {
    width: min(920px, 82vw);
    height: min(280px, 28vw);
    animation: mypickOrbit 20s linear infinite;
}

.landing-orbit-two {
    width: min(720px, 68vw);
    height: min(210px, 22vw);
    border-color: rgba(255,255,255,0.045);
    animation: mypickOrbitReverse 26s linear infinite;
}

.landing-hero-inner {
    position: relative;
    z-index: 2;
    width: min(760px, calc(100% - 32px));
    padding: 0;
    text-align: center;
    transform: translateY(-1.5vh);
    animation: mypickHeroIn 0.86s cubic-bezier(.2,.85,.2,1) both;
}

.landing-eyebrow {
    margin: 0 0 16px;
    color: var(--primary);
    font-size: clamp(11px, 1.2vw, 13px);
    font-weight: 850;
    letter-spacing: 0.19em;
    text-transform: uppercase;
    text-shadow: 0 0 28px rgba(0, 217, 255, 0.20);
    animation: mypickSoftBlink 4.5s ease-in-out infinite;
}

.landing-hero h1 {
    margin: 0;
    color: var(--text);
    font-family: Inter, "Pretendard", "SUIT", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
    font-size: clamp(54px, 8.2vw, 88px);
    font-weight: 850;
    line-height: 0.94;
    letter-spacing: -0.065em;
    text-shadow:
        0 0 26px rgba(0, 217, 255, 0.12),
        0 24px 70px rgba(0,0,0,0.42);
}

.landing-copy {
    width: min(620px, 100%);
    margin: 24px auto 34px;
    color: rgba(255,255,255,0.66);
    font-size: clamp(16px, 1.55vw, 20px);
    font-weight: 600;
    line-height: 1.62;
    letter-spacing: -0.035em;
    word-break: keep-all;
}

.landing-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    animation: mypickActionsIn 1.02s 0.12s cubic-bezier(.2,.85,.2,1) both;
}

.hero-primary,
.hero-secondary {
    min-width: 138px;
    min-height: 46px;
    padding: 12px 20px;
    border-radius: 15px;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: -0.025em;
}

.hero-primary {
    color: #031015;
    background: linear-gradient(135deg, var(--primary), #65efff);
    box-shadow: 0 18px 48px rgba(0, 217, 255, 0.22), inset 0 1px 0 rgba(255,255,255,0.30);
}

.hero-secondary {
    color: rgba(255,255,255,0.82);
    background: rgba(255,255,255,0.045);
    border: 1px solid rgba(255,255,255,0.12);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}

.hero-primary:hover,
.hero-secondary:hover {
    transform: translateY(-3px);
}

.hero-primary:hover {
    box-shadow: 0 24px 58px rgba(0, 217, 255, 0.30), inset 0 1px 0 rgba(255,255,255,0.34);
}

.hero-secondary:hover {
    color: var(--text);
    border-color: rgba(0, 217, 255, 0.30);
    background: rgba(0, 217, 255, 0.07);
    box-shadow: 0 16px 42px rgba(0, 217, 255, 0.10), inset 0 1px 0 rgba(255,255,255,0.05);
}

.hero-primary span {
    font-size: 22px;
    line-height: 0;
    transform: translateY(-1px);
}

@keyframes mypickHeroIn {
    from { opacity: 0; transform: translateY(16px) scale(0.985); filter: blur(4px); }
    to { opacity: 1; transform: translateY(-1.5vh) scale(1); filter: blur(0); }
}

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

@keyframes mypickFadeDown {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes mypickGlowOne {
    from { transform: translate(-52%, -52%) scale(0.95); opacity: 0.58; }
    to { transform: translate(-46%, -47%) scale(1.08); opacity: 0.92; }
}

@keyframes mypickGlowTwo {
    from { transform: translate(0, 0) scale(0.96); opacity: 0.42; }
    to { transform: translate(-10vw, 8vh) scale(1.08); opacity: 0.78; }
}

@keyframes mypickGlowThree {
    from { transform: translate(0, 0) scale(0.94); opacity: 0.30; }
    to { transform: translate(8vw, -5vh) scale(1.05); opacity: 0.54; }
}

@keyframes mypickPulse {
    0%, 100% { opacity: 0.38; transform: translate(-50%, -50%) scale(0.98); }
    50% { opacity: 0.70; transform: translate(-50%, -50%) scale(1.04); }
}

@keyframes mypickSweep {
    from { transform: translate3d(-2%, -1%, 0) rotate(0deg); }
    to { transform: translate3d(2%, 1%, 0) rotate(12deg); }
}

@keyframes mypickOrbit {
    from { transform: translate(-50%, -50%) rotate(-8deg); }
    to { transform: translate(-50%, -50%) rotate(352deg); }
}

@keyframes mypickOrbitReverse {
    from { transform: translate(-50%, -50%) rotate(18deg); }
    to { transform: translate(-50%, -50%) rotate(-342deg); }
}

@keyframes mypickSoftBlink {
    0%, 100% { opacity: 0.72; }
    50% { opacity: 1; }
}

@media (max-width: 760px) {
    .landing-auth {
        top: 16px;
        right: 16px;
        gap: 7px;
    }

    .landing-auth-link,
    .landing-auth-cta {
        min-height: 34px;
        padding: 0 11px;
        border-radius: 12px;
        font-size: 12px;
    }

    .landing-hero-inner {
        width: min(560px, calc(100% - 24px));
        transform: translateY(0);
    }

    .landing-eyebrow {
        margin-bottom: 12px;
        font-size: 10px;
        letter-spacing: 0.14em;
    }

    .landing-hero h1 {
        font-size: clamp(48px, 18vw, 70px);
        letter-spacing: -0.065em;
    }

    .landing-copy {
        margin: 20px auto 28px;
        font-size: 15px;
        line-height: 1.55;
    }

    .landing-actions {
        gap: 9px;
    }

    .hero-primary,
    .hero-secondary {
        min-width: 126px;
        min-height: 43px;
        padding: 11px 16px;
        border-radius: 14px;
        font-size: 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.is-home-page::after,
    .landing-light,
    .landing-orbit,
    .landing-hero::after,
    .landing-eyebrow,
    .landing-auth,
    .landing-hero-inner,
    .landing-actions {
        animation: none !important;
    }
}


/* ============================================================
   Ranking page polish: glass board, refined rank chips, motion tabs
   ============================================================ */
body:not(.is-home-page) {
    background:
        radial-gradient(circle at 14% 4%, rgba(8, 212, 223, 0.135), transparent 34%),
        radial-gradient(circle at 86% 8%, rgba(74, 144, 255, 0.09), transparent 36%),
        linear-gradient(180deg, #071012 0%, #0a1417 46%, #071012 100%);
}

body:not(.is-home-page)::before {
    opacity: 0.42;
}

.ranking-page-shell {
    position: relative;
    isolation: isolate;
}

.ranking-page-shell::before,
.ranking-page-shell::after {
    content: "";
    position: fixed;
    pointer-events: none;
    z-index: -1;
    border-radius: 999px;
    filter: blur(10px);
    animation: rankingGlowFloat 12s ease-in-out infinite alternate;
}

.ranking-page-shell::before {
    width: 420px;
    height: 420px;
    left: -180px;
    top: 110px;
    background: radial-gradient(circle, rgba(8, 212, 223, 0.16), transparent 68%);
}

.ranking-page-shell::after {
    width: 360px;
    height: 360px;
    right: -130px;
    bottom: 12%;
    background: radial-gradient(circle, rgba(84, 236, 255, 0.095), transparent 70%);
    animation-delay: -4s;
}

@keyframes rankingGlowFloat {
    from { transform: translate3d(0, 0, 0) scale(0.96); opacity: 0.72; }
    to { transform: translate3d(34px, -26px, 0) scale(1.05); opacity: 1; }
}

.ranking-reveal {
    opacity: 0;
    transform: translateY(18px) scale(0.992);
    animation: rankingPanelIn 0.72s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    animation-delay: calc(var(--reveal-index, 0) * 70ms);
}

@keyframes rankingPanelIn {
    to { opacity: 1; transform: translateY(0) scale(1); }
}

.rankings-hero-panel,
.ranking-filter-card,
.ranking-board-card {
    border-color: rgba(255, 255, 255, 0.095) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.026)),
        rgba(8, 16, 19, 0.58) !important;
    backdrop-filter: blur(26px) saturate(128%);
    -webkit-backdrop-filter: blur(26px) saturate(128%);
    box-shadow: 0 24px 80px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.055) !important;
}

.rankings-hero-panel {
    padding: 22px 26px;
}

.rankings-hero-panel h1 {
    font-size: clamp(30px, 3.2vw, 44px);
    letter-spacing: -0.055em;
}

.ranking-count-card {
    background: rgba(255,255,255,0.045) !important;
    backdrop-filter: blur(18px);
}

.ranking-board-card {
    padding: 20px;
}

.ranking-board-heading {
    margin-bottom: 8px;
}

.ranking-table-wrap {
    overflow-x: auto;
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
}

.ranking-table-modern {
    min-width: 1000px;
    border-collapse: separate;
    border-spacing: 0 10px;
}

.ranking-table-modern thead th {
    padding: 8px 14px 10px;
    color: rgba(226, 232, 240, 0.48);
    background: transparent !important;
    border: 0;
    font-size: 11px;
    letter-spacing: 0.055em;
}

.ranking-table-modern tbody tr {
    opacity: 0;
    transform: translateY(14px) scale(0.992);
    animation: rankingRowIn 0.56s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    animation-delay: calc(170ms + min(var(--row-index, 0), 18) * 34ms);
}

@keyframes rankingRowIn {
    to { opacity: 1; transform: translateY(0) scale(1); }
}

.ranking-table-modern td {
    padding: 13px 14px;
    background: rgba(255, 255, 255, 0.041) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.075);
    border-bottom: 1px solid rgba(255, 255, 255, 0.075);
    box-shadow: 0 12px 28px rgba(0,0,0,0.12);
    transition: background 0.22s ease, border-color 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease;
}

.ranking-table-modern tr td:first-child {
    border-left: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 18px 0 0 18px;
}

.ranking-table-modern tr td:last-child {
    border-right: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 0 18px 18px 0;
}

.ranking-table-modern tbody tr:hover td {
    background: rgba(8, 212, 223, 0.066) !important;
    border-color: rgba(8, 212, 223, 0.24);
    box-shadow: 0 16px 38px rgba(0,0,0,0.18);
}

.ranking-table-modern tbody tr:hover td:first-child {
    transform: translateX(2px);
}

.ranking-row.rank-1 td,
.ranking-row.rank-2 td,
.ranking-row.rank-3 td {
    background: rgba(255, 255, 255, 0.048) !important;
}

.ranking-player-cell .uniform-sm {
    width: 36px;
    height: 48px;
    filter: drop-shadow(0 8px 14px rgba(0,0,0,0.25));
}

.ranking-player-cell .player-link {
    font-size: 15px;
    letter-spacing: -0.025em;
}

.season-total-cell {
    color: #ffffff;
    font-weight: 950;
}

.rank-chip {
    min-width: 50px;
    height: 32px;
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: rgba(226, 232, 240, 0.76);
    background: rgba(255,255,255,0.048);
    border: 1px solid rgba(255,255,255,0.085);
    font-size: 12px;
    font-weight: 920;
    letter-spacing: 0.045em;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
}

.rank-chip.rank-top {
    color: #eaffff;
    border-color: rgba(8, 212, 223, 0.22);
    background:
        linear-gradient(135deg, rgba(8, 212, 223, 0.12), rgba(255,255,255,0.045));
    box-shadow: 0 0 22px rgba(8, 212, 223, 0.105), inset 0 1px 0 rgba(255,255,255,0.07);
}

.rank-chip.rank-one {
    color: #fff7da;
    border-color: rgba(255, 210, 106, 0.28);
    background: linear-gradient(135deg, rgba(255, 210, 106, 0.14), rgba(8, 212, 223, 0.085));
    box-shadow: 0 0 24px rgba(255, 210, 106, 0.105), inset 0 1px 0 rgba(255,255,255,0.08);
}

.rank-chip.rank-two {
    color: #f0f7ff;
    border-color: rgba(199, 220, 238, 0.22);
}

.rank-chip.rank-three {
    color: #ffe2c5;
    border-color: rgba(232, 151, 82, 0.22);
}

.rank-medal,
.rank-number {
    min-width: 50px;
    width: auto;
    height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    color: rgba(226, 232, 240, 0.76);
    background: rgba(255,255,255,0.048);
    border: 1px solid rgba(255,255,255,0.085);
    font-size: 12px;
    letter-spacing: 0.045em;
    box-shadow: none;
}

.rank-medal.gold,
.rank-medal.silver,
.rank-medal.bronze {
    color: #eaffff;
    background: rgba(255,255,255,0.05);
}

/* Sliding active indicator for connected button groups */
.main-nav,
.tab-nav,
.chart-range-tabs {
    position: relative;
    isolation: isolate;
}

.motion-tab-group {
    --motion-x: 0px;
    --motion-w: 0px;
    --motion-h: 0px;
}

.motion-tab-group .motion-tab-indicator {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 50%;
    width: var(--motion-w);
    height: var(--motion-h);
    border-radius: 18px;
    opacity: 0;
    transform: translate3d(var(--motion-x), -50%, 0) scale(0.985);
    background: rgba(8, 212, 223, 0.105);
    border: 1px solid rgba(8, 212, 223, 0.22);
    box-shadow: 0 0 28px rgba(8, 212, 223, 0.12);
    transition: transform 0.34s cubic-bezier(0.16, 1, 0.3, 1), width 0.34s cubic-bezier(0.16, 1, 0.3, 1), height 0.34s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.18s ease, background 0.18s ease;
}

.motion-tab-group.motion-ready .motion-tab-indicator {
    opacity: 1;
}

.motion-tab-group.motion-preview .motion-tab-indicator {
    background: rgba(255,255,255,0.055);
    border-color: rgba(255,255,255,0.10);
    box-shadow: none;
}

.motion-tab-group > a,
.motion-tab-group > button {
    position: relative;
    z-index: 1;
    background: transparent !important;
    transition: color 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
}

.motion-tab-group > a.active,
.motion-tab-group > button.active {
    color: var(--primary) !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.motion-tab-group > a:hover,
.motion-tab-group > button:hover {
    transform: translateY(-1px);
}

.page-is-leaving .page-wrap {
    opacity: 0.72;
    transform: translateY(4px);
    transition: opacity 0.16s ease, transform 0.16s ease;
}

@media (prefers-reduced-motion: reduce) {
    .ranking-reveal,
    .ranking-table-modern tbody tr,
    .ranking-page-shell::before,
    .ranking-page-shell::after {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }

    .motion-tab-group .motion-tab-indicator,
    .motion-tab-group > a,
    .motion-tab-group > button {
        transition: none !important;
    }
}

@media (max-width: 860px) {
    .ranking-board-card {
        padding: 14px;
    }

    .ranking-table-modern {
        min-width: 900px;
    }
}

/* ============================================================
   Ranking page refinement v2: calmer glass, aligned player info,
   softer numeric style, stronger smooth hover
   ============================================================ */
body:not(.is-home-page) {
    background:
        radial-gradient(circle at 18% 0%, rgba(8, 212, 223, 0.045), transparent 30%),
        radial-gradient(circle at 86% 8%, rgba(56, 189, 248, 0.045), transparent 34%),
        linear-gradient(180deg, #071012 0%, #091316 44%, #060d10 100%);
}

.ranking-page-shell::before {
    width: 330px;
    height: 330px;
    left: -185px;
    top: 150px;
    background: radial-gradient(circle, rgba(8, 212, 223, 0.065), transparent 72%);
    filter: blur(18px);
    opacity: 0.56;
}

.ranking-page-shell::after {
    width: 320px;
    height: 320px;
    right: -150px;
    bottom: 16%;
    background: radial-gradient(circle, rgba(91, 203, 255, 0.052), transparent 72%);
    filter: blur(18px);
    opacity: 0.62;
}

.rankings-hero-panel,
.ranking-filter-card,
.ranking-board-card {
    background:
        linear-gradient(180deg, rgba(255,255,255,0.042), rgba(255,255,255,0.018)),
        rgba(5, 13, 16, 0.54) !important;
    border-color: rgba(255,255,255,0.082) !important;
    box-shadow:
        0 28px 90px rgba(0,0,0,0.24),
        inset 0 1px 0 rgba(255,255,255,0.045) !important;
}

.ranking-board-card {
    overflow: hidden;
}

.ranking-table-modern {
    border-spacing: 0 12px;
}

.ranking-table-modern thead th {
    color: rgba(226, 232, 240, 0.43);
    font-weight: 850;
}

.ranking-table-modern tbody tr {
    transition: transform 0.36s cubic-bezier(0.16, 1, 0.3, 1), filter 0.36s ease;
}

.ranking-table-modern tbody tr:hover {
    transform: translateY(-4px);
    filter: drop-shadow(0 18px 34px rgba(0, 0, 0, 0.18));
}

.ranking-table-modern td {
    padding: 12px 14px;
    background: rgba(255, 255, 255, 0.034) !important;
    border-top-color: rgba(255,255,255,0.064);
    border-bottom-color: rgba(255,255,255,0.064);
    box-shadow: 0 12px 28px rgba(0,0,0,0.10);
    transition:
        background 0.34s cubic-bezier(0.16, 1, 0.3, 1),
        border-color 0.34s cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 0.34s cubic-bezier(0.16, 1, 0.3, 1),
        transform 0.34s cubic-bezier(0.16, 1, 0.3, 1);
}

.ranking-table-modern tbody tr:hover td {
    background:
        linear-gradient(180deg, rgba(255,255,255,0.062), rgba(255,255,255,0.034)),
        rgba(8, 212, 223, 0.052) !important;
    border-color: rgba(80, 222, 236, 0.25);
    box-shadow:
        0 24px 52px rgba(0,0,0,0.20),
        inset 0 1px 0 rgba(255,255,255,0.062);
}

.ranking-table-modern tbody tr:hover td:first-child {
    transform: none;
}

.ranking-table-modern tbody tr:hover .uniform-sm {
    transform: translateY(-2px) scale(1.025);
    filter: drop-shadow(0 12px 18px rgba(0,0,0,0.32));
}

.ranking-table-modern tbody tr:hover .rank-chip {
    border-color: rgba(103, 232, 249, 0.32);
    background: rgba(103, 232, 249, 0.08);
    color: rgba(236, 254, 255, 0.94);
}

.ranking-table-modern th:nth-child(2),
.ranking-table-modern td:nth-child(2) {
    text-align: left;
    min-width: 235px;
}

.ranking-player-cell {
    gap: 18px;
    justify-content: flex-start;
    min-width: 220px;
}

.ranking-player-cell .uniform-sm {
    width: 34px;
    height: 46px;
    flex: 0 0 auto;
    transition: transform 0.34s cubic-bezier(0.16, 1, 0.3, 1), filter 0.34s ease;
}

.ranking-player-meta {
    min-width: 104px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    line-height: 1.08;
}

.ranking-player-cell .player-link {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    color: rgba(248, 250, 252, 0.94);
    font-size: 15px;
    font-weight: 890;
    letter-spacing: -0.04em;
    white-space: nowrap;
}

.ranking-player-number {
    color: rgba(148, 163, 184, 0.74);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.055em;
    text-transform: uppercase;
}

.rank-chip {
    min-width: 48px;
    height: 30px;
    color: rgba(226, 232, 240, 0.72);
    background: rgba(255,255,255,0.036);
    border-color: rgba(255,255,255,0.076);
    font-size: 11px;
    font-weight: 880;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.035);
}

.rank-chip.rank-top,
.rank-chip.rank-one,
.rank-chip.rank-two,
.rank-chip.rank-three {
    color: rgba(239, 246, 255, 0.9);
    border-color: rgba(103, 232, 249, 0.20);
    background:
        linear-gradient(135deg, rgba(103, 232, 249, 0.086), rgba(255,255,255,0.032));
    box-shadow:
        0 0 22px rgba(8, 212, 223, 0.072),
        inset 0 1px 0 rgba(255,255,255,0.055);
}

.rank-chip.rank-one {
    border-color: rgba(232, 202, 123, 0.24);
    background:
        linear-gradient(135deg, rgba(232, 202, 123, 0.10), rgba(103, 232, 249, 0.058));
}

.season-total-cell,
.ranking-table-modern .season-total-cell {
    color: rgba(248, 250, 252, 0.94) !important;
    font-size: 14px;
    font-weight: 820;
    letter-spacing: -0.02em;
    text-shadow: none;
}

.ranking-table-modern .points,
.ranking-table-modern .points.score-positive {
    color: #9debf1 !important;
    font-size: 14px;
    font-weight: 850;
    letter-spacing: -0.015em;
    text-shadow: none;
}

.ranking-table-modern .points.score-negative {
    color: #fb7185 !important;
}

.ranking-table-modern .points.score-zero {
    color: rgba(148, 163, 184, 0.74) !important;
}

.ranking-table-modern td strong {
    font-size: 14px;
    font-weight: 820;
    color: rgba(248, 250, 252, 0.92);
}

@media (max-width: 860px) {
    .ranking-player-cell {
        gap: 14px;
        min-width: 190px;
    }

    .ranking-player-meta {
        min-width: 86px;
    }
}

/* ============================================================
   Ranking/detail final refinement: tighter ranking rows and
   consistent transparent MyPick glass detail pages
   ============================================================ */
.ranking-table-modern {
    width: 100%;
    min-width: 1080px;
    table-layout: fixed;
    border-spacing: 0 10px;
}

.ranking-table-modern th:nth-child(1),
.ranking-table-modern td:nth-child(1) { width: 8%; }
.ranking-table-modern th:nth-child(2),
.ranking-table-modern td:nth-child(2) { width: 23%; }
.ranking-table-modern th:nth-child(3),
.ranking-table-modern td:nth-child(3) { width: 8%; }
.ranking-table-modern th:nth-child(4),
.ranking-table-modern td:nth-child(4) { width: 9%; }
.ranking-table-modern th:nth-child(5),
.ranking-table-modern td:nth-child(5) { width: 12%; }
.ranking-table-modern th:nth-child(6),
.ranking-table-modern td:nth-child(6) { width: 11%; }
.ranking-table-modern th:nth-child(7),
.ranking-table-modern td:nth-child(7) { width: 13%; }
.ranking-table-modern th:nth-child(8),
.ranking-table-modern td:nth-child(8) { width: 16%; }

.ranking-table-modern thead th {
    padding: 7px 10px 8px;
}

.ranking-table-modern td {
    padding: 10px 10px;
    vertical-align: middle;
}

.ranking-player-cell {
    gap: 12px !important;
    min-width: 0 !important;
    max-width: 100%;
}

.ranking-player-cell .uniform-sm {
    width: 32px !important;
    height: 42px !important;
}

.ranking-player-meta {
    min-width: 0 !important;
    max-width: 150px;
}

.ranking-player-cell .player-link {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px !important;
    font-weight: 860 !important;
}

.ranking-player-number {
    color: rgba(171, 184, 199, 0.72) !important;
    font-size: 10px !important;
    font-weight: 760 !important;
    letter-spacing: 0.035em !important;
}

.ranking-table-modern td strong,
.season-total-cell,
.ranking-table-modern .season-total-cell,
.ranking-table-modern .points,
.ranking-table-modern .points.score-positive {
    font-size: 13.5px !important;
    font-weight: 760 !important;
    letter-spacing: -0.015em;
}

.ranking-table-modern .points,
.ranking-table-modern .points.score-positive {
    color: #a7eef2 !important;
}

.ranking-table-modern tbody tr:hover {
    transform: translateY(-5px) scale(1.003);
    filter: drop-shadow(0 22px 42px rgba(0, 0, 0, 0.22));
}

.ranking-table-modern tbody tr:hover td {
    background:
        linear-gradient(180deg, rgba(255,255,255,0.074), rgba(255,255,255,0.036)),
        rgba(72, 218, 232, 0.06) !important;
    border-color: rgba(134, 239, 253, 0.28);
    box-shadow:
        0 26px 58px rgba(0,0,0,0.22),
        inset 0 1px 0 rgba(255,255,255,0.075);
}

/* Player detail shell */
.player-detail-shell {
    position: relative;
    isolation: isolate;
}

.player-detail-shell::before,
.player-detail-shell::after {
    content: "";
    position: fixed;
    pointer-events: none;
    z-index: -1;
    border-radius: 999px;
    filter: blur(22px);
    animation: rankingGlowFloat 13s ease-in-out infinite alternate;
}

.player-detail-shell::before {
    width: 360px;
    height: 360px;
    left: -170px;
    top: 170px;
    background: radial-gradient(circle, rgba(8, 212, 223, 0.058), transparent 72%);
    opacity: 0.58;
}

.player-detail-shell::after {
    width: 330px;
    height: 330px;
    right: -145px;
    bottom: 13%;
    background: radial-gradient(circle, rgba(78, 201, 255, 0.05), transparent 72%);
    opacity: 0.62;
    animation-delay: -4s;
}

.detail-reveal {
    opacity: 0;
    transform: translateY(18px) scale(0.992);
    animation: detailPanelIn 0.72s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    animation-delay: calc(var(--detail-index, 0) * 75ms);
}

@keyframes detailPanelIn {
    to { opacity: 1; transform: translateY(0) scale(1); }
}

.player-detail-shell .content-card {
    background:
        linear-gradient(180deg, rgba(255,255,255,0.042), rgba(255,255,255,0.018)),
        rgba(5, 13, 16, 0.56) !important;
    border-color: rgba(255,255,255,0.082) !important;
    box-shadow:
        0 28px 90px rgba(0,0,0,0.23),
        inset 0 1px 0 rgba(255,255,255,0.045) !important;
    backdrop-filter: blur(24px) saturate(126%);
    -webkit-backdrop-filter: blur(24px) saturate(126%);
    transition:
        transform 0.34s cubic-bezier(0.16, 1, 0.3, 1),
        border-color 0.34s ease,
        background 0.34s ease,
        box-shadow 0.34s ease;
}

.player-detail-shell .content-card:hover {
    transform: translateY(-3px);
    border-color: rgba(134, 239, 253, 0.22) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.057), rgba(255,255,255,0.024)),
        rgba(7, 17, 21, 0.60) !important;
    box-shadow:
        0 32px 92px rgba(0,0,0,0.27),
        0 0 28px rgba(8, 212, 223, 0.045),
        inset 0 1px 0 rgba(255,255,255,0.062) !important;
}

.player-hero-detail {
    padding: 24px 28px !important;
    gap: 20px !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
}

.player-hero-detail .uniform-lg {
    width: 92px;
    height: 122px;
    filter: drop-shadow(0 14px 22px rgba(0,0,0,0.28));
}

.player-hero-detail .uniform-lg .uniform-number {
    font-size: 24px;
}

.player-hero-info h1 {
    margin: 8px 0 12px !important;
    font-size: clamp(36px, 4.2vw, 58px);
    letter-spacing: -0.065em;
    line-height: 0.98;
}

.player-meta-line {
    gap: 8px !important;
}

.player-meta-line span {
    padding: 7px 10px !important;
    border-radius: 13px !important;
    color: rgba(226, 232, 240, 0.88) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.058), rgba(255,255,255,0.022)),
        rgba(8, 18, 23, 0.66) !important;
    border: 1px solid rgba(103, 232, 249, 0.14) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.052);
    font-size: 13px;
    font-weight: 760;
    letter-spacing: -0.02em;
}

.player-detail-metrics {
    gap: 14px !important;
    margin-bottom: 18px !important;
}

.player-detail-metrics .stat-card {
    min-height: 116px;
    padding: 18px 20px !important;
}

.player-detail-metrics .stat-card span {
    color: rgba(148, 163, 184, 0.82);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: -0.015em;
    margin-bottom: 8px;
}

.player-detail-metrics .stat-card strong {
    font-size: clamp(28px, 3vw, 38px) !important;
    line-height: 1;
    font-weight: 810 !important;
    letter-spacing: -0.055em;
    color: rgba(248, 250, 252, 0.96);
    text-shadow: none;
}

.player-detail-metrics .stat-card strong.score-positive,
.player-detail-metrics .stat-card strong.price-up {
    color: #a7eef2 !important;
}

.player-detail-metrics .stat-card strong.score-negative,
.player-detail-metrics .stat-card strong.price-down {
    color: #fb7185 !important;
}

.player-detail-metrics .stat-card strong.score-zero,
.player-detail-metrics .stat-card strong.price-same {
    color: rgba(148, 163, 184, 0.82) !important;
}

.player-detail-metrics .stat-card small {
    margin-top: 8px;
    color: rgba(148, 163, 184, 0.78);
    font-size: 12px;
    font-weight: 760;
}

.player-detail-grid {
    gap: 18px !important;
    margin-bottom: 18px;
}

.player-detail-shell .chart-card,
.player-detail-shell .recent-game-card {
    min-height: 0;
}

.player-detail-shell .section-heading h2 {
    font-size: clamp(24px, 2.4vw, 34px);
    letter-spacing: -0.055em;
}

.player-detail-shell .stat-tile,
.player-detail-shell .recent-game-item,
.player-detail-shell .price-history-item {
    background:
        linear-gradient(180deg, rgba(255,255,255,0.042), rgba(255,255,255,0.018)),
        rgba(255,255,255,0.018) !important;
    border-color: rgba(255,255,255,0.078) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.042);
}

.player-detail-shell .season-stat-grid .stat-tile {
    min-height: 70px;
    padding: 10px 9px;
}

.player-detail-shell .season-stat-grid .stat-tile span,
.player-detail-shell .recent-game-main span,
.player-detail-shell .recent-game-points span {
    color: rgba(148, 163, 184, 0.82);
    font-weight: 800;
}

.player-detail-shell .season-stat-grid .stat-tile strong {
    color: rgba(248, 250, 252, 0.94);
    font-size: 17px;
    font-weight: 780;
}

.player-detail-shell .recent-game-points strong.score-positive {
    color: #a7eef2 !important;
}

.player-detail-shell .recent-game-item {
    transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.28s ease, background 0.28s ease;
}

.player-detail-shell .recent-game-item:hover {
    transform: translateY(-2px);
    border-color: rgba(134, 239, 253, 0.20) !important;
    background: rgba(103, 232, 249, 0.045) !important;
}

.player-detail-shell .detail-pill {
    color: rgba(203, 213, 225, 0.78);
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.06);
}

@media (max-width: 980px) {
    .ranking-table-modern {
        min-width: 900px;
    }

    .player-detail-metrics,
    .metric-grid.four.player-detail-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .player-detail-grid,
    .detail-grid.player-detail-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {
    .player-hero-detail {
        grid-template-columns: 1fr !important;
        text-align: center;
    }

    .player-hero-uniform {
        display: flex;
        justify-content: center;
    }

    .player-meta-line,
    .player-hero-info .chip-row {
        justify-content: center;
    }

    .player-detail-metrics,
    .metric-grid.four.player-detail-metrics {
        grid-template-columns: 1fr;
    }
}

/* ============================================================
   Final ranking/detail polish: correct spacing, compact detail
   metrics, restored player-name hover, and refined chart tooltip.
   ============================================================ */
.ranking-page-shell::before {
    opacity: 0.32 !important;
    filter: blur(34px) !important;
    background: radial-gradient(circle, rgba(8, 212, 223, 0.038), transparent 74%) !important;
}

.ranking-page-shell::after {
    opacity: 0.28 !important;
    filter: blur(36px) !important;
    background: radial-gradient(circle, rgba(56, 189, 248, 0.032), transparent 74%) !important;
}

.ranking-board-card {
    background:
        linear-gradient(180deg, rgba(255,255,255,0.034), rgba(255,255,255,0.014)),
        rgba(4, 14, 17, 0.64) !important;
    border-color: rgba(148, 163, 184, 0.12) !important;
}

.ranking-table-modern {
    min-width: 1040px !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 0 9px !important;
}

.ranking-table-modern th:nth-child(1),
.ranking-table-modern td:nth-child(1) { width: 7.5% !important; }
.ranking-table-modern th:nth-child(2),
.ranking-table-modern td:nth-child(2) { width: 26% !important; }
.ranking-table-modern th:nth-child(3),
.ranking-table-modern td:nth-child(3) { width: 8.5% !important; }
.ranking-table-modern th:nth-child(4),
.ranking-table-modern td:nth-child(4) { width: 8.5% !important; }
.ranking-table-modern th:nth-child(5),
.ranking-table-modern td:nth-child(5) { width: 11% !important; }
.ranking-table-modern th:nth-child(6),
.ranking-table-modern td:nth-child(6) { width: 10.5% !important; }
.ranking-table-modern th:nth-child(7),
.ranking-table-modern td:nth-child(7) { width: 13% !important; }
.ranking-table-modern th:nth-child(8),
.ranking-table-modern td:nth-child(8) { width: 15% !important; }

.ranking-table-modern thead th {
    padding: 6px 8px 10px !important;
    color: rgba(148, 163, 184, 0.66) !important;
    font-size: 12px !important;
    font-weight: 840 !important;
}

.ranking-table-modern td {
    padding: 9px 8px !important;
}

.ranking-table-modern td:nth-child(2),
.ranking-table-modern th:nth-child(2) {
    text-align: left !important;
}

.ranking-player-cell {
    width: 100% !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    padding-left: clamp(10px, 2.2vw, 34px) !important;
}

.ranking-player-cell .uniform-sm {
    width: 34px !important;
    height: 44px !important;
    flex: 0 0 auto !important;
    opacity: 0.96;
}

.ranking-player-meta {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    min-width: 0 !important;
    max-width: 190px !important;
}

.ranking-player-cell .player-link {
    display: inline-block !important;
    color: rgba(248, 250, 252, 0.94) !important;
    font-size: 15px !important;
    font-weight: 840 !important;
    line-height: 1.04 !important;
    letter-spacing: -0.035em !important;
    transition:
        color 0.24s ease,
        transform 0.24s cubic-bezier(0.16, 1, 0.3, 1),
        text-shadow 0.24s ease !important;
    transform-origin: left center;
}

.ranking-player-cell .player-link:hover,
.ranking-player-cell .player-link:focus-visible {
    color: #67e8f9 !important;
    transform: translateY(-1px) scale(1.025) !important;
    text-shadow: 0 0 18px rgba(103, 232, 249, 0.24) !important;
}

.ranking-player-number {
    margin-top: 3px !important;
    color: rgba(148, 163, 184, 0.72) !important;
    font-size: 10.5px !important;
    font-weight: 760 !important;
    letter-spacing: 0.025em !important;
}

.ranking-table-modern tbody tr {
    transition:
        transform 0.32s cubic-bezier(0.16, 1, 0.3, 1),
        filter 0.32s ease !important;
}

.ranking-table-modern tbody tr td {
    background:
        linear-gradient(180deg, rgba(255,255,255,0.038), rgba(255,255,255,0.018)),
        rgba(6, 17, 20, 0.62) !important;
    border-top-color: rgba(148, 163, 184, 0.10) !important;
    border-bottom-color: rgba(148, 163, 184, 0.10) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.035) !important;
}

.ranking-table-modern tbody tr:hover {
    transform: translateY(-4px) scale(1.002) !important;
    filter: drop-shadow(0 22px 40px rgba(0, 0, 0, 0.25)) !important;
}

.ranking-table-modern tbody tr:hover td {
    background:
        linear-gradient(180deg, rgba(255,255,255,0.068), rgba(255,255,255,0.026)),
        rgba(15, 39, 43, 0.68) !important;
    border-color: rgba(103, 232, 249, 0.24) !important;
    box-shadow:
        0 22px 48px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255,255,255,0.07) !important;
}

.ranking-table-modern tbody tr:hover .uniform-sm {
    transform: translateY(-1px) scale(1.055) !important;
}

.ranking-table-modern .season-total-cell,
.ranking-table-modern td strong {
    color: rgba(248, 250, 252, 0.92) !important;
    font-size: 13.5px !important;
    font-weight: 740 !important;
    letter-spacing: -0.02em !important;
}

.ranking-table-modern .points.score-positive {
    color: #b6f7fb !important;
    font-weight: 760 !important;
    text-shadow: none !important;
}

/* Compact, consistent player-detail page */
.player-detail-shell::before,
.player-detail-shell::after {
    opacity: 0.34 !important;
    filter: blur(34px) !important;
}

.player-detail-shell .content-card {
    background:
        linear-gradient(180deg, rgba(255,255,255,0.034), rgba(255,255,255,0.014)),
        rgba(4, 14, 17, 0.64) !important;
    border-color: rgba(148, 163, 184, 0.12) !important;
}

.player-detail-metrics,
.metric-grid.four.player-detail-metrics {
    gap: 12px !important;
    margin-bottom: 16px !important;
}

.player-detail-metrics .stat-card {
    min-height: 88px !important;
    padding: 13px 16px !important;
    border-radius: 22px !important;
}

.player-detail-metrics .stat-card span {
    margin-bottom: 6px !important;
    color: rgba(148, 163, 184, 0.82) !important;
    font-size: 11px !important;
    font-weight: 820 !important;
    letter-spacing: -0.01em !important;
}

.player-detail-metrics .stat-card strong {
    font-size: clamp(23px, 2.2vw, 32px) !important;
    line-height: 0.98 !important;
    font-weight: 790 !important;
    letter-spacing: -0.055em !important;
    text-shadow: none !important;
}

.player-detail-metrics .stat-card small {
    margin-top: 6px !important;
    color: rgba(148, 163, 184, 0.74) !important;
    font-size: 11px !important;
    font-weight: 730 !important;
}

.player-detail-metrics .stat-card .season-total-detail-value {
    color: rgba(248, 250, 252, 0.96) !important;
}

.player-detail-metrics .stat-card strong.score-positive,
.player-detail-metrics .stat-card strong.price-up {
    color: #b6f7fb !important;
}

.player-detail-metrics .stat-card:hover {
    transform: translateY(-4px) !important;
    border-color: rgba(103, 232, 249, 0.23) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.058), rgba(255,255,255,0.024)),
        rgba(14, 34, 38, 0.70) !important;
    box-shadow: 0 22px 46px rgba(0,0,0,0.20), inset 0 1px 0 rgba(255,255,255,0.07) !important;
}

.player-hero-detail {
    padding: clamp(18px, 2.5vw, 30px) !important;
}

.player-meta-line span {
    padding: 5px 9px !important;
    border-radius: 999px !important;
    color: rgba(226, 232, 240, 0.90) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.054), rgba(255,255,255,0.018)),
        rgba(6, 17, 20, 0.68) !important;
    border-color: rgba(103, 232, 249, 0.16) !important;
    font-size: 11.5px !important;
    font-weight: 760 !important;
}

.player-detail-shell .section-heading h2 {
    font-size: clamp(22px, 2.1vw, 30px) !important;
}

.player-detail-shell .season-stat-grid .stat-tile,
.player-detail-shell .price-history-item {
    transition:
        transform 0.28s cubic-bezier(0.16, 1, 0.3, 1),
        border-color 0.28s ease,
        background 0.28s ease,
        box-shadow 0.28s ease !important;
}

.player-detail-shell .season-stat-grid .stat-tile:hover,
.player-detail-shell .price-history-item:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(103, 232, 249, 0.22) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.058), rgba(255,255,255,0.024)),
        rgba(14, 34, 38, 0.66) !important;
    box-shadow: 0 18px 38px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.07) !important;
}

.player-detail-shell .season-stat-grid .stat-tile strong {
    font-size: 16px !important;
    font-weight: 760 !important;
}

.price-history-item p {
    color: rgba(148, 163, 184, 0.82) !important;
    font-size: 12px !important;
    font-weight: 720 !important;
}

.price-history-price strong.price-up {
    color: #b6f7fb !important;
}

.price-history-price strong.price-down {
    color: #fb7185 !important;
}

.price-history-price strong.price-same {
    color: rgba(148, 163, 184, 0.82) !important;
}

@media (max-width: 980px) {
    .ranking-table-modern {
        min-width: 960px !important;
    }
    .ranking-player-cell {
        padding-left: 10px !important;
    }
}

/* ============================================================
   Ranking row alignment final fix: center player column between
   rank and team, widen rank lane slightly, smoother hover motion
   ============================================================ */
.ranking-table-modern {
    min-width: 1080px !important;
    table-layout: fixed !important;
    border-spacing: 0 11px !important;
}

.ranking-table-modern th:nth-child(1),
.ranking-table-modern td:nth-child(1) { width: 10% !important; }
.ranking-table-modern th:nth-child(2),
.ranking-table-modern td:nth-child(2) { width: 18% !important; }
.ranking-table-modern th:nth-child(3),
.ranking-table-modern td:nth-child(3) { width: 9% !important; }
.ranking-table-modern th:nth-child(4),
.ranking-table-modern td:nth-child(4) { width: 9% !important; }
.ranking-table-modern th:nth-child(5),
.ranking-table-modern td:nth-child(5) { width: 12% !important; }
.ranking-table-modern th:nth-child(6),
.ranking-table-modern td:nth-child(6) { width: 11% !important; }
.ranking-table-modern th:nth-child(7),
.ranking-table-modern td:nth-child(7) { width: 14% !important; }
.ranking-table-modern th:nth-child(8),
.ranking-table-modern td:nth-child(8) { width: 17% !important; }

.ranking-table-modern th:nth-child(1),
.ranking-table-modern th:nth-child(2),
.ranking-table-modern th:nth-child(3),
.ranking-table-modern td:nth-child(1),
.ranking-table-modern td:nth-child(2),
.ranking-table-modern td:nth-child(3) {
    text-align: center !important;
}

.ranking-table-modern th:nth-child(2),
.ranking-table-modern td:nth-child(2) {
    min-width: 0 !important;
}

.ranking-table-modern td:nth-child(2) {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.ranking-player-cell {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 14px !important;
    transform: translateX(8px);
}

.ranking-player-cell .uniform-sm {
    width: 34px !important;
    height: 44px !important;
}

.ranking-player-meta {
    min-width: 76px !important;
    max-width: 110px !important;
    align-items: flex-start !important;
}

.ranking-player-cell .player-link {
    max-width: 110px !important;
    font-size: 14.5px !important;
    transition:
        color 0.34s cubic-bezier(0.16, 1, 0.3, 1),
        transform 0.34s cubic-bezier(0.16, 1, 0.3, 1),
        text-shadow 0.34s ease !important;
    transform-origin: left center;
}

.ranking-player-cell .player-link:hover,
.ranking-table-modern tbody tr:hover .ranking-player-cell .player-link:hover {
    color: #7deff6 !important;
    transform: translateY(-1px) scale(1.025);
    text-shadow: 0 0 18px rgba(103, 232, 249, 0.28);
}

.ranking-table-modern tbody tr {
    transition:
        transform 0.50s cubic-bezier(0.16, 1, 0.3, 1),
        filter 0.50s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.ranking-table-modern td {
    transition:
        background 0.50s cubic-bezier(0.16, 1, 0.3, 1),
        border-color 0.50s cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 0.50s cubic-bezier(0.16, 1, 0.3, 1),
        transform 0.50s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.ranking-table-modern tbody tr:hover {
    transform: translateY(-4px) scale(1.002) !important;
    filter: drop-shadow(0 24px 46px rgba(0, 0, 0, 0.20)) !important;
}

.ranking-table-modern tbody tr:hover td {
    background:
        linear-gradient(180deg, rgba(255,255,255,0.070), rgba(255,255,255,0.034)),
        rgba(78, 222, 236, 0.055) !important;
    border-color: rgba(125, 239, 246, 0.26) !important;
    box-shadow:
        0 24px 54px rgba(0,0,0,0.20),
        inset 0 1px 0 rgba(255,255,255,0.070) !important;
}

.ranking-table-modern tbody tr:hover .uniform-sm {
    transform: translateY(-2px) scale(1.035) !important;
}

.ranking-table-modern tbody tr:hover .ranking-player-number {
    color: rgba(203, 213, 225, 0.82) !important;
}

@media (max-width: 980px) {
    .ranking-table-modern {
        min-width: 980px !important;
    }
    .ranking-player-cell {
        transform: translateX(4px);
        gap: 12px !important;
    }
}

/* ============================================================
   Final interaction polish: clickable ranking rows, softer card
   motion, aligned ranking player lane, and compact chart tooltip.
   ============================================================ */
.ranking-clickable-row {
    cursor: pointer;
    outline: none;
}

.ranking-clickable-row:focus-visible td {
    border-color: rgba(125, 239, 246, 0.36) !important;
    box-shadow:
        0 0 0 1px rgba(125, 239, 246, 0.16),
        0 22px 48px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}

/* Rebalance the ranking row so the player block sits visually between rank and team. */
.ranking-table-modern {
    min-width: 1120px !important;
}

.ranking-table-modern th:nth-child(1),
.ranking-table-modern td:nth-child(1) { width: 11.5% !important; }
.ranking-table-modern th:nth-child(2),
.ranking-table-modern td:nth-child(2) { width: 17.5% !important; }
.ranking-table-modern th:nth-child(3),
.ranking-table-modern td:nth-child(3) { width: 8.5% !important; }
.ranking-table-modern th:nth-child(4),
.ranking-table-modern td:nth-child(4) { width: 8.5% !important; }
.ranking-table-modern th:nth-child(5),
.ranking-table-modern td:nth-child(5) { width: 11.5% !important; }
.ranking-table-modern th:nth-child(6),
.ranking-table-modern td:nth-child(6) { width: 10.5% !important; }
.ranking-table-modern th:nth-child(7),
.ranking-table-modern td:nth-child(7) { width: 14% !important; }
.ranking-table-modern th:nth-child(8),
.ranking-table-modern td:nth-child(8) { width: 18% !important; }

.ranking-table-modern th:nth-child(2),
.ranking-table-modern td:nth-child(2) {
    text-align: center !important;
}

.ranking-player-cell {
    justify-content: center !important;
    gap: 13px !important;
    transform: translateX(24px) !important;
    transition:
        transform 0.56s cubic-bezier(0.16, 1, 0.3, 1),
        filter 0.56s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.ranking-player-meta {
    min-width: 92px !important;
    max-width: 124px !important;
}

.ranking-table-modern tbody tr:hover .ranking-player-cell,
.ranking-clickable-row:focus-visible .ranking-player-cell {
    transform: translateX(24px) translateY(-1px) !important;
}

/* Row hover should feel like the detail cards: softer, longer, less abrupt. */
.ranking-table-modern tbody tr,
.ranking-table-modern tbody tr td,
.ranking-table-modern tbody tr .rank-chip,
.ranking-table-modern tbody tr .uniform-sm,
.ranking-table-modern tbody tr .ranking-player-number,
.ranking-table-modern tbody tr .ranking-player-cell .player-link {
    transition:
        transform 0.62s cubic-bezier(0.16, 1, 0.3, 1),
        background 0.62s cubic-bezier(0.16, 1, 0.3, 1),
        border-color 0.62s cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 0.62s cubic-bezier(0.16, 1, 0.3, 1),
        color 0.48s cubic-bezier(0.16, 1, 0.3, 1),
        text-shadow 0.48s ease,
        filter 0.62s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.ranking-table-modern tbody tr:hover,
.ranking-clickable-row:focus-visible {
    transform: translateY(-5px) scale(1.0015) !important;
    filter: drop-shadow(0 26px 54px rgba(0, 0, 0, 0.24)) !important;
}

.ranking-table-modern tbody tr:hover td,
.ranking-clickable-row:focus-visible td {
    background:
        radial-gradient(circle at 12% 50%, rgba(125, 239, 246, 0.085), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,0.074), rgba(255,255,255,0.032)),
        rgba(10, 28, 32, 0.72) !important;
    border-color: rgba(125, 239, 246, 0.30) !important;
    box-shadow:
        0 24px 58px rgba(0,0,0,0.24),
        inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

.ranking-table-modern tbody tr:hover .ranking-player-cell .player-link,
.ranking-clickable-row:focus-visible .ranking-player-cell .player-link {
    color: #8ff5fb !important;
    transform: translateY(-1px) scale(1.025) !important;
    text-shadow: 0 0 18px rgba(125, 239, 246, 0.26) !important;
}

.ranking-table-modern tbody tr:hover .uniform-sm,
.ranking-clickable-row:focus-visible .uniform-sm {
    transform: translateY(-3px) scale(1.045) !important;
    filter: drop-shadow(0 14px 20px rgba(0, 0, 0, 0.28)) !important;
}

/* Make the page-level ranking cards respond like real glass cards. */
.ranking-page-shell .rankings-hero-panel,
.ranking-page-shell .ranking-filter-card,
.ranking-page-shell .ranking-board-card,
.ranking-page-shell .ranking-count-card {
    transition:
        transform 0.58s cubic-bezier(0.16, 1, 0.3, 1),
        border-color 0.58s cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 0.58s cubic-bezier(0.16, 1, 0.3, 1),
        background 0.58s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.ranking-page-shell .rankings-hero-panel:hover,
.ranking-page-shell .ranking-filter-card:hover,
.ranking-page-shell .ranking-board-card:hover,
.ranking-page-shell .ranking-count-card:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(125, 239, 246, 0.22) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.056), rgba(255,255,255,0.022)),
        rgba(8, 26, 30, 0.72) !important;
    box-shadow:
        0 26px 58px rgba(0,0,0,0.20),
        inset 0 1px 0 rgba(255,255,255,0.07) !important;
}

/* Player detail hero and its small pills should share the same smooth card motion. */
.player-hero-detail {
    transition:
        transform 0.58s cubic-bezier(0.16, 1, 0.3, 1),
        border-color 0.58s cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 0.58s cubic-bezier(0.16, 1, 0.3, 1),
        background 0.58s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.player-hero-detail:hover {
    transform: translateY(-4px) !important;
    border-color: rgba(125, 239, 246, 0.24) !important;
    background:
        radial-gradient(circle at 8% 42%, rgba(125, 239, 246, 0.070), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.021)),
        rgba(8, 25, 29, 0.72) !important;
    box-shadow:
        0 28px 62px rgba(0,0,0,0.22),
        inset 0 1px 0 rgba(255,255,255,0.075) !important;
}

.player-hero-detail .team-badge,
.player-hero-detail .type-chip,
.player-hero-detail .position-badge,
.player-meta-line span {
    transition:
        transform 0.46s cubic-bezier(0.16, 1, 0.3, 1),
        border-color 0.46s cubic-bezier(0.16, 1, 0.3, 1),
        background 0.46s cubic-bezier(0.16, 1, 0.3, 1),
        color 0.46s cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 0.46s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.player-hero-detail .team-badge:hover,
.player-hero-detail .type-chip:hover,
.player-hero-detail .position-badge:hover,
.player-meta-line span:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(125, 239, 246, 0.34) !important;
    color: rgba(240, 253, 255, 0.96) !important;
    background:
        linear-gradient(180deg, rgba(125,239,246,0.13), rgba(125,239,246,0.045)),
        rgba(7, 24, 29, 0.76) !important;
    box-shadow: 0 12px 26px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

@media (max-width: 980px) {
    .ranking-table-modern {
        min-width: 1040px !important;
    }
    .ranking-player-cell {
        transform: translateX(12px) !important;
    }
    .ranking-table-modern tbody tr:hover .ranking-player-cell,
    .ranking-clickable-row:focus-visible .ranking-player-cell {
        transform: translateX(12px) translateY(-1px) !important;
    }
}

/* ============================================================
   Ranking row hover restore: keep click/name emphasis, but do
   not change the whole player row/card color on hover.
   ============================================================ */
.ranking-table-modern tbody tr:hover td,
.ranking-clickable-row:focus-visible td {
    background:
        linear-gradient(180deg, rgba(255,255,255,0.038), rgba(255,255,255,0.018)),
        rgba(6, 17, 20, 0.62) !important;
    border-color: rgba(148, 163, 184, 0.10) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.035) !important;
}

.ranking-table-modern tbody tr:hover,
.ranking-clickable-row:focus-visible {
    transform: translateY(-4px) scale(1.001) !important;
    filter: drop-shadow(0 20px 42px rgba(0, 0, 0, 0.18)) !important;
}

.ranking-table-modern tbody tr:hover .ranking-player-cell .player-link,
.ranking-clickable-row:focus-visible .ranking-player-cell .player-link {
    color: #8ff5fb !important;
    transform: translateY(-1px) scale(1.025) !important;
    text-shadow: 0 0 18px rgba(125, 239, 246, 0.26) !important;
}


/* ============================================================
   Player search page final glass redesign
   ============================================================ */
.players-page-shell {
    animation: pageSoftEnter 0.62s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.players-page-shell .players-hero-panel,
.players-page-shell .players-filter-card {
    background:
        radial-gradient(circle at 82% 18%, rgba(125, 239, 246, 0.060), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.048), rgba(255, 255, 255, 0.018)),
        rgba(6, 20, 24, 0.66) !important;
    border-color: rgba(148, 163, 184, 0.12) !important;
    box-shadow:
        0 22px 54px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.052) !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    transition:
        transform 0.58s cubic-bezier(0.16, 1, 0.3, 1),
        border-color 0.58s cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 0.58s cubic-bezier(0.16, 1, 0.3, 1),
        background 0.58s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.players-page-shell .players-hero-panel {
    padding: 25px 30px !important;
    min-height: auto;
    margin-bottom: 18px !important;
}

.players-page-shell .players-hero-panel h1 {
    font-size: clamp(32px, 3.2vw, 48px) !important;
    margin-bottom: 0 !important;
}

.players-page-shell .players-hero-panel::after {
    opacity: 0.38;
    filter: blur(6px);
}

.players-page-shell .players-count-card {
    min-width: 138px !important;
    padding: 16px 18px !important;
    border-radius: 20px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018)),
        rgba(8, 25, 29, 0.70) !important;
    border-color: rgba(125, 239, 246, 0.16) !important;
}

.players-page-shell .players-count-card span {
    font-size: 12px !important;
}

.players-page-shell .players-count-card strong {
    font-size: 30px !important;
    line-height: 1;
}

.players-page-shell .players-filter-card {
    padding: 20px 24px !important;
    margin-bottom: 22px !important;
}

.players-page-shell .players-hero-panel:hover,
.players-page-shell .players-filter-card:hover,
.players-page-shell .players-count-card:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(125, 239, 246, 0.22) !important;
    box-shadow:
        0 28px 62px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.070) !important;
}

.players-filter-grid {
    gap: 13px !important;
}

.players-result-grid {
    grid-template-columns: repeat(auto-fill, minmax(282px, 1fr));
    gap: 16px !important;
    perspective: 1200px;
}

.player-search-card {
    cursor: pointer;
    min-height: 188px !important;
    padding: 16px !important;
    border-radius: 22px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018)),
        rgba(7, 24, 30, 0.66) !important;
    border: 1px solid rgba(148, 163, 184, 0.13) !important;
    box-shadow:
        0 18px 42px rgba(0,0,0,0.17),
        inset 0 1px 0 rgba(255,255,255,0.055) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    outline: none;
    animation: playerCardCascade 0.62s cubic-bezier(0.16, 1, 0.3, 1) both;
    transition:
        transform 0.62s cubic-bezier(0.16, 1, 0.3, 1),
        border-color 0.62s cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 0.62s cubic-bezier(0.16, 1, 0.3, 1),
        background 0.62s cubic-bezier(0.16, 1, 0.3, 1),
        filter 0.62s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.player-search-card:nth-child(1) { animation-delay: 0.03s; }
.player-search-card:nth-child(2) { animation-delay: 0.06s; }
.player-search-card:nth-child(3) { animation-delay: 0.09s; }
.player-search-card:nth-child(4) { animation-delay: 0.12s; }
.player-search-card:nth-child(5) { animation-delay: 0.15s; }
.player-search-card:nth-child(6) { animation-delay: 0.18s; }
.player-search-card:nth-child(7) { animation-delay: 0.21s; }
.player-search-card:nth-child(8) { animation-delay: 0.24s; }
.player-search-card:nth-child(n+9) { animation-delay: 0.27s; }

.player-search-card:hover,
.player-search-card:focus-visible {
    transform: translateY(-5px) scale(1.006) !important;
    border-color: rgba(125, 239, 246, 0.25) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.070), rgba(255,255,255,0.025)),
        rgba(8, 27, 33, 0.70) !important;
    box-shadow:
        0 30px 64px rgba(0,0,0,0.24),
        0 0 0 1px rgba(125,239,246,0.035),
        inset 0 1px 0 rgba(255,255,255,0.080) !important;
}

.player-search-card .player-card-top {
    gap: 13px !important;
    margin-bottom: 13px !important;
}

.player-search-card .uniform-md {
    transform-origin: center;
    transition:
        transform 0.56s cubic-bezier(0.16, 1, 0.3, 1),
        filter 0.56s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.player-search-card:hover .uniform-md,
.player-search-card:focus-visible .uniform-md {
    transform: translateY(-3px) scale(1.035);
    filter: drop-shadow(0 14px 22px rgba(0,0,0,0.28));
}

.player-card-name-line {
    display: flex;
    align-items: baseline;
    gap: 8px;
    min-width: 0;
    margin-bottom: 8px;
}

.player-search-card .player-name-large {
    font-size: 22px !important;
    letter-spacing: -0.045em;
    line-height: 1.02;
    transition:
        color 0.48s cubic-bezier(0.16, 1, 0.3, 1),
        transform 0.48s cubic-bezier(0.16, 1, 0.3, 1),
        text-shadow 0.48s ease !important;
}

.player-search-card:hover .player-name-large,
.player-search-card:focus-visible .player-name-large {
    color: #8ff5fb !important;
    transform: translateY(-1px) scale(1.025);
    text-shadow: 0 0 18px rgba(125,239,246,0.24);
}

.player-card-number {
    flex: 0 0 auto;
    color: rgba(197, 212, 222, 0.74);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: -0.02em;
    padding: 3px 7px;
    border-radius: 999px;
    border: 1px solid rgba(125,239,246,0.13);
    background: rgba(255,255,255,0.032);
    transition:
        color 0.46s cubic-bezier(0.16, 1, 0.3, 1),
        border-color 0.46s cubic-bezier(0.16, 1, 0.3, 1),
        background 0.46s cubic-bezier(0.16, 1, 0.3, 1),
        transform 0.46s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.player-search-card:hover .player-card-number,
.player-search-card:focus-visible .player-card-number {
    color: rgba(235, 253, 255, 0.96);
    border-color: rgba(125,239,246,0.25);
    background: rgba(125,239,246,0.070);
    transform: translateY(-1px);
}

.player-search-card .chip-row {
    gap: 7px !important;
}

.player-search-card .team-badge,
.player-search-card .type-chip,
.player-search-card .position-badge {
    transform-origin: center;
    transition:
        transform 0.46s cubic-bezier(0.16, 1, 0.3, 1),
        border-color 0.46s cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 0.46s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.player-search-card:hover .team-badge,
.player-search-card:hover .type-chip,
.player-search-card:hover .position-badge,
.player-search-card:focus-visible .team-badge,
.player-search-card:focus-visible .type-chip,
.player-search-card:focus-visible .position-badge {
    transform: translateY(-1px);
    border-color: rgba(125,239,246,0.24);
    box-shadow: 0 10px 22px rgba(0,0,0,0.13);
}

.player-search-stat-grid {
    gap: 10px !important;
}

.player-search-stat-grid > div {
    padding: 12px !important;
    border-radius: 15px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.042), rgba(255,255,255,0.014)),
        rgba(3, 13, 20, 0.54) !important;
    border-color: rgba(148, 163, 184, 0.105) !important;
    transition:
        transform 0.46s cubic-bezier(0.16, 1, 0.3, 1),
        border-color 0.46s cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 0.46s cubic-bezier(0.16, 1, 0.3, 1),
        background 0.46s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.player-search-card:hover .player-search-stat-grid > div,
.player-search-card:focus-visible .player-search-stat-grid > div {
    border-color: rgba(125,239,246,0.145) !important;
}

.player-search-stat-grid > div:hover {
    transform: translateY(-2px);
    border-color: rgba(125,239,246,0.24) !important;
    box-shadow: 0 14px 30px rgba(0,0,0,0.16);
}

.player-search-stat-grid span {
    font-size: 11px !important;
    margin-bottom: 5px !important;
    color: rgba(147, 161, 176, 0.84) !important;
}

.player-search-stat-grid strong {
    font-size: 19px !important;
    line-height: 1.06;
    letter-spacing: -0.035em;
}

.player-search-card .player-price-reason,
.players-result-grid .player-price-reason {
    display: none !important;
}

.players-empty-card {
    background:
        linear-gradient(180deg, rgba(255,255,255,0.048), rgba(255,255,255,0.018)),
        rgba(7, 23, 29, 0.68) !important;
}

@keyframes playerCardCascade {
    from {
        opacity: 0;
        transform: translateY(18px) scale(0.985);
        filter: blur(5px);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: blur(0);
    }
}

@media (max-width: 720px) {
    .players-page-shell .players-hero-panel {
        padding: 22px !important;
    }

    .players-result-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .player-card-name-line {
        flex-wrap: wrap;
    }
}


/* ============================================================
   Final player search + season-total ranking alignment update
   ============================================================ */
.players-page-shell {
    position: relative;
}

.players-page-shell .players-hero-panel,
.players-page-shell .players-filter-card,
.players-page-shell .players-count-card {
    transition:
        transform 0.58s cubic-bezier(0.16, 1, 0.3, 1),
        border-color 0.58s cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 0.58s cubic-bezier(0.16, 1, 0.3, 1),
        background 0.58s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.players-page-shell .players-hero-panel,
.players-page-shell .players-filter-card {
    border-color: rgba(255, 255, 255, 0.095) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.026)),
        rgba(8, 16, 19, 0.58) !important;
    backdrop-filter: blur(26px) saturate(128%) !important;
    -webkit-backdrop-filter: blur(26px) saturate(128%) !important;
    box-shadow: 0 24px 80px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.055) !important;
}

.players-page-shell .players-hero-panel {
    padding: 22px 26px !important;
    margin-bottom: 16px !important;
    min-height: 0 !important;
}

.players-page-shell .players-hero-panel h1 {
    font-size: clamp(30px, 3.2vw, 44px) !important;
    letter-spacing: -0.055em !important;
    margin: 0 !important;
}

.players-page-shell .players-hero-panel .eyebrow {
    margin-bottom: 8px !important;
}

.players-page-shell .players-count-card {
    min-width: 132px !important;
    padding: 14px 17px !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,0.045) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
}

.players-page-shell .players-count-card span {
    font-size: 11px !important;
}

.players-page-shell .players-count-card strong {
    font-size: 28px !important;
    line-height: 1 !important;
}

.players-page-shell .players-filter-card {
    padding: 16px 20px !important;
    margin-bottom: 22px !important;
}

.players-page-shell .players-hero-panel:hover,
.players-page-shell .players-filter-card:hover,
.players-page-shell .players-count-card:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(125, 239, 246, 0.22) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.056), rgba(255,255,255,0.022)),
        rgba(8, 26, 30, 0.72) !important;
    box-shadow:
        0 26px 58px rgba(0,0,0,0.20),
        inset 0 1px 0 rgba(255,255,255,0.07) !important;
}

.players-filter-grid {
    gap: 11px !important;
    align-items: end !important;
}

.players-filter-card .form-field label {
    margin-bottom: 7px !important;
    font-size: 12px !important;
    color: rgba(205, 216, 225, 0.58) !important;
}

.players-filter-card input,
.players-filter-card select,
.players-filter-card .custom-select-trigger {
    min-height: 42px !important;
    height: 42px !important;
    border-radius: 13px !important;
    font-size: 14px !important;
}

.players-filter-card input {
    padding: 0 13px !important;
}

.players-filter-card .custom-select-trigger {
    padding: 0 38px 0 13px !important;
}

.players-filter-card .form-actions {
    gap: 9px !important;
}

.players-filter-card .form-actions button,
.players-filter-card .button-link {
    min-height: 42px !important;
    padding: 0 17px !important;
    border-radius: 13px !important;
    font-size: 14px !important;
}

.players-result-grid {
    margin-top: 0 !important;
}

.player-search-card {
    min-height: 176px !important;
    padding: 15px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.052), rgba(255,255,255,0.020)),
        rgba(7, 20, 24, 0.58) !important;
}

.player-search-card:hover,
.player-search-card:focus-visible {
    transform: translateY(-4px) scale(1.004) !important;
    border-color: rgba(125, 239, 246, 0.22) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.022)),
        rgba(7, 22, 26, 0.62) !important;
    box-shadow:
        0 24px 52px rgba(0,0,0,0.20),
        inset 0 1px 0 rgba(255,255,255,0.065) !important;
}

.player-search-stat-grid strong.player-season-total-value {
    color: rgba(246, 250, 255, 0.98) !important;
    text-shadow: none !important;
}

/* Season total is now the primary sorting metric on ranking/search pages. */
.ranking-board-card .ranking-board-heading .eyebrow {
    color: rgba(71, 225, 238, 0.94) !important;
}

.ranking-table-modern .season-total-cell {
    color: rgba(246, 250, 255, 0.98) !important;
    font-weight: 900 !important;
    text-shadow: none !important;
}

@media (max-width: 1100px) {
    .players-filter-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .players-filter-card .form-field.wide,
    .players-filter-card .form-actions {
        grid-column: auto !important;
    }
}

/* ============================================================
   Final fix: custom select dropdowns must be opaque and float
   above player cards, not blend into/search cards underneath.
   ============================================================ */
.players-page-shell .players-filter-card,
.players-page-shell .filter-grid,
.players-page-shell .players-filter-grid {
    position: relative !important;
    z-index: 300 !important;
    overflow: visible !important;
}

.players-page-shell .players-result-grid {
    position: relative !important;
    z-index: 1 !important;
}

.players-page-shell .form-field,
.players-page-shell .custom-select {
    position: relative !important;
    z-index: 20 !important;
}

.players-page-shell .custom-select.is-open,
.custom-select.is-open {
    z-index: 10000 !important;
}

.custom-select-menu {
    z-index: 10001 !important;
    background:
        linear-gradient(180deg, rgba(8, 23, 31, 0.995), rgba(3, 10, 16, 0.995)) !important;
    border: 1px solid rgba(55, 226, 239, 0.42) !important;
    box-shadow:
        0 28px 70px rgba(0, 0, 0, 0.78),
        0 0 0 1px rgba(255,255,255,0.040) inset,
        0 0 34px rgba(0, 217, 255, 0.10) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.custom-select-option {
    color: rgba(236, 250, 255, 0.90) !important;
}

.custom-select-option:hover,
.custom-select-option.is-selected {
    color: #041014 !important;
    background: linear-gradient(135deg, #24d6e3, #70f4ff) !important;
}

/* Keep the opened dropdown visually above every card in the same page. */
.players-page-shell:has(.custom-select.is-open) .players-result-grid {
    z-index: 0 !important;
}

/* ============================================================
   User ranking redesign: same glass base/motion language as
   player rankings, with cleaner rank chips and smoother rows.
   ============================================================ */
.user-ranking-page-shell {
    position: relative;
    isolation: isolate;
    animation: pageSoftEnter 0.62s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.user-ranking-page-shell::before,
.user-ranking-page-shell::after {
    content: "";
    position: fixed;
    pointer-events: none;
    z-index: -1;
    border-radius: 999px;
    filter: blur(12px);
    opacity: 0.72;
}

.user-ranking-page-shell::before {
    width: 360px;
    height: 360px;
    left: -160px;
    top: 120px;
    background: radial-gradient(circle, rgba(56, 189, 248, 0.10), transparent 70%);
    animation: rankingGlowFloat 13s ease-in-out infinite alternate;
}

.user-ranking-page-shell::after {
    width: 330px;
    height: 330px;
    right: -120px;
    bottom: 14%;
    background: radial-gradient(circle, rgba(34, 211, 238, 0.075), transparent 72%);
    animation: rankingGlowFloat 15s ease-in-out -5s infinite alternate;
}

.user-rankings-hero-panel,
.user-ranking-filter-card,
.user-ranking-board-card,
.user-ranking-count-card {
    border-color: rgba(148, 163, 184, 0.12) !important;
    background:
        radial-gradient(circle at 84% 18%, rgba(125, 239, 246, 0.052), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,0.046), rgba(255,255,255,0.018)),
        rgba(6, 20, 24, 0.66) !important;
    box-shadow:
        0 22px 54px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255,255,255,0.052) !important;
    backdrop-filter: blur(18px) saturate(124%);
    -webkit-backdrop-filter: blur(18px) saturate(124%);
    transition:
        transform 0.58s cubic-bezier(0.16, 1, 0.3, 1),
        border-color 0.58s cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 0.58s cubic-bezier(0.16, 1, 0.3, 1),
        background 0.58s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.user-rankings-hero-panel {
    padding: 22px 26px !important;
    margin-bottom: 18px !important;
}

.user-rankings-hero-panel h1 {
    font-size: clamp(30px, 3.2vw, 44px) !important;
    letter-spacing: -0.055em;
}

.user-ranking-count-card {
    min-width: 138px !important;
    padding: 16px 18px !important;
    border-radius: 20px !important;
}

.user-ranking-count-card span {
    font-size: 12px !important;
}

.user-ranking-count-card strong {
    font-size: 30px !important;
    line-height: 1;
}

.user-ranking-filter-card {
    padding: 18px 22px !important;
    margin-bottom: 22px !important;
}

.user-rankings-hero-panel:hover,
.user-ranking-filter-card:hover,
.user-ranking-board-card:hover,
.user-ranking-count-card:hover,
.user-top-card:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(125, 239, 246, 0.22) !important;
    box-shadow:
        0 28px 62px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255,255,255,0.070) !important;
}

.user-ranking-type-tabs {
    display: inline-flex;
    width: auto;
    min-width: 0;
    gap: 8px;
    padding: 0;
    background: transparent;
    border: 0;
}

.user-ranking-type-tabs a {
    min-width: 118px;
    text-align: center;
}

.user-top-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 22px;
}

.user-top-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    min-height: 92px;
    padding: 18px 20px;
    border-radius: 24px;
    border: 1px solid rgba(148, 163, 184, 0.12);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.052), rgba(255,255,255,0.018)),
        rgba(7, 24, 30, 0.66);
    box-shadow:
        0 18px 42px rgba(0,0,0,0.16),
        inset 0 1px 0 rgba(255,255,255,0.052);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    animation: rankingRowIn 0.56s cubic-bezier(0.16, 1, 0.3, 1) both;
    transition:
        transform 0.58s cubic-bezier(0.16, 1, 0.3, 1),
        border-color 0.58s cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 0.58s cubic-bezier(0.16, 1, 0.3, 1),
        background 0.58s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.user-top-card.rank-first { animation-delay: 0.12s; }
.user-top-card.rank-second { animation-delay: 0.16s; }
.user-top-card.rank-third { animation-delay: 0.20s; }

.user-top-rank,
.user-rank-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 58px;
    height: 38px;
    padding: 0 13px;
    border-radius: 999px;
    border: 1px solid rgba(125, 239, 246, 0.20);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.060), rgba(255,255,255,0.020)),
        rgba(6, 22, 27, 0.72);
    color: rgba(238, 252, 255, 0.94);
    font-size: 13px;
    font-weight: 950;
    letter-spacing: -0.02em;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.06);
}

.user-top-card.rank-first .user-top-rank,
.user-rank-chip.top-rank-chip {
    border-color: rgba(125, 239, 246, 0.28);
    color: #eaffff;
    background:
        linear-gradient(135deg, rgba(125,239,246,0.18), rgba(255,255,255,0.035)),
        rgba(7, 24, 29, 0.74);
}

.user-top-body h3 {
    margin: 0 0 3px;
    color: rgba(248, 250, 252, 0.96);
    font-size: 19px;
    letter-spacing: -0.04em;
}

.user-top-body p {
    margin: 0;
    color: rgba(148, 163, 184, 0.86);
    font-size: 13px;
    font-weight: 800;
}

.user-top-score {
    font-size: 25px;
    font-weight: 950;
    letter-spacing: -0.045em;
}

.user-ranking-board-card {
    padding: 20px !important;
}

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

.user-ranking-list-head,
.user-ranking-row {
    display: grid;
    grid-template-columns: 92px minmax(180px, 1.35fr) minmax(150px, 1fr) minmax(150px, 1fr) minmax(150px, 1fr);
    align-items: center;
    gap: 12px;
}

.user-ranking-list.is-recent-ranking .user-ranking-list-head,
.user-ranking-list.is-recent-ranking .user-ranking-row {
    grid-template-columns: 92px minmax(180px, 1.25fr) minmax(140px, 0.95fr) minmax(150px, 1fr) minmax(140px, 0.9fr) minmax(150px, 1fr);
}

.user-ranking-list-head {
    padding: 8px 18px 10px;
    color: rgba(226, 232, 240, 0.48);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.055em;
}

.user-ranking-row {
    min-height: 74px;
    padding: 14px 18px;
    border-radius: 20px;
    border: 1px solid rgba(148, 163, 184, 0.10);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.038), rgba(255,255,255,0.018)),
        rgba(6, 17, 20, 0.62);
    box-shadow:
        0 12px 28px rgba(0,0,0,0.12),
        inset 0 1px 0 rgba(255,255,255,0.035);
    opacity: 0;
    transform: translateY(14px) scale(0.992);
    animation: rankingRowIn 0.56s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    animation-delay: calc(150ms + min(var(--row-index, 0), 18) * 34ms);
    transition:
        transform 0.62s cubic-bezier(0.16, 1, 0.3, 1),
        border-color 0.62s cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 0.62s cubic-bezier(0.16, 1, 0.3, 1),
        background 0.62s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.user-ranking-row:hover {
    transform: translateY(-4px) scale(1.001) !important;
    border-color: rgba(125, 239, 246, 0.20);
    box-shadow:
        0 22px 46px rgba(0,0,0,0.18),
        inset 0 1px 0 rgba(255,255,255,0.050);
}

.user-rank-cell {
    display: flex;
    justify-content: center;
}

.user-rank-chip.is-unranked {
    color: rgba(148, 163, 184, 0.72);
    border-color: rgba(148, 163, 184, 0.14);
}

.user-team-cell strong {
    display: block;
    color: rgba(248, 250, 252, 0.96);
    font-size: 17px;
    letter-spacing: -0.035em;
}

.user-team-cell span {
    display: inline-flex;
    margin-top: 4px;
    color: #7deff6;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: -0.01em;
}

.user-name-cell,
.user-date-cell {
    color: rgba(203, 213, 225, 0.86);
    font-size: 14px;
    font-weight: 850;
}

.user-points-cell {
    font-size: 19px;
    font-weight: 950;
    letter-spacing: -0.04em;
}

.user-points-cell.primary-points {
    font-size: 21px;
}

.user-ranking-empty-state {
    background:
        linear-gradient(180deg, rgba(255,255,255,0.040), rgba(255,255,255,0.014)),
        rgba(6, 19, 24, 0.62) !important;
    border-color: rgba(148, 163, 184, 0.12) !important;
}

@media (max-width: 980px) {
    .user-top-grid {
        grid-template-columns: 1fr;
    }

    .user-ranking-list {
        overflow-x: auto;
    }

    .user-ranking-list-head,
    .user-ranking-row {
        min-width: 840px;
    }

    .user-ranking-list.is-recent-ranking .user-ranking-list-head,
    .user-ranking-list.is-recent-ranking .user-ranking-row {
        min-width: 980px;
    }
}

/* ============================================================
   My team final glass/motion redesign: consistent with player
   rankings/search, compact cards, refined roster prices.
   ============================================================ */
.my-team-page-shell {
    position: relative;
    isolation: isolate;
    animation: pageSoftEnter 0.62s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.my-team-page-shell::before,
.my-team-page-shell::after {
    content: "";
    position: fixed;
    pointer-events: none;
    z-index: -1;
    border-radius: 999px;
    filter: blur(12px);
    opacity: 0.68;
    animation: rankingGlowFloat 14s ease-in-out infinite alternate;
}

.my-team-page-shell::before {
    width: 380px;
    height: 380px;
    left: -165px;
    top: 128px;
    background: radial-gradient(circle, rgba(56, 189, 248, 0.105), transparent 70%);
}

.my-team-page-shell::after {
    width: 340px;
    height: 340px;
    right: -135px;
    bottom: 14%;
    background: radial-gradient(circle, rgba(34, 211, 238, 0.075), transparent 72%);
    animation-delay: -5s;
}

.my-team-page-shell .my-team-hero,
.my-team-page-shell .content-card,
.my-team-page-shell .score-summary-item,
.my-team-page-shell .chart-card,
.my-team-page-shell .field-slot {
    border-color: rgba(148, 163, 184, 0.115) !important;
    background:
        radial-gradient(circle at 86% 14%, rgba(125, 239, 246, 0.040), transparent 32%),
        linear-gradient(180deg, rgba(255,255,255,0.046), rgba(255,255,255,0.018)),
        rgba(6, 20, 24, 0.66) !important;
    box-shadow:
        0 20px 50px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255,255,255,0.052) !important;
    backdrop-filter: blur(18px) saturate(124%);
    -webkit-backdrop-filter: blur(18px) saturate(124%);
    transition:
        transform 0.56s cubic-bezier(0.16, 1, 0.3, 1),
        border-color 0.56s cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 0.56s cubic-bezier(0.16, 1, 0.3, 1),
        background 0.56s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.my-team-page-shell .my-team-hero:hover,
.my-team-page-shell .content-card:hover,
.my-team-page-shell .score-summary-item:hover,
.my-team-page-shell .chart-card:hover,
.my-team-page-shell .field-slot.filled:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(125, 239, 246, 0.22) !important;
    background:
        radial-gradient(circle at 86% 14%, rgba(125, 239, 246, 0.058), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,0.056), rgba(255,255,255,0.022)),
        rgba(7, 24, 29, 0.70) !important;
    box-shadow:
        0 26px 60px rgba(0, 0, 0, 0.22),
        0 0 26px rgba(8, 212, 223, 0.045),
        inset 0 1px 0 rgba(255,255,255,0.070) !important;
}

.my-team-page-shell .my-team-hero {
    padding: 18px 22px !important;
    margin-bottom: 16px !important;
}

.my-team-page-shell .my-team-hero h1 {
    margin-bottom: 4px !important;
    font-size: clamp(28px, 2.9vw, 40px) !important;
    letter-spacing: -0.055em;
}

.my-team-page-shell .single-line-copy {
    color: rgba(148, 163, 184, 0.82);
    font-size: 13px;
}

.my-team-page-shell .eyebrow {
    color: rgba(71, 225, 238, 0.94);
}

.my-team-dashboard {
    gap: 14px !important;
    margin-bottom: 16px !important;
    grid-template-columns: minmax(280px, 1.22fr) repeat(3, minmax(170px, 0.86fr)) !important;
}

.my-team-page-shell .compact-team-card,
.my-team-page-shell .compact-stat-card {
    min-height: 98px !important;
    padding: 15px 17px !important;
    border-radius: 20px !important;
    margin-bottom: 0 !important;
}

.my-team-page-shell .compact-team-card .section-heading {
    margin-bottom: 10px !important;
}

.my-team-page-shell .compact-team-card h2 {
    font-size: clamp(20px, 2vw, 25px) !important;
    line-height: 1.05;
    letter-spacing: -0.05em;
}

.my-team-page-shell .status-badge {
    padding: 7px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 860;
}

.my-team-page-shell .compact-actions .button-link {
    min-height: 34px;
    padding: 8px 12px !important;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 820;
}

.my-team-page-shell .compact-stat-card span,
.my-team-page-shell .score-summary-item span {
    color: rgba(148, 163, 184, 0.82) !important;
    font-size: 11.5px !important;
    font-weight: 820 !important;
    margin-bottom: 7px !important;
}

.my-team-page-shell .compact-stat-card strong,
.my-team-page-shell .score-summary-item strong {
    font-size: clamp(24px, 2.65vw, 32px) !important;
    line-height: 0.98 !important;
    font-weight: 810 !important;
    letter-spacing: -0.055em;
    text-shadow: none !important;
}

.my-team-page-shell .compact-stat-card small {
    margin-top: 5px;
    color: rgba(148, 163, 184, 0.76) !important;
    font-size: 12px;
    font-weight: 760;
}

.my-team-page-shell .count-ok,
.my-team-page-shell .budget-ok,
.my-team-page-shell .score-positive {
    color: #a7eef2 !important;
}

.my-team-page-shell .count-danger,
.my-team-page-shell .budget-danger,
.my-team-page-shell .score-negative {
    color: #ee9aa5 !important;
}

.my-team-page-shell .score-zero {
    color: rgba(148, 163, 184, 0.74) !important;
}

.my-team-page-shell .compact-score-card {
    padding: 18px 20px !important;
    border-radius: 22px !important;
}

.my-team-page-shell .compact-score-card h2,
.my-team-page-shell .field-card h2,
.my-team-page-shell .my-team-roster-detail h2 {
    font-size: clamp(20px, 2.1vw, 26px) !important;
    letter-spacing: -0.045em;
}

.my-team-page-shell .compact-score-summary-grid {
    gap: 12px !important;
    margin-bottom: 16px !important;
}

.my-team-page-shell .compact-score-summary-grid .score-summary-item {
    min-height: 88px !important;
    padding: 14px 16px !important;
    border-radius: 18px !important;
}

.my-team-page-shell .full-chart-card {
    min-height: 310px !important;
    padding: 16px !important;
    border-radius: 20px !important;
}

.my-team-page-shell .total-score-chart-card canvas,
.my-team-page-shell #teamTotalScoreChart {
    height: 230px !important;
}

.my-team-page-shell .chart-range-tabs {
    padding: 3px !important;
    gap: 4px !important;
    border-color: rgba(148, 163, 184, 0.12) !important;
    background: rgba(255,255,255,0.028) !important;
}

.my-team-page-shell .chart-range-button {
    padding: 7px 11px !important;
    font-size: 12px !important;
    font-weight: 820;
}

.my-team-page-shell .field-card,
.my-team-page-shell .my-team-roster-detail {
    padding: 20px !important;
    border-radius: 22px !important;
}

.my-team-page-shell .baseball-field {
    width: min(100%, 700px);
    border-radius: 28px;
}

.my-team-page-shell .field-slot {
    min-height: 112px;
    border-radius: 17px;
    padding: 10px;
}

.my-team-page-shell .field-slot .player-link {
    transition: color 0.26s ease, text-shadow 0.26s ease, transform 0.26s ease;
}

.my-team-page-shell .field-slot:hover .player-link {
    color: #8ff5fb !important;
    text-shadow: 0 0 16px rgba(125, 239, 246, 0.18);
}

.my-team-page-shell .field-slot:hover .uniform-sm {
    transform: translateY(-2px) scale(1.035);
    filter: drop-shadow(0 12px 18px rgba(0,0,0,0.26));
}

.my-team-page-shell .slot-topline {
    gap: 7px;
}

.my-team-page-shell .slot-code {
    color: rgba(142, 238, 245, 0.92);
    font-size: 12px;
    font-weight: 900;
}

.my-team-page-shell .slot-label,
.my-team-page-shell .slot-stats,
.my-team-page-shell .slot-stats small {
    color: rgba(148, 163, 184, 0.76) !important;
    font-weight: 760;
}

.my-team-page-shell .slot-player-main {
    margin-top: 7px;
}

.my-team-page-shell .slot-stats {
    margin-top: 8px;
    font-size: 11.5px;
}

.my-team-page-shell .slot-stats span:first-child {
    color: rgba(248, 250, 252, 0.92) !important;
    font-weight: 780;
}

.my-team-page-shell .bullpen-strip {
    gap: 10px;
    margin-top: 14px;
}

.my-team-roster-detail .table-wrap {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.my-team-roster-detail .data-table {
    min-width: 1020px;
    border-collapse: separate;
    border-spacing: 0 9px;
}

.my-team-roster-detail .data-table thead th {
    padding: 7px 10px 8px !important;
    color: rgba(226, 232, 240, 0.48) !important;
    background: transparent !important;
    border: 0 !important;
    font-size: 11px !important;
    letter-spacing: 0.055em;
}

.my-team-roster-detail .data-table tbody tr {
    opacity: 0;
    transform: translateY(12px) scale(0.994);
    animation: rankingRowIn 0.52s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    animation-delay: calc(160ms + min(var(--row-index, 0), 14) * 28ms);
}

.my-team-roster-detail .data-table tbody tr:nth-child(1) { --row-index: 0; }
.my-team-roster-detail .data-table tbody tr:nth-child(2) { --row-index: 1; }
.my-team-roster-detail .data-table tbody tr:nth-child(3) { --row-index: 2; }
.my-team-roster-detail .data-table tbody tr:nth-child(4) { --row-index: 3; }
.my-team-roster-detail .data-table tbody tr:nth-child(5) { --row-index: 4; }
.my-team-roster-detail .data-table tbody tr:nth-child(6) { --row-index: 5; }
.my-team-roster-detail .data-table tbody tr:nth-child(7) { --row-index: 6; }
.my-team-roster-detail .data-table tbody tr:nth-child(8) { --row-index: 7; }
.my-team-roster-detail .data-table tbody tr:nth-child(9) { --row-index: 8; }
.my-team-roster-detail .data-table tbody tr:nth-child(10) { --row-index: 9; }
.my-team-roster-detail .data-table tbody tr:nth-child(11) { --row-index: 10; }
.my-team-roster-detail .data-table tbody tr:nth-child(12) { --row-index: 11; }
.my-team-roster-detail .data-table tbody tr:nth-child(13) { --row-index: 12; }
.my-team-roster-detail .data-table tbody tr:nth-child(14) { --row-index: 13; }
.my-team-roster-detail .data-table tbody tr:nth-child(15) { --row-index: 14; }

.my-team-roster-detail .data-table td {
    padding: 10px 12px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.040), rgba(255,255,255,0.018)),
        rgba(6, 17, 20, 0.62) !important;
    border-top: 1px solid rgba(148, 163, 184, 0.10) !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.10) !important;
    box-shadow: 0 10px 24px rgba(0,0,0,0.11);
    transition: background 0.34s ease, border-color 0.34s ease, box-shadow 0.34s ease, transform 0.34s ease;
}

.my-team-roster-detail .data-table tr td:first-child {
    border-left: 1px solid rgba(148, 163, 184, 0.10) !important;
    border-radius: 16px 0 0 16px;
}

.my-team-roster-detail .data-table tr td:last-child {
    border-right: 1px solid rgba(148, 163, 184, 0.10) !important;
    border-radius: 0 16px 16px 0;
}

.my-team-roster-detail .data-table tbody tr:hover td {
    background:
        linear-gradient(180deg, rgba(255,255,255,0.054), rgba(255,255,255,0.022)),
        rgba(7, 24, 29, 0.72) !important;
    border-color: rgba(125, 239, 246, 0.20) !important;
    box-shadow: 0 18px 38px rgba(0,0,0,0.17);
}

.my-team-roster-detail .data-table tbody tr:hover .player-link {
    color: #8ff5fb !important;
}

.acquisition-price-value,
.market-price-value {
    font-family: Inter, "Pretendard", "SUIT", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
    font-size: 13.5px;
    font-weight: 780;
    letter-spacing: -0.018em;
    text-shadow: none;
}

.acquisition-price-value {
    color: rgba(248, 250, 252, 0.92);
}

.market-price-value.market-price-up {
    color: #8edbd0 !important;
}

.market-price-value.market-price-down {
    color: #e99aa4 !important;
}

.market-price-value.market-price-same {
    color: rgba(148, 163, 184, 0.78) !important;
}

.my-team-page-shell .empty-state {
    padding: 22px !important;
}

@media (max-width: 1180px) {
    .my-team-dashboard,
    .my-team-page-shell .compact-score-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .my-team-page-shell .bullpen-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .my-team-dashboard,
    .my-team-page-shell .compact-score-summary-grid,
    .my-team-page-shell .bullpen-strip {
        grid-template-columns: 1fr !important;
    }

    .my-team-page-shell .my-team-hero {
        padding: 16px 18px !important;
    }

    .my-team-page-shell .full-chart-card {
        min-height: 280px !important;
    }

    .my-team-page-shell .total-score-chart-card canvas,
    .my-team-page-shell #teamTotalScoreChart {
        height: 210px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .my-team-page-shell,
    .my-team-page-shell::before,
    .my-team-page-shell::after,
    .my-team-roster-detail .data-table tbody tr {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}

@keyframes pageSoftEnter {
    from { opacity: 0; transform: translateY(10px) scale(0.996); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

/* ============================================================
   Lightweight interaction pass + profile/team-edit glass update.
   - Keep page entry effects and all button/motion tab effects.
   - Remove hover emphasis only from large outer containers.
   - Keep inner cards, rows, roster slots, market/player cards interactive.
   ============================================================ */

.is-clickable-card {
    cursor: pointer;
}

.is-clickable-card:focus-visible {
    outline: 2px solid rgba(125, 239, 246, 0.58);
    outline-offset: 4px;
}

/* Large outer card hover should not repaint/float. Inner cards below keep hover. */
.ranking-page-shell .rankings-hero-panel:hover,
.ranking-page-shell .ranking-filter-card:hover,
.ranking-page-shell .ranking-board-card:hover,
.ranking-page-shell .ranking-count-card:hover,
.players-page-shell .players-hero-panel:hover,
.players-page-shell .players-filter-card:hover,
.players-page-shell .players-count-card:hover,
.user-rankings-page-shell .user-rankings-hero-panel:hover,
.user-rankings-page-shell .user-ranking-filter-card:hover,
.user-rankings-page-shell .user-ranking-board-card:hover,
.user-rankings-page-shell .user-ranking-count-card:hover,
.player-detail-shell .player-hero-detail:hover,
.player-detail-shell > .detail-grid > .content-card:hover,
.player-detail-shell > .metric-grid > .content-card:hover,
.my-team-page-shell .my-team-hero:hover,
.my-team-page-shell .compact-team-card:hover,
.my-team-page-shell .compact-stat-card:hover,
.my-team-page-shell .my-team-score-section:hover,
.my-team-page-shell .full-chart-card:hover,
.my-team-page-shell .field-card:hover,
.my-team-page-shell .my-team-roster-detail:hover,
.profile-page-shell .profile-hero-panel:hover,
.profile-page-shell .profile-glass-card:hover,
.team-edit-page-shell .team-edit-hero:hover,
.team-edit-page-shell .team-edit-panel:hover {
    transform: none !important;
    filter: none !important;
}

.profile-page-shell,
.team-edit-page-shell {
    position: relative;
    isolation: isolate;
    animation: pageSoftEnter 0.62s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.profile-page-shell::before,
.team-edit-page-shell::before {
    content: "";
    position: fixed;
    pointer-events: none;
    z-index: -1;
    width: 360px;
    height: 360px;
    left: -150px;
    top: 120px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(56, 189, 248, 0.095), transparent 70%);
    filter: blur(12px);
    opacity: 0.64;
    animation: rankingGlowFloat 14s ease-in-out infinite alternate;
}

.profile-page-shell::after,
.team-edit-page-shell::after {
    content: "";
    position: fixed;
    pointer-events: none;
    z-index: -1;
    width: 320px;
    height: 320px;
    right: -125px;
    bottom: 14%;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(34, 211, 238, 0.065), transparent 72%);
    filter: blur(12px);
    opacity: 0.58;
    animation: rankingGlowFloat 15s ease-in-out infinite alternate;
    animation-delay: -5s;
}

.profile-page-shell .profile-hero-panel,
.team-edit-page-shell .team-edit-hero,
.profile-page-shell .profile-glass-card,
.team-edit-page-shell .team-edit-panel {
    border-color: rgba(148, 163, 184, 0.12) !important;
    background:
        radial-gradient(circle at 86% 14%, rgba(125, 239, 246, 0.038), transparent 32%),
        linear-gradient(180deg, rgba(255,255,255,0.044), rgba(255,255,255,0.018)),
        rgba(6, 20, 24, 0.66) !important;
    box-shadow:
        0 18px 46px rgba(0, 0, 0, 0.17),
        inset 0 1px 0 rgba(255,255,255,0.052) !important;
    backdrop-filter: blur(14px) saturate(118%);
    -webkit-backdrop-filter: blur(14px) saturate(118%);
    transition:
        border-color 0.36s ease,
        box-shadow 0.36s ease,
        background 0.36s ease !important;
}

.profile-page-shell .profile-hero-panel,
.team-edit-page-shell .team-edit-hero {
    padding: 18px 22px !important;
    margin-bottom: 16px !important;
}

.profile-page-shell .profile-hero-panel h1,
.team-edit-page-shell .team-edit-hero h1 {
    font-size: clamp(28px, 2.9vw, 40px) !important;
    letter-spacing: -0.055em;
}

.profile-page-shell .profile-glass-grid {
    gap: 16px !important;
}

.profile-page-shell .profile-glass-card {
    padding: 20px !important;
    border-radius: 22px !important;
}

.profile-page-shell .profile-info-list.profile-stat-list {
    gap: 10px;
}

.profile-page-shell .profile-info-list.profile-stat-list div {
    min-height: 74px;
    padding: 13px 14px !important;
    border-radius: 17px !important;
    border: 1px solid rgba(148, 163, 184, 0.10);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.040), rgba(255,255,255,0.018)),
        rgba(6, 17, 20, 0.58) !important;
    box-shadow: 0 10px 24px rgba(0,0,0,0.10);
    transition: transform 0.34s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.34s ease, box-shadow 0.34s ease, background 0.34s ease;
}

.profile-page-shell .profile-info-list.profile-stat-list div:hover {
    transform: translateY(-2px);
    border-color: rgba(125, 239, 246, 0.20);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.052), rgba(255,255,255,0.022)),
        rgba(7, 24, 29, 0.70) !important;
    box-shadow: 0 16px 34px rgba(0,0,0,0.15);
}

.profile-page-shell .profile-info-list span,
.team-edit-page-shell .small-text {
    color: rgba(148, 163, 184, 0.78) !important;
    font-weight: 780;
}

.profile-page-shell .profile-info-list strong {
    color: rgba(248, 250, 252, 0.94);
    font-weight: 820;
    letter-spacing: -0.035em;
}

.team-edit-page-shell .team-edit-layout {
    gap: 16px !important;
}

.team-edit-page-shell .team-status-card,
.team-edit-page-shell .field-card,
.team-edit-page-shell .sticky-card {
    padding: 20px !important;
    border-radius: 22px !important;
}

.team-edit-page-shell .budget-row {
    gap: 10px;
}

.team-edit-page-shell .budget-row > div {
    min-height: 76px;
    padding: 13px 14px;
    border-radius: 17px;
    border: 1px solid rgba(148, 163, 184, 0.10);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.040), rgba(255,255,255,0.018)),
        rgba(6, 17, 20, 0.58);
    box-shadow: 0 10px 24px rgba(0,0,0,0.10);
    transition: transform 0.34s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.34s ease, box-shadow 0.34s ease, background 0.34s ease;
}

.team-edit-page-shell .budget-row > div:hover {
    transform: translateY(-2px);
    border-color: rgba(125, 239, 246, 0.20);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.052), rgba(255,255,255,0.022)),
        rgba(7, 24, 29, 0.70);
    box-shadow: 0 16px 34px rgba(0,0,0,0.15);
}

.team-edit-page-shell .budget-row strong {
    color: rgba(248, 250, 252, 0.94);
    font-size: clamp(20px, 2.1vw, 27px);
    font-weight: 810;
    letter-spacing: -0.055em;
}

.team-edit-page-shell .progress-track {
    border-color: rgba(148, 163, 184, 0.12) !important;
    background: rgba(255,255,255,0.035) !important;
}

.team-edit-page-shell .success-box,
.team-edit-page-shell .error-box {
    border-radius: 17px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.team-edit-page-shell .baseball-field {
    width: min(100%, 720px);
    border-radius: 28px;
}

.team-edit-page-shell .field-slot {
    border-color: rgba(148, 163, 184, 0.115) !important;
    background:
        radial-gradient(circle at 86% 14%, rgba(125, 239, 246, 0.040), transparent 32%),
        linear-gradient(180deg, rgba(255,255,255,0.046), rgba(255,255,255,0.018)),
        rgba(6, 20, 24, 0.66) !important;
    box-shadow:
        0 16px 36px rgba(0, 0, 0, 0.16),
        inset 0 1px 0 rgba(255,255,255,0.052) !important;
    backdrop-filter: blur(12px) saturate(118%);
    -webkit-backdrop-filter: blur(12px) saturate(118%);
}

.team-edit-page-shell .field-slot.filled:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(125, 239, 246, 0.22) !important;
    box-shadow:
        0 22px 48px rgba(0, 0, 0, 0.20),
        0 0 22px rgba(8, 212, 223, 0.045),
        inset 0 1px 0 rgba(255,255,255,0.070) !important;
}

.team-edit-page-shell .team-market-player-card {
    border-color: rgba(148, 163, 184, 0.10) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.040), rgba(255,255,255,0.018)),
        rgba(6, 17, 20, 0.60) !important;
    box-shadow: 0 10px 24px rgba(0,0,0,0.10);
    transition: transform 0.34s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.34s ease, box-shadow 0.34s ease, background 0.34s ease;
}

.team-edit-page-shell .team-market-player-card:hover {
    transform: translateY(-2px);
    border-color: rgba(125, 239, 246, 0.20) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.052), rgba(255,255,255,0.022)),
        rgba(7, 24, 29, 0.72) !important;
    box-shadow: 0 16px 34px rgba(0,0,0,0.15);
}

.team-edit-page-shell .team-market-player-card:hover .player-link {
    color: #8ff5fb !important;
    text-shadow: 0 0 14px rgba(125, 239, 246, 0.16);
}

/* My team market price readability: acquisition price vs current market price. */
.my-team-roster-detail .data-table tbody tr.is-clickable-card {
    cursor: pointer;
}

.acquisition-price-value,
.market-price-value {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 46px;
    padding: 4px 8px;
    border-radius: 999px;
    font-family: Inter, "Pretendard", "SUIT", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
    font-size: 13.5px;
    line-height: 1;
    font-weight: 840;
    letter-spacing: -0.018em;
    text-shadow: none;
}

.acquisition-price-value {
    color: rgba(248, 250, 252, 0.94) !important;
    background: rgba(248, 250, 252, 0.055);
    border: 1px solid rgba(248, 250, 252, 0.09);
}

.market-price-value.market-price-up {
    color: #7ee7b8 !important;
    background: rgba(52, 211, 153, 0.105);
    border: 1px solid rgba(52, 211, 153, 0.18);
    box-shadow: 0 0 18px rgba(52, 211, 153, 0.065);
}

.market-price-value.market-price-down {
    color: #f39aa7 !important;
    background: rgba(251, 113, 133, 0.105);
    border: 1px solid rgba(251, 113, 133, 0.18);
    box-shadow: 0 0 18px rgba(251, 113, 133, 0.055);
}

.market-price-value.market-price-same {
    color: rgba(203, 213, 225, 0.84) !important;
    background: rgba(148, 163, 184, 0.070);
    border: 1px solid rgba(148, 163, 184, 0.11);
}

@media (max-width: 980px) {
    .team-edit-page-shell .team-edit-layout,
    .profile-page-shell .profile-glass-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Stronger neutral hover state for outer glass containers only. */
.ranking-page-shell .rankings-hero-panel:hover,
.ranking-page-shell .ranking-filter-card:hover,
.ranking-page-shell .ranking-board-card:hover,
.ranking-page-shell .ranking-count-card:hover,
.players-page-shell .players-hero-panel:hover,
.players-page-shell .players-filter-card:hover,
.players-page-shell .players-count-card:hover,
.user-ranking-page-shell .user-rankings-hero-panel:hover,
.user-ranking-page-shell .user-ranking-filter-card:hover,
.user-ranking-page-shell .user-ranking-board-card:hover,
.user-ranking-page-shell .user-ranking-count-card:hover,
.player-detail-shell .player-hero-detail:hover,
.player-detail-shell .chart-card:hover,
.player-detail-shell .recent-game-card:hover,
.player-detail-shell > .detail-grid > .content-card:hover,
.my-team-page-shell .my-team-hero:hover,
.my-team-page-shell .compact-team-card:hover,
.my-team-page-shell .compact-stat-card:hover,
.my-team-page-shell .my-team-score-section:hover,
.my-team-page-shell .full-chart-card:hover,
.my-team-page-shell .field-card:hover,
.my-team-page-shell .my-team-roster-detail:hover,
.profile-page-shell .profile-hero-panel:hover,
.profile-page-shell .profile-glass-card:hover,
.team-edit-page-shell .team-edit-hero:hover,
.team-edit-page-shell .team-edit-panel:hover {
    transform: none !important;
    border-color: rgba(148, 163, 184, 0.12) !important;
    background:
        radial-gradient(circle at 86% 14%, rgba(125, 239, 246, 0.038), transparent 32%),
        linear-gradient(180deg, rgba(255,255,255,0.044), rgba(255,255,255,0.018)),
        rgba(6, 20, 24, 0.66) !important;
    box-shadow:
        0 18px 46px rgba(0, 0, 0, 0.17),
        inset 0 1px 0 rgba(255,255,255,0.052) !important;
}

/* Keep user ranking podium cards as inner interactive cards. */
.user-top-card:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(125, 239, 246, 0.22) !important;
    box-shadow:
        0 28px 62px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255,255,255,0.070) !important;
}


/* ============================================================
   Real KBO uniform image assets
   - Used by rankings, search, detail, team edit and my-team cards.
   ============================================================ */
.uniform-img {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 14px;
    background:
        radial-gradient(circle at 50% 10%, rgba(255, 255, 255, 0.18), transparent 58%),
        rgba(255, 255, 255, 0.025);
    overflow: visible;
    box-shadow: none !important;
}

.uniform-img svg,
.uniform-img .uniform-number {
    display: none !important;
}

.uniform-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 10px 12px rgba(0, 0, 0, 0.26));
    transform-origin: center bottom;
    transition: transform 0.26s cubic-bezier(0.16, 1, 0.3, 1), filter 0.26s ease;
}

.uniform-img.uniform-sm {
    width: 42px;
    height: 58px;
}

.uniform-img.uniform-md {
    width: 62px;
    height: 82px;
}

.uniform-img.uniform-lg {
    width: 126px;
    height: 162px;
}

.ranking-table-modern tbody tr:hover .uniform-img img,
.ranking-clickable-row:focus-visible .uniform-img img,
.player-search-card:hover .uniform-img img,
.player-search-card:focus-visible .uniform-img img,
.field-slot:hover .uniform-img img,
.field-slot:focus-visible .uniform-img img,
.player-hero-detail:hover .uniform-img img,
.player-hero-card:hover .uniform-img img {
    transform: translateY(-2px) scale(1.035);
    filter: drop-shadow(0 14px 18px rgba(0, 0, 0, 0.32));
}

.player-hero-uniform .uniform-img.uniform-lg,
.player-hero-detail .uniform-img.uniform-lg {
    width: 136px;
    height: 174px;
}

@media (max-width: 720px) {
    .uniform-img.uniform-lg,
    .player-hero-uniform .uniform-img.uniform-lg,
    .player-hero-detail .uniform-img.uniform-lg {
        width: 108px;
        height: 142px;
    }
}

/* ============================================================
   My team one-pass compact layout + lineup/list roster update.
   - Validation failure has priority over confirmed display.
   - Team value is capped at 100.0 in the UI.
   - Roster detail is now a responsive card list, not a wide table.
   ============================================================ */
html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

.page-wrap,
.header-inner,
.my-team-page-shell,
.my-team-page-shell * {
    min-width: 0;
}

.my-team-page-shell {
    overflow-x: clip;
}

.my-team-overview-card {
    padding: 18px 20px !important;
    border-radius: 24px !important;
    margin-bottom: 18px !important;
}

.my-team-page-shell .my-team-overview-card:hover,
.my-team-page-shell .my-team-roster-section:hover {
    transform: none !important;
}

.my-team-overview-top,
.my-team-title-line,
.my-team-roster-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.my-team-title-block {
    min-width: 0;
}

.my-team-title-line {
    justify-content: flex-start;
    flex-wrap: wrap;
}

.my-team-title-line h2 {
    margin: 0;
    font-size: clamp(22px, 2.3vw, 30px);
    line-height: 1.06;
    letter-spacing: -0.055em;
}

.my-team-edit-button {
    flex: 0 0 auto;
    min-height: 36px;
    padding: 9px 14px !important;
    border-radius: 13px !important;
    font-size: 13px;
}

.my-team-page-shell .status-badge.warning {
    color: #fef3c7 !important;
    background:
        linear-gradient(135deg, rgba(245, 158, 11, 0.26), rgba(234, 179, 8, 0.13)) !important;
    border: 1px solid rgba(251, 191, 36, 0.38);
    box-shadow: 0 0 22px rgba(245, 158, 11, 0.10);
}

.my-team-validation-warning {
    margin: 14px 0 15px;
    padding: 12px 14px;
    border-radius: 17px;
    border: 1px solid rgba(251, 191, 36, 0.26);
    background:
        radial-gradient(circle at 4% 0%, rgba(251, 191, 36, 0.13), transparent 44%),
        rgba(49, 35, 7, 0.34);
    color: rgba(254, 243, 199, 0.92);
}

.my-team-validation-warning strong {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    letter-spacing: -0.02em;
}

.my-team-validation-warning ul {
    margin: 0;
    padding-left: 18px;
    display: grid;
    gap: 3px;
    color: rgba(253, 230, 138, 0.88);
    font-size: 12.5px;
    line-height: 1.45;
}

.my-team-validation-warning small {
    display: block;
    margin-top: 6px;
    color: rgba(253, 230, 138, 0.68);
    font-weight: 760;
}

.my-team-metric-strip {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
    margin-top: 14px;
}

.my-team-metric-item {
    min-height: 76px;
    padding: 12px 13px;
    border-radius: 17px;
    border: 1px solid rgba(148, 163, 184, 0.10);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.038), rgba(255,255,255,0.014)),
        rgba(6, 17, 20, 0.54);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.045);
}

.my-team-metric-item span {
    display: block;
    margin-bottom: 7px;
    color: rgba(148, 163, 184, 0.78);
    font-size: 11.5px;
    font-weight: 830;
}

.my-team-metric-item strong {
    display: block;
    color: rgba(248, 250, 252, 0.94);
    font-size: clamp(20px, 2.1vw, 28px);
    line-height: 1;
    font-weight: 850;
    letter-spacing: -0.055em;
}

.my-team-metric-item small {
    display: inline-flex;
    margin-top: 6px;
    color: rgba(251, 191, 36, 0.86);
    font-size: 11px;
    font-weight: 820;
}

.team-value-item {
    border-color: rgba(125, 239, 246, 0.22);
    background:
        radial-gradient(circle at 85% 12%, rgba(125, 239, 246, 0.085), transparent 42%),
        linear-gradient(180deg, rgba(255,255,255,0.042), rgba(255,255,255,0.015)),
        rgba(6, 17, 20, 0.58);
}

.team-value-item strong {
    color: #a7eef2 !important;
}

.team-budget-item {
    border-color: rgba(52, 211, 153, 0.20);
    background:
        radial-gradient(circle at 82% 15%, rgba(52, 211, 153, 0.078), transparent 42%),
        linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.014)),
        rgba(6, 17, 20, 0.56);
}

.team-budget-item strong {
    color: rgba(187, 247, 208, 0.96) !important;
}

.team-budget-item .budget-negative,
.my-team-metric-item strong.budget-negative {
    color: rgba(248, 113, 113, 0.95) !important;
}

.team-value-rule {
    margin: 10px 2px 0;
    color: rgba(148, 163, 184, 0.74);
    font-size: 12px;
    font-weight: 720;
    line-height: 1.45;
}

.my-team-roster-section {
    padding: 20px !important;
    border-radius: 24px !important;
}

.roster-view-tabs {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, 0.13);
    background: rgba(255,255,255,0.032);
}

.roster-view-button {
    min-height: 32px;
    padding: 8px 13px !important;
    border-radius: 999px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: rgba(148, 163, 184, 0.86) !important;
    font-size: 12px;
    font-weight: 860;
    transition: color 0.18s ease, background 0.18s ease, transform 0.18s ease !important;
}

.roster-view-button:hover {
    transform: none !important;
    color: rgba(248, 250, 252, 0.94) !important;
}

.roster-view-button.active {
    color: #06101f !important;
    background: linear-gradient(135deg, #7deff6, #22d3ee) !important;
}

.roster-view-panel {
    display: none;
}

.roster-view-panel.active {
    display: block;
    animation: rosterPanelIn 0.34s cubic-bezier(0.16, 1, 0.3, 1) both;
}

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

.my-team-page-shell .my-team-stadium {
    width: min(100%, 1120px) !important;
    aspect-ratio: 16 / 9 !important;
    margin: 4px auto 16px !important;
    border-radius: 30px !important;
    overflow: hidden !important;
    border: 1px solid rgba(148, 163, 184, 0.12);
    background: rgba(2, 6, 23, 0.36);
}

.my-team-stadium .field-bg .stadium-base { fill: rgba(2, 6, 23, 0.58); }
.my-team-stadium .field-bg .stadium-stands { fill: rgba(15, 23, 42, 0.78); stroke: rgba(148, 163, 184, 0.12); stroke-width: 2; }
.my-team-stadium .field-bg .outfield-grass { fill: url(#mypickGrassGlow); stroke: rgba(125, 239, 246, 0.16); stroke-width: 2; }
.my-team-stadium .field-bg .outfield-mow { fill: none; stroke: rgba(125, 239, 246, 0.075); stroke-width: 42; stroke-linecap: round; }
.my-team-stadium .field-bg .outfield-mow.inner { stroke: rgba(15, 118, 110, 0.11); stroke-width: 34; }
.my-team-stadium .field-bg .infield-dirt { fill: url(#mypickDirt); stroke: rgba(250, 204, 21, 0.12); stroke-width: 1; }
.my-team-stadium .field-bg .diamond-fill { fill: rgba(154, 103, 49, 0.34); }
.my-team-stadium .field-bg .diamond-line { fill: none; stroke: rgba(254, 243, 199, 0.46); stroke-width: 2.4; }
.my-team-stadium .field-bg .base-line { stroke: rgba(254, 243, 199, 0.42); stroke-width: 2; }
.my-team-stadium .field-bg .base-line.soft { opacity: 0.55; }
.my-team-stadium .field-bg .foul-line { stroke: rgba(254, 243, 199, 0.30); stroke-width: 1.8; stroke-dasharray: 8 7; }
.my-team-stadium .field-bg .outfield-fence { fill: none; stroke: rgba(125, 239, 246, 0.22); stroke-width: 4; stroke-linecap: round; }
.my-team-stadium .field-bg .mound { fill: rgba(154, 103, 49, 0.70); stroke: rgba(254, 243, 199, 0.46); stroke-width: 2; }
.my-team-stadium .field-bg .mound-dot { fill: rgba(254, 243, 199, 0.60); }
.my-team-stadium .field-bg .home-plate,
.my-team-stadium .field-bg .base-dot { fill: rgba(248, 250, 252, 0.88); stroke: rgba(15, 23, 42, 0.36); stroke-width: 1; }

.my-team-page-shell .field-position {
    width: clamp(118px, 12.2vw, 150px) !important;
    z-index: 2;
}

.my-team-page-shell .pos-lf { left: 18% !important; top: 31% !important; }
.my-team-page-shell .pos-cf { left: 50% !important; top: 18% !important; }
.my-team-page-shell .pos-rf { left: 82% !important; top: 31% !important; }
.my-team-page-shell .pos-ss { left: 37% !important; top: 45% !important; }
.my-team-page-shell .pos-2b { left: 63% !important; top: 45% !important; }
.my-team-page-shell .pos-3b { left: 24% !important; top: 62% !important; }
.my-team-page-shell .pos-1b { left: 76% !important; top: 62% !important; }
.my-team-page-shell .pos-p1 { left: 50% !important; top: 61% !important; }
.my-team-page-shell .pos-c { left: 50% !important; top: 84% !important; }
.my-team-page-shell .pos-util { left: auto !important; top: auto !important; }

.my-team-page-shell .field-slot {
    min-height: 104px !important;
    padding: 9px !important;
    border-radius: 16px !important;
}

.my-team-page-shell .field-slot.filled:hover {
    transform: translateY(-2px) !important;
}

.my-team-page-shell .slot-player-main {
    gap: 8px;
}

.my-team-page-shell .slot-back-no,
.roster-player-identity small {
    display: block;
    margin-top: 2px;
    color: rgba(148, 163, 184, 0.74);
    font-size: 11px;
    font-weight: 820;
}

.lineup-support-grid {
    display: grid;
    grid-template-columns: minmax(180px, 0.78fr) minmax(0, 2.2fr);
    gap: 12px;
    align-items: stretch;
}

.lineup-support-card {
    border: 1px solid rgba(148, 163, 184, 0.10);
    border-radius: 20px;
    padding: 12px;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.036), rgba(255,255,255,0.014)),
        rgba(6, 17, 20, 0.46);
}

.support-card-heading {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.support-card-heading span {
    color: rgba(248, 250, 252, 0.92);
    font-size: 13px;
    font-weight: 900;
}

.support-card-heading small {
    color: rgba(148, 163, 184, 0.72);
    font-size: 11px;
    font-weight: 780;
}

.my-team-page-shell .bullpen-strip {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 0 !important;
}

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

.roster-list-row {
    display: grid;
    grid-template-columns: minmax(86px, 0.55fr) minmax(220px, 1.55fr) minmax(170px, 1.1fr) repeat(3, minmax(112px, 0.7fr));
    gap: 12px;
    align-items: center;
    padding: 12px 14px;
    border-radius: 18px;
    border: 1px solid rgba(148, 163, 184, 0.10);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.040), rgba(255,255,255,0.016)),
        rgba(6, 17, 20, 0.58);
    box-shadow: 0 10px 24px rgba(0,0,0,0.10);
    opacity: 0;
    transform: translateY(12px) scale(0.996);
    animation: rankingRowIn 0.50s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    animation-delay: calc(120ms + min(var(--row-index, 0), 14) * 26ms);
    transition: border-color 0.26s ease, box-shadow 0.26s ease, background 0.26s ease, transform 0.26s ease;
}

.roster-list-row:hover {
    transform: translateY(-2px);
    border-color: rgba(125, 239, 246, 0.22);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.054), rgba(255,255,255,0.022)),
        rgba(7, 24, 29, 0.72);
    box-shadow: 0 17px 36px rgba(0,0,0,0.16);
}

.roster-list-row:hover .player-link {
    color: #8ff5fb !important;
    text-shadow: 0 0 14px rgba(125, 239, 246, 0.16);
}

.roster-slot-chip {
    display: grid;
    gap: 3px;
}

.roster-slot-chip strong {
    color: rgba(125, 239, 246, 0.94);
    font-size: 15px;
    font-weight: 950;
}

.roster-slot-chip span {
    color: rgba(148, 163, 184, 0.72);
    font-size: 11px;
    font-weight: 780;
}

.roster-player-identity {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
}

.roster-player-identity > div {
    min-width: 0;
}

.roster-player-identity .player-link,
.roster-player-identity strong {
    display: block;
    color: rgba(248, 250, 252, 0.94);
    font-size: 15px;
    font-weight: 900;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.roster-list-meta {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
}

.roster-list-stat {
    display: grid;
    gap: 5px;
    justify-items: start;
}

.roster-list-stat span {
    color: rgba(148, 163, 184, 0.68);
    font-size: 11px;
    font-weight: 780;
}

.roster-list-stat strong {
    color: rgba(248, 250, 252, 0.92);
    font-size: 14px;
    font-weight: 860;
}

.roster-player-identity.empty .empty-plus {
    flex: 0 0 auto;
}

.muted-meta {
    color: rgba(148, 163, 184, 0.62);
    font-weight: 800;
}

.my-team-page-shell .table-wrap,
.my-team-page-shell .data-table {
    max-width: 100%;
}

@media (max-width: 1180px) {
    .my-team-metric-strip {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .lineup-support-grid {
        grid-template-columns: 1fr;
    }

    .my-team-page-shell .bullpen-strip {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .roster-list-row {
        grid-template-columns: minmax(74px, 0.5fr) minmax(210px, 1.4fr) minmax(150px, 1fr) repeat(3, minmax(100px, 0.65fr));
        gap: 10px;
    }
}

@media (max-width: 860px) {
    .my-team-overview-top,
    .my-team-roster-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .my-team-metric-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .team-value-item,
    .team-budget-item {
        grid-column: 1 / -1;
    }

    .my-team-page-shell .my-team-stadium {
        aspect-ratio: 10 / 11 !important;
        overflow: visible !important;
        padding-bottom: 10px;
    }

    .my-team-stadium .field-bg {
        display: none;
    }

    .my-team-page-shell .field-position {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        width: 100% !important;
    }

    .my-team-stadium {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        height: auto;
    }

    .roster-list-row {
        grid-template-columns: minmax(70px, auto) minmax(0, 1fr);
        align-items: start;
    }

    .roster-list-meta,
    .roster-list-stat {
        grid-column: 2;
    }

    .roster-list-stat {
        grid-template-columns: 110px 1fr;
        align-items: center;
    }
}

@media (max-width: 640px) {
    .my-team-metric-strip,
    .my-team-page-shell .bullpen-strip,
    .my-team-stadium {
        grid-template-columns: 1fr !important;
    }

    .roster-view-tabs {
        width: 100%;
    }

    .roster-view-button {
        flex: 1 1 0;
    }

    .roster-list-row {
        grid-template-columns: 1fr;
    }

    .roster-list-meta,
    .roster-list-stat {
        grid-column: auto;
    }

    .roster-list-stat {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .roster-view-panel.active,
    .roster-list-row {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}

/* ============================================================
   My team lineup/list refinement.
   - Smooth tab indicator and panel transition.
   - Ballpark proportions redrawn from a real baseball field view.
   - UTIL stays on the field; bullpen pitchers move to the right rail.
   - Roster list identity column is centered between slot and meta columns.
   ============================================================ */
.my-team-page-shell,
.my-team-roster-section,
.lineup-board,
.lineup-field-wrap,
.lineup-bullpen-panel,
.roster-list-row {
    min-width: 0;
}

.roster-view-tabs {
    position: relative;
    isolation: isolate;
    gap: 0 !important;
    padding: 4px !important;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.018)),
        rgba(3, 14, 20, 0.66) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.055), 0 12px 26px rgba(0,0,0,0.18);
}

.roster-tab-indicator {
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 0;
    width: 0;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(125,239,246,0.96), rgba(34,211,238,0.92));
    box-shadow: 0 10px 22px rgba(34, 211, 238, 0.18), inset 0 1px 0 rgba(255,255,255,0.45);
    z-index: 0;
    transform: translateX(4px);
    transition: transform 0.30s cubic-bezier(0.16, 1, 0.3, 1), width 0.30s cubic-bezier(0.16, 1, 0.3, 1);
    pointer-events: none;
}

.roster-view-button {
    position: relative;
    z-index: 1;
    min-width: 76px;
    background: transparent !important;
    transition: color 0.22s ease, transform 0.22s ease !important;
}

.roster-view-button.active {
    background: transparent !important;
    color: #06101f !important;
    transform: translateY(-1px) !important;
}

.roster-view-panel {
    display: block !important;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    transform: translateY(10px) scale(0.996);
    pointer-events: none;
    transition:
        opacity 0.28s ease,
        transform 0.34s cubic-bezier(0.16, 1, 0.3, 1),
        max-height 0.42s cubic-bezier(0.16, 1, 0.3, 1),
        visibility 0s linear 0.34s;
}

.roster-view-panel.active {
    max-height: 2200px;
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
    pointer-events: auto;
    transition:
        opacity 0.30s ease,
        transform 0.36s cubic-bezier(0.16, 1, 0.3, 1),
        max-height 0.50s cubic-bezier(0.16, 1, 0.3, 1),
        visibility 0s;
    animation: none !important;
}

.lineup-board {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(206px, 238px);
    gap: 14px;
    align-items: stretch;
}

.lineup-field-wrap {
    min-width: 0;
}

.my-team-page-shell .my-team-stadium {
    width: 100% !important;
    max-width: none !important;
    aspect-ratio: 1200 / 760 !important;
    margin: 2px 0 0 !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 50% 12%, rgba(125, 239, 246, 0.10), transparent 34%),
        rgba(2, 6, 23, 0.55) !important;
}

.my-team-stadium .field-bg .stadium-base {
    fill: rgba(2, 6, 23, 0.64);
}

.my-team-stadium .field-bg .field-shape {
    fill: rgba(84, 53, 30, 0.62);
    stroke: rgba(253, 230, 138, 0.14);
    stroke-width: 2;
}

.my-team-stadium .field-bg .grass-main {
    fill: url(#mypickGrassPattern);
    stroke: rgba(125, 239, 246, 0.17);
    stroke-width: 2.5;
}

.my-team-stadium .field-bg .grass-light {
    fill: url(#mypickFieldLight);
}

.my-team-stadium .field-bg .warning-track {
    fill: none;
    stroke: rgba(139, 92, 46, 0.52);
    stroke-width: 34;
    stroke-linecap: round;
}

.my-team-stadium .field-bg .outfield-fence {
    fill: none;
    stroke: rgba(196, 181, 253, 0.18);
    stroke-width: 5;
    stroke-linecap: round;
}

.my-team-stadium .field-bg .infield-dirt {
    fill: url(#mypickInfieldDirt);
    stroke: rgba(253, 230, 138, 0.18);
    stroke-width: 1.5;
}

.my-team-stadium .field-bg .diamond-grass {
    fill: rgba(32, 118, 62, 0.80);
    stroke: rgba(255,255,255,0.04);
    stroke-width: 1;
}

.my-team-stadium .field-bg .diamond-line {
    fill: none;
    stroke: rgba(255, 255, 255, 0.62);
    stroke-width: 2.5;
    stroke-linejoin: round;
}

.my-team-stadium .field-bg .base-line {
    stroke: rgba(255, 255, 255, 0.58);
    stroke-width: 2.2;
}

.my-team-stadium .field-bg .base-line.soft {
    opacity: 0.50;
}

.my-team-stadium .field-bg .foul-line {
    stroke: rgba(255,255,255,0.72);
    stroke-width: 2;
    stroke-dasharray: none;
}

.my-team-stadium .field-bg .foul-box {
    fill: none;
    stroke: rgba(255,255,255,0.46);
    stroke-width: 2;
    stroke-linecap: round;
}

.my-team-stadium .field-bg .mound {
    fill: url(#mypickMoundDirt);
    stroke: rgba(254, 243, 199, 0.44);
    stroke-width: 2;
}

.my-team-stadium .field-bg .rubber,
.my-team-stadium .field-bg .home-plate,
.my-team-stadium .field-bg .base-dot {
    fill: rgba(248, 250, 252, 0.92);
    stroke: rgba(15, 23, 42, 0.36);
    stroke-width: 1;
}

.my-team-stadium .field-bg .catcher-circle {
    fill: rgba(109, 69, 38, 0.60);
    stroke: rgba(255, 255, 255, 0.42);
    stroke-width: 2;
}

.my-team-stadium .field-bg .batter-box {
    fill: none;
    stroke: rgba(255,255,255,0.54);
    stroke-width: 2;
}

.my-team-page-shell .field-position {
    width: clamp(104px, 8.5vw, 128px) !important;
    z-index: 2;
}

.my-team-page-shell .pos-lf { left: 24% !important; top: 28% !important; }
.my-team-page-shell .pos-cf { left: 50% !important; top: 17% !important; }
.my-team-page-shell .pos-rf { left: 76% !important; top: 28% !important; }
.my-team-page-shell .pos-ss { left: 40% !important; top: 43% !important; }
.my-team-page-shell .pos-2b { left: 60% !important; top: 43% !important; }
.my-team-page-shell .pos-3b { left: 31% !important; top: 56% !important; }
.my-team-page-shell .pos-1b { left: 69% !important; top: 56% !important; }
.my-team-page-shell .pos-p1 { left: 50% !important; top: 61% !important; }
.my-team-page-shell .pos-c { left: 50% !important; top: 86% !important; }
.my-team-page-shell .pos-util { left: 76% !important; top: 79% !important; }

.my-team-page-shell .field-slot {
    min-height: 92px !important;
    padding: 8px !important;
    border-radius: 15px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.052), rgba(255,255,255,0.018)),
        rgba(3, 15, 22, 0.78) !important;
    border-color: rgba(148, 163, 184, 0.16) !important;
    box-shadow: 0 12px 26px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.05);
    backdrop-filter: none !important;
}

.my-team-page-shell .field-slot.filled {
    border-color: rgba(125, 239, 246, 0.26) !important;
}

.my-team-page-shell .slot-topline {
    gap: 4px;
}

.my-team-page-shell .slot-code {
    font-size: 11px;
}

.my-team-page-shell .slot-label {
    font-size: 10px;
}

.my-team-page-shell .slot-player-main {
    gap: 7px;
    margin-top: 4px;
}

.my-team-page-shell .slot-player-text {
    min-width: 0;
}

.my-team-page-shell .field-slot .player-link {
    font-size: 12.5px !important;
    line-height: 1.15;
}

.my-team-page-shell .field-slot .uniform-sm {
    width: 34px;
    height: 42px;
    flex: 0 0 34px;
}

.my-team-page-shell .field-slot .slot-meta {
    display: none;
}

.my-team-page-shell .slot-stats {
    margin-top: 6px;
    font-size: 10.5px;
    gap: 4px;
}

.my-team-page-shell .slot-stats span {
    min-width: 0;
}

.lineup-bullpen-panel {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 13px;
    border-radius: 24px;
    border: 1px solid rgba(148, 163, 184, 0.12);
    background:
        radial-gradient(circle at 88% 0%, rgba(125, 239, 246, 0.075), transparent 44%),
        linear-gradient(180deg, rgba(255,255,255,0.038), rgba(255,255,255,0.014)),
        rgba(6, 17, 20, 0.48);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.045);
}

.bullpen-heading {
    margin-bottom: 12px !important;
}

.bullpen-rail {
    display: grid;
    grid-template-rows: repeat(5, minmax(0, 1fr));
    gap: 9px;
    min-height: 0;
}

.bullpen-rail .field-slot {
    width: 100% !important;
    min-height: 88px !important;
}

.bullpen-rail .field-slot .uniform-sm {
    width: 32px;
    height: 39px;
    flex-basis: 32px;
}

.bullpen-rail .slot-stats {
    margin-top: 4px;
}

.roster-list-row {
    grid-template-columns: minmax(112px, 0.72fr) minmax(240px, 1.42fr) minmax(176px, 0.92fr) repeat(3, minmax(108px, 0.62fr)) !important;
    gap: 13px !important;
    padding: 12px 15px !important;
}

.roster-slot-chip {
    min-width: 104px;
    padding-left: 8px;
    transform: translateX(6px);
}

.roster-slot-chip strong {
    font-size: 17px !important;
}

.roster-slot-chip span {
    font-size: 11.5px !important;
}

.roster-player-identity {
    justify-self: center;
    width: min(100%, 278px);
    transform: translateX(8px);
    gap: 12px !important;
}

.roster-player-identity .uniform-sm {
    width: 42px;
    height: 52px;
    flex: 0 0 42px;
}

.roster-player-identity .player-link,
.roster-player-identity strong {
    font-size: 15.5px !important;
}

.roster-list-meta {
    justify-self: start;
    transform: translateX(2px);
}

@media (max-width: 1180px) {
    .lineup-board {
        grid-template-columns: minmax(0, 1fr) minmax(184px, 210px);
        gap: 10px;
    }

    .my-team-page-shell .field-position {
        width: clamp(96px, 8.3vw, 116px) !important;
    }

    .my-team-page-shell .field-slot {
        min-height: 86px !important;
        padding: 7px !important;
    }

    .bullpen-rail .field-slot {
        min-height: 82px !important;
    }

    .roster-list-row {
        grid-template-columns: minmax(106px, 0.68fr) minmax(220px, 1.28fr) minmax(158px, 0.86fr) repeat(3, minmax(96px, 0.58fr)) !important;
        gap: 10px !important;
    }
}

@media (max-width: 960px) {
    .lineup-board {
        grid-template-columns: 1fr;
    }

    .lineup-bullpen-panel {
        padding: 12px;
    }

    .bullpen-rail {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        grid-template-rows: none;
    }

    .bullpen-rail .field-slot {
        min-height: 88px !important;
    }
}

@media (max-width: 860px) {
    .my-team-page-shell .my-team-stadium {
        aspect-ratio: 10 / 11 !important;
        overflow: visible !important;
    }

    .my-team-page-shell .field-position {
        width: 100% !important;
    }

    .my-team-page-shell .pos-util {
        left: auto !important;
        top: auto !important;
    }

    .bullpen-rail {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .roster-list-row {
        grid-template-columns: minmax(96px, auto) minmax(0, 1fr) !important;
    }

    .roster-slot-chip {
        transform: none;
        padding-left: 3px;
    }

    .roster-player-identity {
        justify-self: stretch;
        width: 100%;
        transform: none;
    }
}

@media (max-width: 640px) {
    .bullpen-rail {
        grid-template-columns: 1fr;
    }

    .roster-tab-indicator {
        transition-duration: 0.24s;
    }
}

@media (prefers-reduced-motion: reduce) {
    .roster-tab-indicator,
    .roster-view-panel,
    .roster-view-button {
        transition: none !important;
    }
}

.my-team-stadium #mypickGrassPattern rect:nth-child(1) {
    fill: rgba(24, 119, 63, 0.72) !important;
}

.my-team-stadium #mypickGrassPattern rect:nth-child(2) {
    fill: rgba(32, 143, 73, 0.35) !important;
}

/* ============================================================
   Team edit lineup/list + market panel refinement.
   - Outer roster/search cards expand naturally; only player result list scrolls.
   - Pitcher panel is placed left of the field.
   - Search panel starts immediately to the right of roster workspace.
   ============================================================ */
.team-edit-page-shell {
    max-width: 100%;
    overflow-x: clip;
}

.team-edit-page-shell .team-edit-hero .hero-actions button {
    min-width: 108px;
}

.team-edit-page-shell .team-edit-workspace {
    grid-template-columns: minmax(0, 1fr) minmax(360px, 420px) !important;
    gap: 18px !important;
    align-items: start;
    max-width: 100%;
    overflow-x: clip;
}

.team-edit-main-column,
.team-edit-market-column,
.team-edit-roster-card,
.team-edit-market-panel {
    min-width: 0;
    max-width: 100%;
}

.team-edit-page-shell .team-status-console {
    padding: 16px 18px !important;
    border-radius: 22px !important;
    margin-bottom: 16px;
    background:
        radial-gradient(circle at 90% 0%, rgba(245, 158, 11, 0.055), transparent 38%),
        linear-gradient(180deg, rgba(255,255,255,0.040), rgba(255,255,255,0.016)),
        rgba(5, 17, 22, 0.64) !important;
}

.team-status-console-head {
    margin-bottom: 12px !important;
}

.team-status-mini-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.team-status-mini-item {
    min-width: 0;
    padding: 11px 13px;
    border-radius: 16px;
    border: 1px solid rgba(148, 163, 184, 0.11);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.040), rgba(255,255,255,0.016)),
        rgba(3, 13, 18, 0.58);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.045);
}

.team-status-mini-item span {
    display: block;
    color: rgba(148, 163, 184, 0.80);
    font-size: 11px;
    font-weight: 820;
    letter-spacing: -0.01em;
    margin-bottom: 5px;
}

.team-status-mini-item strong {
    display: flex;
    align-items: baseline;
    gap: 4px;
    color: rgba(248, 250, 252, 0.92);
    font-size: clamp(18px, 1.8vw, 24px);
    font-weight: 860;
    letter-spacing: -0.055em;
}

.team-status-mini-item strong em {
    color: rgba(148, 163, 184, 0.72);
    font-size: 0.66em;
    font-style: normal;
    font-weight: 780;
    letter-spacing: -0.02em;
}

.metric-current-ok {
    color: #75e6b0 !important;
    text-shadow: 0 0 14px rgba(52, 211, 153, 0.14);
}

.metric-current-danger {
    color: #f59baa !important;
    text-shadow: 0 0 14px rgba(251, 113, 133, 0.12);
}

.metric-current-over {
    color: #38bdf8 !important;
    text-shadow: 0 0 16px rgba(56, 189, 248, 0.18);
}

.compact-status-message {
    margin-top: 11px;
    padding: 11px 13px !important;
    border-radius: 15px !important;
}

.compact-status-message ul {
    margin-top: 8px;
}

.team-edit-page-shell .team-edit-roster-card,
.team-edit-page-shell .team-edit-market-panel {
    overflow: visible !important;
}

.team-edit-lineup-grid {
    display: grid;
    grid-template-columns: minmax(176px, 218px) minmax(0, 1fr);
    gap: 14px;
    align-items: stretch;
    min-width: 0;
}

.team-edit-pitcher-panel {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 13px;
    border-radius: 24px;
    border: 1px solid rgba(148, 163, 184, 0.12);
    background:
        radial-gradient(circle at 0% 0%, rgba(125, 239, 246, 0.075), transparent 42%),
        linear-gradient(180deg, rgba(255,255,255,0.038), rgba(255,255,255,0.014)),
        rgba(5, 16, 21, 0.52);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.045);
}

.pitcher-heading {
    margin-bottom: 11px !important;
}

.pitcher-heading span {
    color: rgba(248, 250, 252, 0.94);
}

.pitcher-heading small {
    color: rgba(125, 239, 246, 0.78);
}

.team-edit-pitcher-rail {
    display: grid;
    gap: 8px;
    overflow: visible;
}

.team-edit-pitcher-rail .field-slot {
    width: 100% !important;
    min-height: 82px !important;
    padding: 8px !important;
}

.team-edit-pitcher-rail .field-slot .uniform-sm {
    width: 31px;
    height: 38px;
    flex: 0 0 31px;
}

.team-edit-pitcher-rail .field-slot .slot-meta {
    display: none;
}

.team-edit-pitcher-rail .slot-stats {
    margin-top: 4px;
    font-size: 10.5px;
}

.team-edit-field-wrap {
    min-width: 0;
}

.team-edit-page-shell .team-edit-stadium {
    width: 100% !important;
    max-width: none !important;
    aspect-ratio: 1200 / 760 !important;
    margin: 0 !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 50% 12%, rgba(125, 239, 246, 0.10), transparent 34%),
        rgba(2, 6, 23, 0.55) !important;
}

.team-edit-stadium .field-bg .grass-main { fill: url(#editGrassPattern) !important; }
.team-edit-stadium .field-bg .grass-light { fill: url(#editFieldLight) !important; }
.team-edit-stadium .field-bg .infield-dirt { fill: url(#editInfieldDirt) !important; }
.team-edit-stadium .field-bg .mound { fill: url(#editMoundDirt) !important; }

.team-edit-page-shell .team-edit-stadium .field-position {
    width: clamp(94px, 7.6vw, 118px) !important;
    z-index: 2;
}

.team-edit-page-shell .team-edit-stadium .pos-lf { left: 24% !important; top: 28% !important; }
.team-edit-page-shell .team-edit-stadium .pos-cf { left: 50% !important; top: 17% !important; }
.team-edit-page-shell .team-edit-stadium .pos-rf { left: 76% !important; top: 28% !important; }
.team-edit-page-shell .team-edit-stadium .pos-ss { left: 40% !important; top: 43% !important; }
.team-edit-page-shell .team-edit-stadium .pos-2b { left: 60% !important; top: 43% !important; }
.team-edit-page-shell .team-edit-stadium .pos-3b { left: 31% !important; top: 56% !important; }
.team-edit-page-shell .team-edit-stadium .pos-1b { left: 69% !important; top: 56% !important; }
.team-edit-page-shell .team-edit-stadium .pos-c { left: 50% !important; top: 86% !important; }
.team-edit-page-shell .team-edit-stadium .pos-util { left: 76% !important; top: 79% !important; }

.team-edit-page-shell .team-edit-stadium .field-slot {
    min-height: 88px !important;
    padding: 8px !important;
    border-radius: 15px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.052), rgba(255,255,255,0.018)),
        rgba(3, 15, 22, 0.78) !important;
    border-color: rgba(148, 163, 184, 0.16) !important;
    box-shadow: 0 12px 26px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.05);
    backdrop-filter: none !important;
}

.team-edit-page-shell .team-edit-stadium .field-slot .player-link,
.team-edit-pitcher-rail .field-slot .player-link {
    font-size: 12.5px !important;
    line-height: 1.15;
}

.team-edit-page-shell .team-edit-stadium .field-slot .uniform-sm {
    width: 33px;
    height: 41px;
    flex: 0 0 33px;
}

.team-edit-page-shell .team-edit-stadium .field-slot .slot-meta {
    display: none;
}

.team-edit-page-shell .team-edit-stadium .slot-stats {
    margin-top: 5px;
    font-size: 10.5px;
}

.team-edit-roster-list-grid {
    gap: 9px;
}

.team-edit-list-row {
    grid-template-columns: minmax(104px, 0.62fr) minmax(220px, 1.35fr) minmax(158px, 0.86fr) repeat(2, minmax(108px, 0.58fr)) minmax(52px, auto) !important;
}

.team-edit-list-remove {
    justify-self: end;
    margin: 0;
}

.team-edit-market-panel {
    position: relative !important;
    top: auto !important;
    min-height: 760px;
    align-self: start;
}

.team-edit-market-panel .section-heading {
    margin-bottom: 14px;
}

.team-edit-market-panel .side-filter {
    padding: 12px;
    border-radius: 18px;
    border: 1px solid rgba(148, 163, 184, 0.11);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.036), rgba(255,255,255,0.014)),
        rgba(3, 13, 18, 0.42);
}

.market-filter-actions button,
.market-filter-actions .button-link {
    min-height: 42px;
}

.team-edit-search-scroll {
    max-height: 720px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 3px 6px 3px 1px;
    overscroll-behavior: contain;
    scrollbar-width: thin;
}

.team-edit-search-scroll::-webkit-scrollbar {
    width: 8px;
}

.team-edit-search-scroll::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.035);
    border-radius: 999px;
}

.team-edit-search-scroll::-webkit-scrollbar-thumb {
    background: rgba(125, 239, 246, 0.26);
    border-radius: 999px;
}

.team-edit-page-shell .team-market-player-card {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    padding: 11px 12px !important;
    border-radius: 18px !important;
}

.market-add-button {
    min-height: 36px;
    padding: 0 13px;
    border-radius: 999px;
    border: 1px solid rgba(125, 239, 246, 0.28);
    background:
        linear-gradient(135deg, rgba(125, 239, 246, 0.18), rgba(34, 211, 238, 0.10)),
        rgba(3, 17, 23, 0.72);
    color: rgba(218, 255, 255, 0.94);
    font-size: 12px;
    font-weight: 880;
    letter-spacing: -0.02em;
    cursor: pointer;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 10px 22px rgba(0,0,0,0.14);
    transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.22s ease, background 0.22s ease, box-shadow 0.22s ease;
}

.market-add-button:hover {
    transform: translateY(-1px);
    border-color: rgba(125, 239, 246, 0.48);
    background:
        linear-gradient(135deg, rgba(125, 239, 246, 0.30), rgba(34, 211, 238, 0.16)),
        rgba(4, 26, 32, 0.82);
    box-shadow: 0 14px 28px rgba(0,0,0,0.18), 0 0 22px rgba(34,211,238,0.08);
}

.players-pagination {
    margin-top: 8px;
    margin-bottom: 4px;
}

@media (max-width: 1220px) {
    .team-edit-page-shell .team-edit-workspace {
        grid-template-columns: 1fr !important;
    }

    .team-edit-market-panel {
        min-height: 0;
    }

    .team-edit-search-scroll {
        max-height: 620px !important;
    }
}

@media (max-width: 960px) {
    .team-edit-lineup-grid {
        grid-template-columns: 1fr;
    }

    .team-edit-pitcher-rail {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .team-status-mini-grid {
        grid-template-columns: 1fr;
    }

    .team-edit-list-row {
        grid-template-columns: minmax(96px, auto) minmax(0, 1fr) !important;
    }

    .team-edit-list-remove,
    .team-edit-list-row .roster-list-meta,
    .team-edit-list-row .roster-list-stat {
        justify-self: start;
    }
}

@media (max-width: 700px) {
    .team-edit-pitcher-rail {
        grid-template-columns: 1fr;
    }

    .team-edit-page-shell .team-edit-stadium {
        aspect-ratio: 10 / 11 !important;
        overflow: visible !important;
    }

    .team-edit-page-shell .team-edit-stadium .field-position {
        width: 100% !important;
    }

    .team-edit-page-shell .team-edit-stadium .pos-util {
        left: auto !important;
        top: auto !important;
    }
}

/* ============================================================
   Correction pass: restore my-team field and fix team edit UX.
   Only overrides the unintended roster/editor changes.
   ============================================================ */

/* Restore /my-team lineup field to the pre-redesign green field artwork. */
.my-team-page-shell .my-team-stadium {
    width: 100% !important;
    max-width: none !important;
    aspect-ratio: 1200 / 760 !important;
    margin: 2px 0 0 !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 50% 12%, rgba(125, 239, 246, 0.10), transparent 34%),
        rgba(2, 6, 23, 0.55) !important;
}

.my-team-stadium .field-bg .stadium-base { fill: rgba(2, 6, 23, 0.64) !important; }
.my-team-stadium .field-bg .field-shape {
    fill: rgba(84, 53, 30, 0.62) !important;
    stroke: rgba(253, 230, 138, 0.14) !important;
    stroke-width: 2 !important;
}
.my-team-stadium .field-bg .grass-main {
    fill: url(#mypickGrassPattern) !important;
    stroke: rgba(125, 239, 246, 0.17) !important;
    stroke-width: 2.5 !important;
}
.my-team-stadium .field-bg .grass-light { fill: url(#mypickFieldLight) !important; }
.my-team-stadium .field-bg .warning-track {
    fill: none !important;
    stroke: rgba(139, 92, 46, 0.52) !important;
    stroke-width: 34 !important;
    stroke-linecap: round !important;
}
.my-team-stadium .field-bg .outfield-fence {
    fill: none !important;
    stroke: rgba(196, 181, 253, 0.18) !important;
    stroke-width: 5 !important;
    stroke-linecap: round !important;
}
.my-team-stadium .field-bg .infield-dirt {
    fill: url(#mypickInfieldDirt) !important;
    stroke: rgba(253, 230, 138, 0.18) !important;
    stroke-width: 1.5 !important;
}
.my-team-stadium .field-bg .diamond-grass {
    fill: rgba(32, 118, 62, 0.80) !important;
    stroke: rgba(255, 255, 255, 0.04) !important;
    stroke-width: 1 !important;
}
.my-team-stadium .field-bg .diamond-line {
    fill: none !important;
    stroke: rgba(255, 255, 255, 0.62) !important;
    stroke-width: 2.5 !important;
    stroke-linejoin: round !important;
}
.my-team-stadium .field-bg .base-line {
    stroke: rgba(255, 255, 255, 0.58) !important;
    stroke-width: 2.2 !important;
}
.my-team-stadium .field-bg .base-line.soft { opacity: 0.50 !important; }
.my-team-stadium .field-bg .foul-line {
    stroke: rgba(255, 255, 255, 0.72) !important;
    stroke-width: 2 !important;
    stroke-dasharray: none !important;
}
.my-team-stadium .field-bg .foul-box {
    fill: none !important;
    stroke: rgba(255, 255, 255, 0.46) !important;
    stroke-width: 2 !important;
    stroke-linecap: round !important;
}
.my-team-stadium .field-bg .mound {
    fill: url(#mypickMoundDirt) !important;
    stroke: rgba(254, 243, 199, 0.44) !important;
    stroke-width: 2 !important;
}
.my-team-stadium .field-bg .rubber,
.my-team-stadium .field-bg .home-plate,
.my-team-stadium .field-bg .base-dot {
    fill: rgba(248, 250, 252, 0.92) !important;
    stroke: rgba(15, 23, 42, 0.36) !important;
    stroke-width: 1 !important;
}
.my-team-stadium .field-bg .catcher-circle {
    fill: rgba(109, 69, 38, 0.60) !important;
    stroke: rgba(255, 255, 255, 0.42) !important;
    stroke-width: 2 !important;
}
.my-team-stadium .field-bg .batter-box {
    fill: none !important;
    stroke: rgba(255, 255, 255, 0.54) !important;
    stroke-width: 2 !important;
}

/* Team edit status: keep only the current count/budget value colored; remaining budget stays neutral. */
.team-edit-page-shell .remaining-budget-value {
    color: rgba(248, 250, 252, 0.92) !important;
    text-shadow: none !important;
}

/* Team edit cards should remain readable; undo the over-compressed text treatment. */
.team-edit-page-shell .team-edit-stadium .field-slot {
    min-height: 106px !important;
    padding: 10px !important;
}

.team-edit-page-shell .team-edit-stadium .field-slot .player-link,
.team-edit-pitcher-rail .field-slot .player-link,
.team-edit-list-row .player-link,
.team-edit-page-shell .team-market-player-card .player-link {
    font-size: 13.8px !important;
    line-height: 1.22 !important;
    font-weight: 900 !important;
}

.team-edit-page-shell .team-edit-stadium .slot-label,
.team-edit-pitcher-rail .slot-label {
    font-size: 11px !important;
}

.team-edit-page-shell .team-edit-stadium .slot-code,
.team-edit-pitcher-rail .slot-code {
    font-size: 12px !important;
}

.team-edit-page-shell .team-edit-stadium .slot-stats,
.team-edit-pitcher-rail .slot-stats {
    font-size: 11.4px !important;
    line-height: 1.2 !important;
}

.team-edit-page-shell .team-edit-stadium .field-slot .uniform-sm,
.team-edit-pitcher-rail .field-slot .uniform-sm {
    width: 36px !important;
    height: 44px !important;
    flex: 0 0 36px !important;
}

/* P1 belongs on the field. The left rail is only bullpen P2-P6. */
.team-edit-lineup-grid {
    grid-template-columns: minmax(184px, 220px) minmax(0, 1fr) !important;
    gap: 16px !important;
}

.team-edit-pitcher-panel {
    overflow: visible !important;
    max-height: none !important;
}

.team-edit-pitcher-rail {
    overflow: visible !important;
    max-height: none !important;
    gap: 10px !important;
}

.team-edit-pitcher-rail .field-slot {
    min-height: 96px !important;
    padding: 10px !important;
}

.team-edit-page-shell .team-edit-stadium .pos-p1 {
    left: 50% !important;
    top: 61% !important;
}

.team-edit-page-shell .team-edit-stadium .pos-c {
    left: 50% !important;
    top: 86% !important;
}

.team-edit-page-shell .team-edit-stadium .pos-util {
    left: 76% !important;
    top: 79% !important;
}

/* Outer editor cards should not create their own drag/scroll. Only the player list scrolls. */
.team-edit-page-shell .team-edit-roster-card,
.team-edit-page-shell .team-edit-market-panel,
.team-edit-page-shell .team-edit-market-column,
.team-edit-page-shell .team-edit-main-column {
    overflow: visible !important;
    max-height: none !important;
}

.team-edit-market-panel {
    min-height: 900px !important;
}

.team-edit-search-scroll {
    min-height: 540px !important;
    max-height: 760px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 8px !important;
}

/* Delete buttons appear only when hovering/focusing the player card. */
.field-slot .slot-remove-form,
.team-edit-list-row .team-edit-list-remove {
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(-2px) scale(0.96) !important;
    transition:
        opacity 0.18s ease,
        transform 0.18s ease !important;
}

.field-slot:hover .slot-remove-form,
.field-slot:focus-within .slot-remove-form,
.field-slot:focus-visible .slot-remove-form,
.team-edit-list-row:hover .team-edit-list-remove,
.team-edit-list-row:focus-within .team-edit-list-remove,
.team-edit-list-row:focus-visible .team-edit-list-remove {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) scale(1) !important;
}

/* Hovering the whole player card, not only the name, highlights the player name. */
.field-slot.filled:hover .player-link,
.field-slot.filled:focus-within .player-link,
.market-player-card:hover .player-link,
.market-player-card:focus-within .player-link,
.team-edit-list-row:hover .player-link,
.team-edit-list-row:focus-within .player-link {
    color: rgba(125, 239, 246, 0.98) !important;
    text-shadow: 0 0 16px rgba(34, 211, 238, 0.14) !important;
}

.team-edit-page-shell .team-market-player-card {
    min-height: 86px !important;
}

/* Notice focus target after add/remove/validation errors. */
#team-notice {
    scroll-margin-top: 110px;
}

#team-notice:focus {
    outline: none;
}

@media (max-width: 960px) {
    .team-edit-lineup-grid {
        grid-template-columns: 1fr !important;
    }

    .team-edit-pitcher-rail {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .team-edit-search-scroll {
        min-height: 420px !important;
        max-height: 620px !important;
    }
}

@media (max-width: 700px) {
    .team-edit-pitcher-rail {
        grid-template-columns: 1fr !important;
    }
}


/* ============================================================
   Final correction: readable status metrics + one shared lineup field.
   This block only overrides the previous team page edits.
   ============================================================ */

/* 팀 구성 상태 숫자/라벨을 충분히 크게 표시 */
.team-status-mini-grid {
    gap: 18px !important;
}

.team-status-mini-item {
    padding: 22px 26px !important;
    border-radius: 24px !important;
}

.team-status-mini-item > span,
.team-status-mini-item span:first-child {
    font-size: clamp(18px, 1.45vw, 24px) !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
    letter-spacing: -0.035em !important;
    color: rgba(203, 213, 225, 0.92) !important;
    margin-bottom: 14px !important;
}

.team-status-mini-item strong {
    font-size: clamp(34px, 3.6vw, 52px) !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: -0.065em !important;
}

.team-status-mini-item strong em {
    font-size: 0.72em !important;
    font-weight: 850 !important;
}

/* 불펜 패널 보조 문구는 영어 없이 간단하게 */
.team-edit-pitcher-panel .support-card-heading small,
.lineup-bullpen-panel .support-card-heading small {
    color: rgba(148, 163, 184, 0.86) !important;
    letter-spacing: -0.02em !important;
    text-transform: none !important;
}

/* 내 팀과 팀 편집에서 같은 경기장 SVG/색감 사용 */
.my-team-page-shell .my-team-stadium,
.team-edit-page-shell .team-edit-stadium {
    width: 100% !important;
    max-width: none !important;
    aspect-ratio: 1200 / 760 !important;
    margin: 0 !important;
    border-radius: 30px !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 50% 18%, rgba(125, 239, 246, 0.13), transparent 36%),
        linear-gradient(180deg, rgba(10, 25, 31, 0.78), rgba(2, 6, 23, 0.72)) !important;
    border: 1px solid rgba(125, 239, 246, 0.12) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.06),
        0 24px 58px rgba(0, 0, 0, 0.26) !important;
}

.my-team-stadium .field-bg,
.team-edit-stadium .field-bg {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

.my-team-stadium .field-bg .stadium-base,
.team-edit-stadium .field-bg .stadium-base {
    fill: rgba(3, 13, 18, 0.74) !important;
}

.my-team-stadium .field-bg .stadium-bowl,
.team-edit-stadium .field-bg .stadium-bowl {
    fill: url(#mypickSharedStadiumShade) !important;
    stroke: rgba(125, 239, 246, 0.10) !important;
    stroke-width: 2 !important;
}

.my-team-stadium .field-bg .warning-track,
.team-edit-stadium .field-bg .warning-track {
    fill: rgba(112, 69, 36, 0.78) !important;
    stroke: rgba(253, 230, 138, 0.10) !important;
    stroke-width: 2 !important;
}

.my-team-stadium .field-bg .grass-main,
.team-edit-stadium .field-bg .grass-main {
    fill: url(#mypickSharedGrassPattern) !important;
    stroke: rgba(125, 239, 246, 0.15) !important;
    stroke-width: 2.4 !important;
}

.my-team-stadium .field-bg .grass-light,
.team-edit-stadium .field-bg .grass-light {
    fill: url(#mypickSharedFieldLight) !important;
}

.my-team-stadium .field-bg .outfield-fence,
.team-edit-stadium .field-bg .outfield-fence {
    fill: none !important;
    stroke: rgba(125, 239, 246, 0.28) !important;
    stroke-width: 4 !important;
    stroke-linecap: round !important;
}

.my-team-stadium .field-bg .infield-dirt,
.team-edit-stadium .field-bg .infield-dirt {
    fill: url(#mypickSharedDirt) !important;
    stroke: rgba(254, 243, 199, 0.20) !important;
    stroke-width: 1.6 !important;
}

.my-team-stadium .field-bg .diamond-grass,
.team-edit-stadium .field-bg .diamond-grass {
    fill: rgba(34, 119, 62, 0.82) !important;
    stroke: rgba(255, 255, 255, 0.05) !important;
    stroke-width: 1 !important;
}

.my-team-stadium .field-bg .diamond-line,
.team-edit-stadium .field-bg .diamond-line {
    fill: none !important;
    stroke: rgba(255, 255, 255, 0.66) !important;
    stroke-width: 2.6 !important;
    stroke-linejoin: round !important;
}

.my-team-stadium .field-bg .base-line,
.team-edit-stadium .field-bg .base-line {
    stroke: rgba(255, 255, 255, 0.58) !important;
    stroke-width: 2.3 !important;
}

.my-team-stadium .field-bg .base-line.soft,
.team-edit-stadium .field-bg .base-line.soft {
    opacity: 0.52 !important;
}

.my-team-stadium .field-bg .foul-line,
.team-edit-stadium .field-bg .foul-line {
    stroke: rgba(255, 255, 255, 0.70) !important;
    stroke-width: 2.1 !important;
    stroke-dasharray: none !important;
}

.my-team-stadium .field-bg .mound,
.team-edit-stadium .field-bg .mound {
    fill: url(#mypickSharedMound) !important;
    stroke: rgba(254, 243, 199, 0.45) !important;
    stroke-width: 2 !important;
}

.my-team-stadium .field-bg .rubber,
.team-edit-stadium .field-bg .rubber,
.my-team-stadium .field-bg .home-plate,
.team-edit-stadium .field-bg .home-plate,
.my-team-stadium .field-bg .base-dot,
.team-edit-stadium .field-bg .base-dot {
    fill: rgba(248, 250, 252, 0.94) !important;
    stroke: rgba(15, 23, 42, 0.42) !important;
    stroke-width: 1 !important;
}

.my-team-stadium .field-bg .catcher-circle,
.team-edit-stadium .field-bg .catcher-circle {
    fill: rgba(111, 68, 36, 0.64) !important;
    stroke: rgba(255, 255, 255, 0.42) !important;
    stroke-width: 2 !important;
}

.my-team-stadium .field-bg .batter-box,
.team-edit-stadium .field-bg .batter-box {
    fill: none !important;
    stroke: rgba(255, 255, 255, 0.54) !important;
    stroke-width: 2 !important;
}

/* 같은 SVG를 쓰기 때문에 포지션도 두 페이지에서 같은 기준으로 맞춤 */
.my-team-page-shell .my-team-stadium .pos-lf,
.team-edit-page-shell .team-edit-stadium .pos-lf { left: 24% !important; top: 28% !important; }
.my-team-page-shell .my-team-stadium .pos-cf,
.team-edit-page-shell .team-edit-stadium .pos-cf { left: 50% !important; top: 17% !important; }
.my-team-page-shell .my-team-stadium .pos-rf,
.team-edit-page-shell .team-edit-stadium .pos-rf { left: 76% !important; top: 28% !important; }
.my-team-page-shell .my-team-stadium .pos-ss,
.team-edit-page-shell .team-edit-stadium .pos-ss { left: 40% !important; top: 44% !important; }
.my-team-page-shell .my-team-stadium .pos-2b,
.team-edit-page-shell .team-edit-stadium .pos-2b { left: 60% !important; top: 44% !important; }
.my-team-page-shell .my-team-stadium .pos-3b,
.team-edit-page-shell .team-edit-stadium .pos-3b { left: 31% !important; top: 58% !important; }
.my-team-page-shell .my-team-stadium .pos-1b,
.team-edit-page-shell .team-edit-stadium .pos-1b { left: 69% !important; top: 58% !important; }
.my-team-page-shell .my-team-stadium .pos-p1,
.team-edit-page-shell .team-edit-stadium .pos-p1 { left: 50% !important; top: 62% !important; }
.my-team-page-shell .my-team-stadium .pos-c,
.team-edit-page-shell .team-edit-stadium .pos-c { left: 50% !important; top: 88% !important; }
.my-team-page-shell .my-team-stadium .pos-util,
.team-edit-page-shell .team-edit-stadium .pos-util { left: 78% !important; top: 78% !important; }

/* 팀 편집 카드 가독성: 줄이지 않고 읽히게 유지 */
.team-edit-page-shell .team-edit-stadium .field-slot,
.team-edit-pitcher-rail .field-slot {
    min-height: 104px !important;
    padding: 11px !important;
}

.team-edit-page-shell .team-edit-stadium .field-slot .player-link,
.team-edit-pitcher-rail .field-slot .player-link,
.team-edit-list-row .player-link,
.team-edit-page-shell .team-market-player-card .player-link {
    font-size: 14.8px !important;
    line-height: 1.22 !important;
    font-weight: 920 !important;
}

@media (max-width: 960px) {
    .team-status-mini-item > span,
    .team-status-mini-item span:first-child {
        font-size: 18px !important;
    }

    .team-status-mini-item strong {
        font-size: 36px !important;
    }
}

/* ============================================================
   Focused correction: status metric sizing + compact roster card text.
   - Keep all status-card numbers at one consistent size.
   - Keep player names on one line.
   - Remove card text overflow caused by long labels/score suffixes.
   ============================================================ */
.team-status-mini-grid {
    gap: 14px !important;
}

.team-status-mini-item {
    padding: 18px 22px !important;
    border-radius: 22px !important;
}

.team-status-mini-item > span,
.team-status-mini-item span:first-child {
    font-size: clamp(17px, 1.18vw, 21px) !important;
    line-height: 1.15 !important;
    margin-bottom: 12px !important;
}

.team-status-mini-item strong {
    font-size: clamp(28px, 2.25vw, 34px) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: -0.055em !important;
    gap: 3px !important;
}

.team-status-mini-item strong em {
    font-size: 1em !important;
    line-height: 1 !important;
    font-weight: 820 !important;
    letter-spacing: -0.055em !important;
}

.team-status-mini-item .remaining-budget-value {
    font-size: clamp(28px, 2.25vw, 34px) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: -0.055em !important;
}

.my-team-page-shell .field-slot,
.team-edit-page-shell .team-edit-stadium .field-slot,
.team-edit-pitcher-rail .field-slot {
    min-width: 0 !important;
}

.my-team-page-shell .slot-topline,
.team-edit-page-shell .slot-topline {
    min-width: 0 !important;
    align-items: center !important;
}

.my-team-page-shell .slot-label,
.team-edit-page-shell .slot-label,
.team-edit-pitcher-rail .slot-label {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.my-team-page-shell .slot-player-main,
.team-edit-page-shell .slot-player-main,
.team-edit-pitcher-rail .slot-player-main {
    min-width: 0 !important;
    align-items: center !important;
}

.my-team-page-shell .slot-player-text,
.team-edit-page-shell .slot-player-text,
.team-edit-pitcher-rail .slot-player-text {
    min-width: 0 !important;
    overflow: hidden !important;
}

.my-team-page-shell .field-slot .player-link,
.team-edit-page-shell .team-edit-stadium .field-slot .player-link,
.team-edit-pitcher-rail .field-slot .player-link {
    display: block !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: clamp(13.4px, 0.92vw, 14.8px) !important;
    line-height: 1.08 !important;
    font-family: inherit !important;
    font-weight: 900 !important;
    letter-spacing: -0.04em !important;
}

.my-team-page-shell .slot-back-no,
.team-edit-page-shell .slot-back-no,
.team-edit-pitcher-rail .slot-back-no {
    display: block !important;
    margin-top: 2px !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-family: inherit !important;
    font-size: clamp(12.6px, 0.86vw, 14px) !important;
    line-height: 1.05 !important;
    font-weight: 760 !important;
    letter-spacing: -0.035em !important;
    color: rgba(248, 250, 252, 0.92) !important;
}

.my-team-page-shell .slot-stats,
.team-edit-page-shell .team-edit-stadium .slot-stats,
.team-edit-pitcher-rail .slot-stats {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    align-items: baseline !important;
    gap: 5px !important;
    margin-top: 6px !important;
    font-size: clamp(12.2px, 0.78vw, 13.2px) !important;
    line-height: 1.02 !important;
}

.my-team-page-shell .slot-stats span,
.team-edit-page-shell .team-edit-stadium .slot-stats span,
.team-edit-pitcher-rail .slot-stats span {
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    font-size: inherit !important;
    font-weight: 880 !important;
    letter-spacing: -0.04em !important;
}

.my-team-page-shell .slot-stats small,
.team-edit-page-shell .team-edit-stadium .slot-stats small,
.team-edit-pitcher-rail .slot-stats small {
    margin-left: 2px !important;
    font-size: 0.74em !important;
    line-height: 1 !important;
    letter-spacing: -0.03em !important;
}

/* ============================================================
   Final precision fix: team status metric number sizing/color.
   The previous selector `.team-status-mini-item span:first-child`
   also matched the current-value span inside <strong>, making 14
   smaller than /15 and overriding the green/red condition color.
   Keep label styling on the direct label only, and keep all numbers
   inside each metric at the same visual size.
   ============================================================ */
.team-status-mini-item > span {
    font-size: clamp(19px, 1.35vw, 24px) !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
    letter-spacing: -0.035em !important;
    color: rgba(203, 213, 225, 0.92) !important;
    margin-bottom: 12px !important;
}

.team-status-mini-item strong {
    display: flex !important;
    align-items: baseline !important;
    gap: 5px !important;
    font-size: clamp(31px, 2.55vw, 40px) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: -0.055em !important;
    color: rgba(226, 232, 240, 0.94) !important;
}

.team-status-mini-item strong > span,
.team-status-mini-item strong > em,
.team-status-mini-item .remaining-budget-value {
    font-size: 1em !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: -0.055em !important;
}

.team-status-mini-item strong > em {
    color: rgba(148, 163, 184, 0.92) !important;
    font-style: normal !important;
}

.team-status-mini-item strong > span.metric-current-ok {
    color: #72f2ac !important;
    text-shadow: 0 0 18px rgba(114, 242, 172, 0.16) !important;
}

.team-status-mini-item strong > span.metric-current-danger {
    color: #ff8a9a !important;
    text-shadow: 0 0 18px rgba(255, 138, 154, 0.12) !important;
}

.team-status-mini-item strong > span.metric-current-over {
    color: #38bdf8 !important;
    text-shadow: 0 0 18px rgba(56, 189, 248, 0.18) !important;
}

/* ============================================================
   Team edit status split layout correction.
   - Status card now matches the roster-board column width.
   - Validation message is separated into the market-column width.
   - Both top cards stay visually aligned and compact.
   ============================================================ */
.team-edit-page-shell .team-edit-status-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 420px) !important;
    gap: 18px !important;
    align-items: stretch !important;
    max-width: 100% !important;
    margin-bottom: 18px !important;
    overflow-x: clip !important;
}

.team-edit-page-shell .team-edit-status-row .team-status-console {
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 18px 20px !important;
    border-radius: 24px !important;
}

.team-edit-page-shell .team-edit-status-row .team-status-console-head {
    margin-bottom: 14px !important;
}

.team-edit-page-shell .team-edit-status-row .team-status-console-head h2 {
    font-size: clamp(25px, 2.0vw, 32px) !important;
    line-height: 1.05 !important;
    letter-spacing: -0.06em !important;
}

.team-edit-page-shell .team-edit-status-row .team-status-mini-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.team-edit-page-shell .team-edit-status-row .team-status-mini-item {
    min-height: 108px !important;
    padding: 18px 20px !important;
    border-radius: 20px !important;
}

.team-edit-page-shell .team-edit-status-row .team-status-mini-item > span {
    font-size: clamp(18px, 1.08vw, 21px) !important;
    line-height: 1.12 !important;
    margin-bottom: 12px !important;
}

.team-edit-page-shell .team-edit-status-row .team-status-mini-item strong,
.team-edit-page-shell .team-edit-status-row .team-status-mini-item .remaining-budget-value {
    font-size: clamp(28px, 2.0vw, 34px) !important;
    line-height: 1 !important;
}

.team-edit-page-shell .team-validation-side-card {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 22px 24px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.07),
        0 22px 52px rgba(0,0,0,0.18) !important;
}

.team-edit-page-shell .team-validation-side-card::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.9;
}

.team-edit-page-shell .team-validation-side-card.is-danger {
    border: 1px solid rgba(248, 113, 113, 0.46) !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(248, 113, 113, 0.18), transparent 44%),
        linear-gradient(180deg, rgba(127, 29, 29, 0.24), rgba(5, 17, 22, 0.70)) !important;
}

.team-edit-page-shell .team-validation-side-card.is-success {
    border: 1px solid rgba(52, 211, 153, 0.42) !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(52, 211, 153, 0.18), transparent 44%),
        linear-gradient(180deg, rgba(6, 78, 59, 0.24), rgba(5, 17, 22, 0.70)) !important;
}

.team-edit-page-shell .team-validation-side-card > * {
    position: relative;
    z-index: 1;
}

.team-edit-page-shell .validation-side-head {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    width: fit-content;
    margin-bottom: 14px;
    padding: 7px 11px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: -0.025em;
}

.team-edit-page-shell .team-validation-side-card.is-danger .validation-side-head {
    color: #fecdd3;
    background: rgba(248, 113, 113, 0.12);
    border: 1px solid rgba(248, 113, 113, 0.22);
}

.team-edit-page-shell .team-validation-side-card.is-success .validation-side-head {
    color: #bbf7d0;
    background: rgba(52, 211, 153, 0.12);
    border: 1px solid rgba(52, 211, 153, 0.22);
}

.team-edit-page-shell .validation-dot {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    box-shadow: 0 0 16px currentColor;
    background: currentColor;
}

.team-edit-page-shell .team-validation-side-card strong {
    display: block;
    color: rgba(248, 250, 252, 0.96);
    font-size: clamp(19px, 1.35vw, 23px);
    line-height: 1.22;
    font-weight: 920;
    letter-spacing: -0.045em;
}

.team-edit-page-shell .team-validation-side-card p {
    margin: 10px 0 0;
    color: rgba(203, 213, 225, 0.82);
    font-size: 14px;
    line-height: 1.55;
    word-break: keep-all;
}

.team-edit-page-shell .team-validation-side-card ul {
    margin: 12px 0 0;
    padding-left: 19px;
    color: rgba(255, 228, 230, 0.92);
    font-size: 14px;
    line-height: 1.55;
    font-weight: 760;
    word-break: keep-all;
}

.team-edit-page-shell .team-validation-side-card li + li {
    margin-top: 3px;
}

@media (max-width: 1220px) {
    .team-edit-page-shell .team-edit-status-row {
        grid-template-columns: 1fr !important;
    }

    .team-edit-page-shell .team-validation-side-card {
        min-height: 0 !important;
    }
}

@media (max-width: 760px) {
    .team-edit-page-shell .team-edit-status-row .team-status-mini-grid {
        grid-template-columns: 1fr !important;
    }

    .team-edit-page-shell .team-edit-status-row .team-status-console,
    .team-edit-page-shell .team-validation-side-card {
        padding: 18px !important;
    }
}

/* ============================================================
   Team edit precision tune: status compact, lineup spacing,
   market scrollbar, hero copy. 2026-05-15.
   Scope is intentionally limited to /team/edit.
   ============================================================ */
.team-edit-page-shell .team-edit-hero.compact-hero-panel {
    padding: 26px 28px !important;
    min-height: 0 !important;
    margin-bottom: 18px !important;
}

.team-edit-page-shell .team-edit-hero h1 {
    margin-bottom: 8px !important;
}

.team-edit-page-shell .team-edit-hero .hero-copy {
    margin: 0 !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.38 !important;
}

.team-edit-page-shell .team-edit-status-row {
    grid-template-columns: minmax(0, 1fr) minmax(360px, 420px) !important;
    gap: 18px !important;
    margin-bottom: 18px !important;
    align-items: stretch !important;
}

.team-edit-page-shell .team-edit-status-row .team-status-console {
    padding: 14px 16px !important;
    border-radius: 22px !important;
}

.team-edit-page-shell .team-edit-status-row .team-status-console-head {
    margin-bottom: 10px !important;
}

.team-edit-page-shell .team-edit-status-row .team-status-console-head h2 {
    font-size: clamp(23px, 1.65vw, 28px) !important;
    line-height: 1.05 !important;
}

.team-edit-page-shell .team-edit-status-row .team-status-console .status-badge {
    padding: 7px 12px !important;
    font-size: 12px !important;
}

.team-edit-page-shell .team-edit-status-row .team-status-mini-grid {
    gap: 9px !important;
}

.team-edit-page-shell .team-edit-status-row .team-status-mini-item {
    min-height: 78px !important;
    padding: 12px 14px !important;
    border-radius: 17px !important;
}

.team-edit-page-shell .team-edit-status-row .team-status-mini-item > span {
    margin-bottom: 7px !important;
    font-size: clamp(15px, 0.92vw, 17px) !important;
    line-height: 1.12 !important;
}

.team-edit-page-shell .team-edit-status-row .team-status-mini-item strong,
.team-edit-page-shell .team-edit-status-row .team-status-mini-item strong > span,
.team-edit-page-shell .team-edit-status-row .team-status-mini-item strong > em,
.team-edit-page-shell .team-edit-status-row .team-status-mini-item .remaining-budget-value {
    font-size: clamp(23px, 1.55vw, 28px) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: -0.055em !important;
}

.team-edit-page-shell .team-edit-status-row .team-status-mini-item strong {
    gap: 4px !important;
}

.team-edit-page-shell .team-edit-status-row .team-status-mini-item strong > span.metric-current-ok {
    color: #72f2ac !important;
}

.team-edit-page-shell .team-edit-status-row .team-status-mini-item strong > span.metric-current-danger {
    color: #ff8a9a !important;
}

.team-edit-page-shell .team-edit-status-row .team-status-mini-item strong > span.metric-current-over {
    color: #38bdf8 !important;
}

.team-edit-page-shell .team-edit-status-row .team-status-mini-item strong > em {
    color: rgba(148, 163, 184, 0.90) !important;
}

.team-edit-page-shell .team-validation-side-card {
    padding: 18px 22px !important;
    border-radius: 22px !important;
}

.team-edit-page-shell .validation-side-head {
    margin-bottom: 12px !important;
    padding: 6px 11px !important;
    gap: 0 !important;
}

.team-edit-page-shell .validation-dot {
    display: none !important;
}

.team-edit-page-shell .team-validation-side-card strong {
    font-size: clamp(18px, 1.18vw, 22px) !important;
    line-height: 1.18 !important;
}

.team-edit-page-shell .team-validation-side-card ul {
    margin-top: 10px !important;
    font-size: 13.5px !important;
    line-height: 1.48 !important;
}

.team-edit-page-shell .team-validation-side-card li + li {
    margin-top: 2px !important;
}

.team-edit-page-shell .team-edit-lineup-grid {
    grid-template-columns: minmax(112px, 132px) minmax(0, 1fr) !important;
    gap: 14px !important;
}

.team-edit-page-shell .team-edit-pitcher-panel {
    padding: 10px !important;
    border-radius: 20px !important;
}

.team-edit-page-shell .team-edit-pitcher-panel .support-card-heading {
    margin-bottom: 8px !important;
}

.team-edit-page-shell .team-edit-pitcher-panel .support-card-heading span {
    font-size: 13.5px !important;
    line-height: 1.1 !important;
}

.team-edit-page-shell .team-edit-pitcher-panel .support-card-heading small {
    font-size: 11px !important;
}

.team-edit-page-shell .team-edit-pitcher-rail {
    gap: 7px !important;
}

.team-edit-page-shell .team-edit-pitcher-rail .field-slot {
    min-height: 66px !important;
    padding: 7px !important;
    border-radius: 14px !important;
}

.team-edit-page-shell .team-edit-pitcher-rail .field-slot .slot-topline {
    margin-bottom: 4px !important;
}

.team-edit-page-shell .team-edit-pitcher-rail .field-slot .slot-code {
    font-size: 12.5px !important;
}

.team-edit-page-shell .team-edit-pitcher-rail .field-slot .slot-label {
    font-size: 10.5px !important;
}

.team-edit-page-shell .team-edit-pitcher-rail .field-slot .uniform-sm {
    width: 25px !important;
    height: 31px !important;
    flex-basis: 25px !important;
}

.team-edit-page-shell .team-edit-pitcher-rail .field-slot .player-link {
    font-size: 11.5px !important;
}

.team-edit-page-shell .team-edit-pitcher-rail .field-slot .slot-back-no {
    font-size: 10.8px !important;
}

.team-edit-page-shell .team-edit-pitcher-rail .field-slot .slot-stats {
    display: none !important;
}

.team-edit-page-shell .team-edit-stadium {
    aspect-ratio: 1200 / 820 !important;
}

.team-edit-page-shell .team-edit-stadium .field-position {
    width: clamp(88px, 7.1vw, 108px) !important;
}

.team-edit-page-shell .team-edit-stadium .field-slot {
    min-height: 82px !important;
    padding: 7px !important;
}

.team-edit-page-shell .team-edit-stadium .field-slot .uniform-sm {
    width: 30px !important;
    height: 37px !important;
    flex-basis: 30px !important;
}

.team-edit-page-shell .team-edit-stadium .field-slot .player-link {
    font-size: 12px !important;
}

.team-edit-page-shell .team-edit-stadium .field-slot .slot-back-no {
    font-size: 11.5px !important;
}

.team-edit-page-shell .team-edit-stadium .slot-stats {
    margin-top: 4px !important;
    font-size: 10px !important;
}

.team-edit-page-shell .team-edit-stadium .pos-lf { left: 20% !important; top: 27% !important; }
.team-edit-page-shell .team-edit-stadium .pos-cf { left: 50% !important; top: 14% !important; }
.team-edit-page-shell .team-edit-stadium .pos-rf { left: 80% !important; top: 27% !important; }
.team-edit-page-shell .team-edit-stadium .pos-ss { left: 36% !important; top: 45% !important; }
.team-edit-page-shell .team-edit-stadium .pos-2b { left: 64% !important; top: 45% !important; }
.team-edit-page-shell .team-edit-stadium .pos-3b { left: 27% !important; top: 61% !important; }
.team-edit-page-shell .team-edit-stadium .pos-1b { left: 73% !important; top: 61% !important; }
.team-edit-page-shell .team-edit-stadium .pos-p1 { left: 50% !important; top: 66% !important; }
.team-edit-page-shell .team-edit-stadium .pos-c { left: 50% !important; top: 90% !important; }
.team-edit-page-shell .team-edit-stadium .pos-util { left: 84% !important; top: 78% !important; }

.team-edit-page-shell .team-edit-search-scroll {
    scrollbar-color: rgba(125, 239, 246, 0.38) rgba(5, 17, 22, 0.72) !important;
}

.team-edit-page-shell .team-edit-search-scroll::-webkit-scrollbar {
    width: 10px !important;
}

.team-edit-page-shell .team-edit-search-scroll::-webkit-scrollbar-track {
    background: rgba(5, 17, 22, 0.78) !important;
    border: 1px solid rgba(125, 239, 246, 0.08) !important;
    border-radius: 999px !important;
}

.team-edit-page-shell .team-edit-search-scroll::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(125, 239, 246, 0.48), rgba(34, 211, 238, 0.22)) !important;
    border: 2px solid rgba(5, 17, 22, 0.86) !important;
    border-radius: 999px !important;
}

.team-edit-page-shell .team-edit-search-scroll::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, rgba(125, 239, 246, 0.68), rgba(34, 211, 238, 0.34)) !important;
}

@media (max-width: 1220px) {
    .team-edit-page-shell .team-edit-lineup-grid {
        grid-template-columns: 1fr !important;
    }

    .team-edit-page-shell .team-edit-pitcher-rail {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .team-edit-page-shell .team-edit-hero .hero-copy {
        white-space: normal !important;
    }
}

/* =========================================================
   Team edit precision fixes: confirm button, scroll behavior,
   searchable empty slots, metric slash sizing, and field spacing.
   ========================================================= */
.team-edit-page-shell .team-edit-hero .hero-actions .team-confirm-button {
    min-width: 116px;
    cursor: pointer;
    transform: translateY(0);
    box-shadow: 0 0 0 rgba(34, 211, 238, 0);
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease, color 180ms ease;
}

.team-edit-page-shell .team-edit-hero .hero-actions .team-confirm-button:not(:disabled):hover,
.team-edit-page-shell .team-edit-hero .hero-actions .team-confirm-button:not(:disabled):focus-visible {
    transform: translateY(-2px);
    border-color: rgba(103, 232, 249, 0.72);
    background: linear-gradient(135deg, rgba(34, 211, 238, 0.98), rgba(20, 184, 166, 0.86));
    box-shadow: 0 16px 34px rgba(34, 211, 238, 0.22);
}

.team-edit-page-shell .team-edit-hero .hero-actions .team-confirm-button:disabled {
    cursor: not-allowed;
    opacity: 0.46;
    transform: none;
    box-shadow: none;
}

/* Only the gray denominator part after the slash should be smaller. */
.team-edit-page-shell .team-edit-status-row .team-status-mini-item strong > span.metric-current-ok,
.team-edit-page-shell .team-edit-status-row .team-status-mini-item strong > span.metric-current-danger,
.team-edit-page-shell .team-edit-status-row .team-status-mini-item strong > span.metric-current-over,
.team-edit-page-shell .team-edit-status-row .team-status-mini-item .remaining-budget-value {
    font-size: clamp(25px, 1.75vw, 32px) !important;
    line-height: 1 !important;
}

.team-edit-page-shell .team-edit-status-row .team-status-mini-item strong > em {
    font-size: clamp(18px, 1.18vw, 23px) !important;
    line-height: 1 !important;
    align-self: baseline !important;
    transform: translateY(-1px);
}

/* Empty lineup slots should feel interactive, because they search the matching position. */
.team-edit-page-shell .field-slot.empty,
.team-edit-page-shell .field-slot.searchable-empty-slot {
    cursor: pointer;
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease;
}

.team-edit-page-shell .field-slot.empty:hover,
.team-edit-page-shell .field-slot.empty:focus-visible,
.team-edit-page-shell .field-slot.searchable-empty-slot:hover,
.team-edit-page-shell .field-slot.searchable-empty-slot:focus-visible {
    transform: translateY(-3px);
    border-color: rgba(103, 232, 249, 0.38) !important;
    background: linear-gradient(145deg, rgba(18, 39, 47, 0.94), rgba(8, 21, 27, 0.88)) !important;
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.28), 0 0 26px rgba(34, 211, 238, 0.10) !important;
}

.team-edit-page-shell .field-slot.empty:hover .empty-plus,
.team-edit-page-shell .field-slot.empty:focus-visible .empty-plus,
.team-edit-page-shell .field-slot.searchable-empty-slot:hover .empty-plus,
.team-edit-page-shell .field-slot.searchable-empty-slot:focus-visible .empty-plus {
    color: #67e8f9 !important;
    border-color: rgba(103, 232, 249, 0.34) !important;
    background: rgba(34, 211, 238, 0.10) !important;
}

/* Final field spacing: bring outfielders inside, keep middle infield near 2B, move catcher up. */
.team-edit-page-shell .team-edit-stadium {
    aspect-ratio: 1200 / 800 !important;
}

.team-edit-page-shell .team-edit-stadium .field-position {
    width: clamp(86px, 6.7vw, 104px) !important;
}

.team-edit-page-shell .team-edit-stadium .pos-lf { left: 27% !important; top: 30% !important; }
.team-edit-page-shell .team-edit-stadium .pos-cf { left: 50% !important; top: 17% !important; }
.team-edit-page-shell .team-edit-stadium .pos-rf { left: 73% !important; top: 30% !important; }
.team-edit-page-shell .team-edit-stadium .pos-ss { left: 42% !important; top: 49% !important; }
.team-edit-page-shell .team-edit-stadium .pos-2b { left: 58% !important; top: 49% !important; }
.team-edit-page-shell .team-edit-stadium .pos-3b { left: 32% !important; top: 64% !important; }
.team-edit-page-shell .team-edit-stadium .pos-1b { left: 68% !important; top: 64% !important; }
.team-edit-page-shell .team-edit-stadium .pos-p1 { left: 50% !important; top: 68% !important; }
.team-edit-page-shell .team-edit-stadium .pos-c { left: 50% !important; top: 84% !important; }
.team-edit-page-shell .team-edit-stadium .pos-util { left: 82% !important; top: 79% !important; }

.team-edit-page-shell .team-edit-stadium .field-slot {
    min-height: 78px !important;
    padding: 7px !important;
}

.team-edit-page-shell .team-edit-stadium .empty-slot-content {
    gap: 8px !important;
}

.team-edit-page-shell .team-edit-stadium .empty-slot-content span:last-child {
    font-size: clamp(14px, 1.05vw, 18px) !important;
}

@media (max-width: 1220px) {
    .team-edit-page-shell .team-edit-stadium .pos-lf,
    .team-edit-page-shell .team-edit-stadium .pos-cf,
    .team-edit-page-shell .team-edit-stadium .pos-rf,
    .team-edit-page-shell .team-edit-stadium .pos-ss,
    .team-edit-page-shell .team-edit-stadium .pos-2b,
    .team-edit-page-shell .team-edit-stadium .pos-3b,
    .team-edit-page-shell .team-edit-stadium .pos-1b,
    .team-edit-page-shell .team-edit-stadium .pos-p1,
    .team-edit-page-shell .team-edit-stadium .pos-c,
    .team-edit-page-shell .team-edit-stadium .pos-util {
        left: auto !important;
        top: auto !important;
    }
}

/* =========================================================
   Final team-edit interaction/layout correction.
   Scope: /team/edit only.
   - Confirm button is always clickable; server validation decides success/failure.
   - Market result cards keep consistent height even when only a few results exist.
   - Field is nudged upward; outfielders move toward the infield.
   ========================================================= */
.team-edit-page-shell .team-confirm-form {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    position: relative !important;
    z-index: 5 !important;
}

.team-edit-page-shell .team-confirm-button {
    pointer-events: auto !important;
    position: relative !important;
    z-index: 6 !important;
    opacity: 1 !important;
    min-width: 118px !important;
    border: 1px solid rgba(103, 232, 249, 0.35) !important;
    background: linear-gradient(135deg, rgba(34, 211, 238, 0.95), rgba(20, 184, 166, 0.84)) !important;
    color: #031318 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.22), 0 14px 28px rgba(34, 211, 238, 0.18) !important;
    cursor: pointer !important;
    transform: translateY(0) !important;
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, filter 180ms ease !important;
}

.team-edit-page-shell .team-confirm-button:hover,
.team-edit-page-shell .team-confirm-button:focus-visible {
    transform: translateY(-2px) !important;
    border-color: rgba(165, 243, 252, 0.72) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.28), 0 18px 36px rgba(34, 211, 238, 0.26) !important;
    filter: saturate(1.08) brightness(1.04) !important;
}

.team-edit-page-shell #confirm-section {
    scroll-margin-top: 110px !important;
}

.team-edit-page-shell #confirm-section:focus {
    outline: none !important;
}

.team-edit-page-shell .team-edit-search-scroll {
    display: grid !important;
    align-content: start !important;
    align-items: start !important;
    grid-auto-rows: max-content !important;
    gap: 12px !important;
}

.team-edit-page-shell .team-edit-search-scroll .team-market-player-card {
    align-self: start !important;
    min-height: 92px !important;
    height: auto !important;
    max-height: 118px !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    padding: 13px 14px !important;
}

.team-edit-page-shell .team-edit-search-scroll .team-market-player-card .market-player-info {
    min-width: 0 !important;
}

.team-edit-page-shell .team-edit-search-scroll .team-market-player-card .player-link {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.team-edit-page-shell .lineup-field-wrap.team-edit-field-wrap {
    display: flex !important;
    align-items: flex-start !important;
    min-height: 0 !important;
}

.team-edit-page-shell .team-edit-stadium {
    transform: translateY(-18px) !important;
    margin-bottom: -18px !important;
}

.team-edit-page-shell .team-edit-stadium .field-position {
    width: clamp(86px, 6.7vw, 104px) !important;
}

.team-edit-page-shell .team-edit-stadium .pos-lf { left: 30% !important; top: 34% !important; }
.team-edit-page-shell .team-edit-stadium .pos-cf { left: 50% !important; top: 23% !important; }
.team-edit-page-shell .team-edit-stadium .pos-rf { left: 70% !important; top: 34% !important; }
.team-edit-page-shell .team-edit-stadium .pos-ss { left: 41% !important; top: 50% !important; }
.team-edit-page-shell .team-edit-stadium .pos-2b { left: 59% !important; top: 50% !important; }
.team-edit-page-shell .team-edit-stadium .pos-3b { left: 31% !important; top: 64% !important; }
.team-edit-page-shell .team-edit-stadium .pos-1b { left: 69% !important; top: 64% !important; }
.team-edit-page-shell .team-edit-stadium .pos-p1 { left: 50% !important; top: 68% !important; }
.team-edit-page-shell .team-edit-stadium .pos-c { left: 50% !important; top: 83% !important; }
.team-edit-page-shell .team-edit-stadium .pos-util { left: 82% !important; top: 79% !important; }

@media (max-width: 1220px) {
    .team-edit-page-shell .team-edit-stadium {
        transform: none !important;
        margin-bottom: 0 !important;
    }
}

/* ============================================================
   Performance polish pass: keep the glass/motion language, but
   reduce expensive repaint work on team pages and long lists.
   - No layout/feature changes.
   - Lighter blur/shadow/filter work.
   - Same hover interactions, shorter/cheaper transitions.
   ============================================================ */
@keyframes mypickTeamPanelInFast {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.team-edit-page-shell .ranking-reveal,
.my-team-page-shell .ranking-reveal {
    animation-name: mypickTeamPanelInFast !important;
    animation-duration: 0.38s !important;
    animation-delay: calc(var(--reveal-index, 0) * 42ms) !important;
    animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
    animation-fill-mode: both !important;
}

.team-edit-page-shell::before,
.team-edit-page-shell::after,
.my-team-page-shell::before,
.my-team-page-shell::after {
    filter: blur(10px) !important;
    opacity: 0.46 !important;
}

.team-edit-page-shell .hero-panel,
.team-edit-page-shell .content-card,
.my-team-page-shell .hero-panel,
.my-team-page-shell .content-card {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.team-edit-page-shell .team-edit-panel,
.team-edit-page-shell .team-status-console,
.team-edit-page-shell .team-validation-side-card,
.team-edit-page-shell .team-edit-roster-card,
.team-edit-page-shell .team-market-panel,
.my-team-page-shell .content-card {
    box-shadow: 0 12px 34px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.045) !important;
}

.team-edit-page-shell .team-edit-stadium .field-bg,
.my-team-page-shell .my-team-stadium .field-bg,
.team-edit-page-shell .team-edit-stadium .field-bg *,
.my-team-page-shell .my-team-stadium .field-bg * {
    filter: none !important;
}

.team-edit-page-shell .lineup-field-wrap,
.my-team-page-shell .lineup-field-wrap,
.team-edit-page-shell .team-edit-search-scroll,
.players-page-shell .players-result-grid {
    contain: layout paint style;
}

.team-edit-page-shell .field-slot,
.my-team-page-shell .field-slot,
.team-edit-page-shell .team-market-player-card,
.roster-list-row,
.players-page-shell .player-search-card {
    backface-visibility: hidden;
    transform-style: preserve-3d;
    transition-property: transform, border-color, background-color, color, opacity, box-shadow !important;
    transition-duration: 0.18s !important;
    transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.13), inset 0 1px 0 rgba(255,255,255,0.045) !important;
}

.team-edit-page-shell .field-slot:hover,
.team-edit-page-shell .field-slot:focus-visible,
.my-team-page-shell .field-slot:hover,
.my-team-page-shell .field-slot:focus-visible,
.team-edit-page-shell .team-market-player-card:hover,
.team-edit-page-shell .team-market-player-card:focus-within,
.roster-list-row:hover,
.roster-list-row:focus-visible,
.players-page-shell .player-search-card:hover,
.players-page-shell .player-search-card:focus-visible {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 26px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.06) !important;
}

.team-edit-page-shell .team-market-player-card,
.players-page-shell .player-search-card {
    content-visibility: auto;
    contain-intrinsic-size: 118px;
}

.team-edit-page-shell .uniform-sm,
.my-team-page-shell .uniform-sm,
.players-page-shell .uniform-sm,
.ranking-page-shell .uniform-sm {
    transition-property: transform, opacity !important;
    transition-duration: 0.18s !important;
}

.team-edit-page-shell .team-confirm-button,
.team-edit-page-shell .market-add-button,
.team-edit-page-shell .roster-view-button,
.my-team-page-shell .roster-view-button {
    transition-property: transform, border-color, background-color, color, box-shadow, opacity !important;
    transition-duration: 0.18s !important;
}

.team-edit-page-shell .team-confirm-button:hover,
.team-edit-page-shell .team-confirm-button:focus-visible {
    filter: none !important;
}

.team-edit-page-shell .team-edit-search-scroll {
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-gutter: stable;
}

.team-edit-page-shell .roster-view-panel {
    transition: opacity 0.18s ease, transform 0.18s ease !important;
}

@media (prefers-reduced-motion: reduce) {
    .team-edit-page-shell *,
    .my-team-page-shell *,
    .players-page-shell * {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.001ms !important;
    }
}

/* =========================================================
   Final nav / detail tooltip / my-team lineup tuning.
   Scope: requested 2026-05-15 fixes only.
   ========================================================= */
.main-nav a {
    white-space: nowrap;
}

.profile-dropdown .profile-separator:first-child {
    display: none;
}

.player-detail-shell .chart-card canvas,
.player-detail-shell #priceChart {
    cursor: crosshair;
}

.my-team-page-shell .lineup-board {
    grid-template-columns: minmax(0, 1fr) minmax(190px, 220px) !important;
    gap: 12px !important;
    align-items: start !important;
}

.my-team-page-shell .lineup-field-wrap {
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
}

.my-team-page-shell .my-team-stadium {
    width: min(100%, 980px) !important;
    max-width: 980px !important;
    aspect-ratio: 1200 / 720 !important;
    margin: -8px auto 4px !important;
    border-radius: 26px !important;
}

.my-team-page-shell .my-team-stadium .field-bg {
    transform-origin: center center;
    transform: translateY(-14px) scale(0.985);
}

.my-team-page-shell .field-position {
    width: clamp(98px, 7.8vw, 118px) !important;
}

/* Match the tighter team-edit lineup spacing: field is smaller, players are closer, catcher is higher. */
.my-team-page-shell .my-team-stadium .pos-lf { left: 30% !important; top: 34% !important; }
.my-team-page-shell .my-team-stadium .pos-cf { left: 50% !important; top: 23% !important; }
.my-team-page-shell .my-team-stadium .pos-rf { left: 70% !important; top: 34% !important; }
.my-team-page-shell .my-team-stadium .pos-ss { left: 41% !important; top: 50% !important; }
.my-team-page-shell .my-team-stadium .pos-2b { left: 59% !important; top: 50% !important; }
.my-team-page-shell .my-team-stadium .pos-3b { left: 31% !important; top: 64% !important; }
.my-team-page-shell .my-team-stadium .pos-1b { left: 69% !important; top: 64% !important; }
.my-team-page-shell .my-team-stadium .pos-p1 { left: 50% !important; top: 68% !important; }
.my-team-page-shell .my-team-stadium .pos-c { left: 50% !important; top: 83% !important; }
.my-team-page-shell .my-team-stadium .pos-util { left: 82% !important; top: 79% !important; }

.my-team-page-shell .my-team-stadium .field-slot {
    min-height: 86px !important;
    padding: 7px !important;
    border-radius: 14px !important;
}

.my-team-page-shell .my-team-stadium .field-slot .uniform-sm {
    width: 30px !important;
    height: 38px !important;
    flex-basis: 30px !important;
}

.my-team-page-shell .my-team-stadium .field-slot .player-link {
    font-size: 12px !important;
}

.my-team-page-shell .my-team-stadium .slot-back-no {
    font-size: 10.5px !important;
}

.my-team-page-shell .my-team-stadium .slot-stats {
    margin-top: 4px !important;
    font-size: 10px !important;
}

@media (max-width: 1180px) {
    .my-team-page-shell .my-team-stadium {
        width: min(100%, 900px) !important;
        max-width: 900px !important;
    }

    .my-team-page-shell .field-position {
        width: clamp(88px, 8.1vw, 108px) !important;
    }
}


/* ==========================================================
   Precise interaction fixes: chart tooltip, flash auto-hide,
   and empty-slot click affordance.
   ========================================================== */
.flash-box {
    transition: opacity 0.26s ease, transform 0.26s ease;
}

.flash-box.is-hiding {
    opacity: 0;
    transform: translateY(-8px);
    pointer-events: none;
}

.player-detail-shell .chart-card {
    position: relative;
}

.price-chart-square-tooltip {
    position: absolute;
    z-index: 20;
    width: 62px;
    min-height: 52px;
    padding: 6px 7px;
    border: 1px solid rgba(103, 232, 249, 0.5);
    border-radius: 10px;
    background: rgba(5, 14, 18, 0.96);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.3), 0 0 12px rgba(8, 212, 223, 0.12);
    color: #f8fafc;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    transform: none;
    transition: opacity 0.1s ease;
    writing-mode: horizontal-tb;
    white-space: nowrap;
    box-sizing: border-box;
}

.price-chart-square-tooltip::after {
    display: none;
}

.price-chart-square-tooltip strong,
.price-chart-square-tooltip span {
    display: block;
    font-style: normal;
    transform: none;
    line-height: 1.12;
    letter-spacing: -0.02em;
}

.price-chart-square-tooltip strong {
    margin-top: 1px;
    font-size: 11px;
    font-weight: 900;
}

.price-chart-square-tooltip span {
    margin-top: 4px;
    color: #58efff;
    font-size: 18px;
    font-weight: 950;
}

.my-team-page-shell .searchable-empty-slot,
.team-edit-page-shell .searchable-empty-slot {
    cursor: pointer;
}

.my-team-page-shell .searchable-empty-slot:hover .empty-slot-content,
.my-team-page-shell .searchable-empty-slot:focus-visible .empty-slot-content,
.team-edit-page-shell .searchable-empty-slot:hover .empty-slot-content,
.team-edit-page-shell .searchable-empty-slot:focus-visible .empty-slot-content,
.team-edit-page-shell .empty-slot-row.searchable-empty-slot:hover .roster-player-identity.empty strong,
.team-edit-page-shell .empty-slot-row.searchable-empty-slot:focus-visible .roster-player-identity.empty strong,
.my-team-page-shell .empty-slot-row.searchable-empty-slot:hover .roster-player-identity.empty strong,
.my-team-page-shell .empty-slot-row.searchable-empty-slot:focus-visible .roster-player-identity.empty strong {
    color: #22d3ee;
}


/* ==========================================================
   Price chart tooltip final compact tuning and team-add anchor fix.
   ========================================================== */
.price-chart-square-tooltip {
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    min-height: 42px !important;
    padding: 5px 5px 4px !important;
    border-radius: 9px !important;
    border-color: rgba(93, 231, 255, 0.58) !important;
    background: rgba(4, 13, 18, 0.96) !important;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.28), 0 0 8px rgba(8, 212, 223, 0.10) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.price-chart-square-tooltip strong,
.price-chart-square-tooltip span {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.035em !important;
    font-style: normal !important;
    transform: none !important;
    writing-mode: horizontal-tb !important;
}

.price-chart-square-tooltip .tooltip-date,
.price-chart-square-tooltip strong {
    color: #f8fafc !important;
    font-size: 10.5px !important;
    font-weight: 760 !important;
}

.price-chart-square-tooltip .tooltip-price,
.price-chart-square-tooltip span {
    color: #58efff !important;
    font-size: 14px !important;
    font-weight: 780 !important;
}


/* ==========================================================
   Price chart tooltip: compact, close to point, never covering point.
   ========================================================== */
.price-chart-square-tooltip {
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    min-height: 34px !important;
    padding: 4px 4px 3px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(87, 226, 246, 0.54) !important;
    background: rgba(4, 13, 18, 0.97) !important;
    box-shadow: 0 5px 11px rgba(0, 0, 0, 0.24), 0 0 6px rgba(8, 212, 223, 0.10) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1px !important;
    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

.price-chart-square-tooltip .tooltip-date,
.price-chart-square-tooltip strong {
    margin: 0 !important;
    padding: 0 !important;
    color: #f8fafc !important;
    font-size: 9.5px !important;
    font-weight: 720 !important;
    line-height: 1.03 !important;
    letter-spacing: -0.045em !important;
    writing-mode: horizontal-tb !important;
    transform: none !important;
}

.price-chart-square-tooltip .tooltip-price,
.price-chart-square-tooltip span {
    margin: 1px 0 0 !important;
    padding: 0 !important;
    color: #58efff !important;
    font-size: 12.5px !important;
    font-weight: 760 !important;
    line-height: 1.02 !important;
    letter-spacing: -0.04em !important;
    writing-mode: horizontal-tb !important;
    transform: none !important;
}

/* ==========================================================
   Lightweight performance polish: keep the visual design, reduce repaint cost.
   Scope is limited to roster/search-heavy pages and does not change layout rules.
   ========================================================== */
.my-team-page-shell .content-card,
.my-team-page-shell .my-team-overview-card,
.my-team-page-shell .my-team-roster-section,
.team-edit-page-shell .content-card,
.team-edit-page-shell .team-edit-status-card,
.team-edit-page-shell .team-edit-alert-card,
.team-edit-page-shell .field-card,
.players-page-shell .content-card,
.player-detail-shell .content-card {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

.my-team-page-shell .content-card,
.team-edit-page-shell .content-card,
.players-page-shell .content-card,
.player-detail-shell .content-card {
    box-shadow:
        0 14px 34px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
}

.my-team-page-shell .field-slot,
.team-edit-page-shell .field-slot,
.team-edit-page-shell .candidate-card,
.players-page-shell .player-search-card,
.my-team-page-shell .roster-list-card,
.team-edit-page-shell .roster-list-card,
.roster-view-button,
.button-link,
button {
    transition:
        transform 0.16s ease,
        border-color 0.16s ease,
        background-color 0.16s ease,
        color 0.16s ease,
        opacity 0.16s ease,
        box-shadow 0.16s ease !important;
}

.my-team-page-shell .uniform-img img,
.team-edit-page-shell .uniform-img img,
.players-page-shell .uniform-img img,
.player-detail-shell .uniform-img img {
    transition: transform 0.16s ease, filter 0.16s ease !important;
    filter: none !important;
}

.my-team-page-shell .field-slot:hover .uniform-img img,
.team-edit-page-shell .field-slot:hover .uniform-img img,
.players-page-shell .player-search-card:hover .uniform-img img,
.player-detail-shell .player-hero-detail:hover .uniform-img img {
    filter: none !important;
}

.my-team-page-shell .baseball-field svg,
.team-edit-page-shell .baseball-field svg,
.my-team-page-shell .field-bg,
.team-edit-page-shell .field-bg {
    filter: none !important;
}

.team-edit-page-shell .candidate-list,
.team-edit-page-shell .candidate-scroll,
.players-page-shell .player-grid,
.players-page-shell .player-results-grid {
    contain: layout paint;
}

.team-edit-page-shell .candidate-card,
.players-page-shell .player-search-card {
    content-visibility: auto;
    contain-intrinsic-size: 96px 420px;
}

@media (prefers-reduced-motion: reduce) {
    .my-team-page-shell *,
    .team-edit-page-shell *,
    .players-page-shell *,
    .player-detail-shell * {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.001ms !important;
    }
}

/* ==========================================================
   Profile v2 + monthly user rankings
   - Lightweight dark/cyan glass styling.
   - No heavy page-wide blur or oversized hover effects.
   ========================================================== */

.profile-v2-shell {
    max-width: 1180px;
    margin: 0 auto;
    display: grid;
    gap: 18px;
}

.profile-v2-hero {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 380px;
    gap: 18px;
    padding: 26px;
    border: 1px solid rgba(125, 240, 255, 0.16);
    border-radius: 28px;
    background:
        radial-gradient(circle at 8% 12%, rgba(80, 210, 255, 0.14), transparent 34%),
        linear-gradient(135deg, rgba(8, 16, 24, 0.94), rgba(9, 24, 34, 0.78));
    box-shadow: 0 18px 54px rgba(0, 0, 0, 0.26);
}

.profile-v2-hero-bg {
    position: absolute;
    inset: auto -120px -180px auto;
    width: 360px;
    height: 360px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(50, 214, 255, 0.16), transparent 62%);
    pointer-events: none;
}

.profile-v2-identity {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 22px;
    min-width: 0;
}

.profile-v2-uniform-frame {
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    width: 116px;
    height: 116px;
    border-radius: 30px;
    border: 1px solid rgba(143, 234, 255, 0.20);
    background: rgba(255, 255, 255, 0.055);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.profile-v2-uniform-frame .uniform-lg {
    transform: translateY(-10px) scale(1.04);
}

.profile-v2-empty-uniform {
    display: grid;
    place-items: center;
    width: 72px;
    height: 72px;
    border-radius: 22px;
    border: 1px dashed rgba(151, 232, 255, 0.35);
    color: rgba(221, 245, 255, 0.82);
    font-weight: 900;
    font-size: 1.8rem;
}

.profile-v2-identity h1 {
    margin: 4px 0 8px;
    font-size: clamp(2rem, 5vw, 3.4rem);
    letter-spacing: -0.06em;
}

.profile-v2-subcopy {
    margin: 0;
    color: rgba(219, 237, 245, 0.74);
    font-size: 0.98rem;
}

.profile-v2-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
}

.profile-favorite-team-panel {
    position: relative;
    z-index: 1;
    padding: 16px;
    border: 1px solid rgba(125, 240, 255, 0.14);
    border-radius: 22px;
    background: rgba(4, 13, 20, 0.66);
}

.profile-mini-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.profile-mini-heading span {
    color: rgba(207, 230, 240, 0.66);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.profile-mini-heading strong {
    color: rgba(224, 250, 255, 0.95);
}

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

.favorite-team-option {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    min-height: 70px;
    padding: 8px 4px;
    border: 1px solid rgba(143, 234, 255, 0.12);
    border-radius: 16px;
    color: rgba(229, 243, 248, 0.78);
    background: rgba(255, 255, 255, 0.045);
    transition: transform 160ms ease, border-color 160ms ease, background-color 160ms ease;
}

.favorite-team-option:hover,
.favorite-team-option:focus-within {
    transform: translateY(-2px);
    border-color: rgba(91, 219, 255, 0.42);
    background: rgba(82, 214, 255, 0.08);
}

.favorite-team-option.selected {
    border-color: rgba(70, 220, 255, 0.62);
    background: rgba(61, 208, 255, 0.13);
    color: rgba(235, 253, 255, 0.98);
}

.favorite-team-option input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.favorite-team-option span:not(.uniform) {
    font-size: 0.76rem;
    font-weight: 900;
}

.profile-save-team-button {
    width: 100%;
    margin-top: 12px;
    border: 1px solid rgba(103, 231, 255, 0.28);
    border-radius: 14px;
    padding: 10px 12px;
    color: rgba(232, 251, 255, 0.95);
    background: linear-gradient(135deg, rgba(22, 183, 232, 0.22), rgba(51, 109, 255, 0.12));
    font-weight: 900;
    transition: transform 160ms ease, border-color 160ms ease, background-color 160ms ease;
}

.profile-save-team-button:hover,
.profile-save-team-button:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(103, 231, 255, 0.50);
}

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

.profile-v2-stat-card,
.profile-v2-card,
.profile-highlight-card {
    border: 1px solid rgba(142, 234, 255, 0.13);
    border-radius: 22px;
    background: linear-gradient(145deg, rgba(7, 18, 28, 0.82), rgba(9, 24, 34, 0.62));
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);
}

.profile-v2-stat-card {
    min-height: 122px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.profile-v2-stat-card.primary {
    background:
        radial-gradient(circle at 20% 5%, rgba(75, 218, 255, 0.14), transparent 44%),
        linear-gradient(145deg, rgba(7, 22, 32, 0.92), rgba(11, 30, 42, 0.72));
}

.profile-v2-stat-card span {
    color: rgba(206, 229, 238, 0.66);
    font-size: 0.78rem;
    font-weight: 900;
}

.profile-v2-stat-card strong {
    color: rgba(241, 251, 255, 0.96);
    font-size: clamp(1.35rem, 2.5vw, 2rem);
    letter-spacing: -0.045em;
}

.profile-v2-stat-card small {
    color: rgba(199, 224, 235, 0.56);
}

.profile-v2-main-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.75fr);
    gap: 16px;
}

.profile-v2-card {
    padding: 20px;
}

.profile-status-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 78px;
    padding: 7px 10px;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 900;
}

.profile-status-pill.success {
    color: rgba(166, 255, 213, 0.96);
    background: rgba(34, 197, 94, 0.12);
    border: 1px solid rgba(74, 222, 128, 0.24);
}

.profile-status-pill.warning {
    color: rgba(255, 183, 183, 0.96);
    background: rgba(248, 113, 113, 0.12);
    border: 1px solid rgba(248, 113, 113, 0.24);
}

.profile-status-pill.neutral {
    color: rgba(207, 231, 240, 0.86);
    background: rgba(148, 163, 184, 0.12);
    border: 1px solid rgba(148, 163, 184, 0.22);
}

.profile-status-message,
.profile-note {
    margin: 0;
    color: rgba(210, 230, 238, 0.68);
    line-height: 1.6;
}

.profile-status-grid,
.profile-budget-strip,
.profile-account-list {
    display: grid;
    gap: 10px;
    margin-top: 16px;
}

.profile-status-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.profile-budget-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.profile-status-grid div,
.profile-budget-strip div,
.profile-account-list div {
    padding: 12px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(125, 240, 255, 0.10);
}

.profile-status-grid span,
.profile-budget-strip span,
.profile-account-list span {
    display: block;
    color: rgba(206, 229, 238, 0.58);
    font-size: 0.76rem;
    font-weight: 800;
    margin-bottom: 5px;
}

.profile-status-grid strong,
.profile-budget-strip strong,
.profile-account-list strong {
    color: rgba(242, 251, 255, 0.94);
}

.profile-v2-highlight-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.profile-highlight-card {
    padding: 18px;
    min-height: 190px;
    transition: transform 160ms ease, border-color 160ms ease;
}

.profile-highlight-card:hover {
    transform: translateY(-3px);
    border-color: rgba(111, 232, 255, 0.34);
}

.profile-highlight-label {
    color: rgba(154, 231, 255, 0.92);
    font-size: 0.78rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.profile-highlight-player {
    display: flex;
    align-items: center;
    gap: 12px;
    color: inherit;
    text-decoration: none;
}

.profile-highlight-player strong {
    display: block;
    color: rgba(244, 251, 255, 0.96);
    font-size: 1.05rem;
}

.profile-highlight-player small {
    display: block;
    color: rgba(199, 224, 235, 0.60);
    margin-top: 3px;
}

.profile-highlight-value {
    margin-top: 16px;
    font-size: 1.8rem;
    font-weight: 950;
    letter-spacing: -0.05em;
}

.profile-highlight-card p,
.profile-highlight-empty p {
    margin: 4px 0 0;
    color: rgba(204, 226, 235, 0.58);
    font-size: 0.88rem;
}

.profile-highlight-empty strong {
    display: block;
    color: rgba(236, 246, 250, 0.84);
    font-size: 1.8rem;
}

.profile-lineup-card {
    overflow: hidden;
}

.profile-mini-lineup {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 210px;
    gap: 14px;
    align-items: stretch;
}

.profile-mini-field.baseball-field {
    min-height: 520px;
    height: 520px;
    border-radius: 24px;
}

.profile-mini-field .field-slot {
    transform: scale(0.78);
    transform-origin: center center;
}

.profile-mini-field .slot-stats,
.profile-mini-bullpen .slot-stats {
    display: none;
}

.profile-mini-field .slot-player-main,
.profile-mini-bullpen .slot-player-main {
    gap: 8px;
}

.profile-mini-field .slot-player-text small,
.profile-mini-field .slot-meta,
.profile-mini-bullpen .slot-player-text small,
.profile-mini-bullpen .slot-meta {
    display: none;
}

.profile-mini-bullpen {
    display: grid;
    gap: 8px;
    align-content: start;
    padding: 14px;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(143, 234, 255, 0.10);
}

.profile-mini-bullpen > strong {
    color: rgba(231, 249, 255, 0.92);
    font-size: 0.9rem;
    margin-bottom: 4px;
}

.profile-mini-bullpen .field-slot {
    min-height: 66px;
}

.profile-locked-empty {
    text-align: left;
}

.profile-locked-empty h2 {
    margin: 4px 0 8px;
}

.profile-locked-empty p {
    color: rgba(211, 230, 238, 0.66);
    line-height: 1.65;
}

.profile-recent-score-list {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
}

.profile-recent-score-list div {
    padding: 12px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(125, 240, 255, 0.10);
}

.profile-recent-score-list span {
    display: block;
    color: rgba(206, 229, 238, 0.60);
    font-size: 0.76rem;
    margin-bottom: 6px;
}

.profile-recent-score-list strong {
    font-size: 1.15rem;
}

.tiny-link {
    color: rgba(132, 235, 255, 0.88);
    font-size: 0.84rem;
    font-weight: 900;
    text-decoration: none;
}

.tiny-link:hover,
.tiny-link:focus-visible {
    color: rgba(227, 252, 255, 0.98);
}

.user-rankings-v2-shell .user-ranking-filter-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.monthly-ranking-form {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
}

.monthly-ranking-form label {
    color: rgba(205, 226, 235, 0.62);
    font-size: 0.78rem;
    font-weight: 900;
}

.monthly-ranking-form select {
    min-width: 138px;
    border: 1px solid rgba(116, 230, 255, 0.22);
    border-radius: 14px;
    padding: 9px 12px;
    color: rgba(236, 251, 255, 0.94);
    background-color: rgba(5, 15, 23, 0.96);
    font-weight: 800;
    appearance: none;
    -webkit-appearance: none;
}

.user-ranking-uniform-frame {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    border-radius: 16px;
    border: 1px solid rgba(143, 234, 255, 0.14);
    background: rgba(255, 255, 255, 0.045);
}

.user-ranking-uniform-frame.small {
    width: 42px;
    height: 42px;
    border-radius: 13px;
}

.user-ranking-avatar-fallback {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 12px;
    color: rgba(230, 250, 255, 0.92);
    background: rgba(125, 240, 255, 0.12);
    font-weight: 950;
}

.user-ranking-avatar-fallback.small {
    width: 28px;
    height: 28px;
    font-size: 0.8rem;
}

.user-team-cell-with-uniform {
    display: flex;
    align-items: center;
    gap: 10px;
}

.user-team-cell-with-uniform > div:last-child {
    min-width: 0;
}

.user-team-cell-with-uniform strong,
.user-team-cell-with-uniform span {
    display: block;
}

.user-rankings-v2-shell .user-top-card {
    grid-template-columns: auto auto minmax(0, 1fr) auto;
    align-items: center;
}

.user-rankings-v2-shell .user-ranking-list-head,
.user-rankings-v2-shell .user-ranking-row {
    grid-template-columns: 92px minmax(230px, 1.25fr) minmax(150px, 0.8fr) minmax(120px, 0.65fr) minmax(120px, 0.65fr);
}

.user-rankings-v2-shell .user-ranking-list.is-recent-ranking .user-ranking-list-head,
.user-rankings-v2-shell .user-ranking-list.is-recent-ranking .user-ranking-row {
    grid-template-columns: 92px minmax(230px, 1.25fr) minmax(150px, 0.8fr) minmax(120px, 0.65fr) minmax(120px, 0.65fr) minmax(120px, 0.65fr);
}

@media (max-width: 1100px) {
    .profile-v2-hero,
    .profile-v2-main-grid,
    .profile-mini-lineup {
        grid-template-columns: 1fr;
    }

    .profile-v2-stat-grid,
    .profile-v2-highlight-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .profile-mini-bullpen {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .profile-mini-bullpen > strong {
        grid-column: 1 / -1;
    }
}

@media (max-width: 780px) {
    .profile-v2-hero {
        padding: 20px;
    }

    .profile-v2-identity {
        align-items: flex-start;
        flex-direction: column;
    }

    .profile-v2-stat-grid,
    .profile-v2-highlight-grid,
    .profile-status-grid,
    .profile-budget-strip,
    .profile-recent-score-list {
        grid-template-columns: 1fr 1fr;
    }

    .favorite-team-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .user-rankings-v2-shell .user-ranking-filter-card,
    .monthly-ranking-form {
        align-items: stretch;
        flex-direction: column;
    }

    .monthly-ranking-form {
        width: 100%;
    }

    .monthly-ranking-form select {
        width: 100%;
    }
}

@media (max-width: 560px) {
    .profile-v2-stat-grid,
    .profile-v2-highlight-grid,
    .profile-status-grid,
    .profile-budget-strip,
    .profile-recent-score-list,
    .profile-mini-bullpen {
        grid-template-columns: 1fr;
    }
}

.uniform-xs {
    width: 30px;
    height: 40px;
}

.uniform-img.uniform-xs {
    width: 30px;
    height: 40px;
}

.uniform-xs .uniform-number {
    font-size: 9px;
}

/* ============================================================
   Profile v2 refinement: truthful stats, confirmed squad layout,
   inactive-player badge shared by profile / my-team / team-edit.
   ============================================================ */
.profile-v2-stat-card.primary.recent {
    background:
        radial-gradient(circle at 18% 8%, rgba(56, 189, 248, 0.12), transparent 42%),
        linear-gradient(145deg, rgba(6, 18, 28, 0.90), rgba(10, 26, 38, 0.70));
}

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


.profile-status-grid.profile-status-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.inactive-player-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 20px;
    padding: 3px 7px;
    border-radius: 999px;
    border: 1px solid rgba(250, 204, 21, 0.28);
    background: rgba(250, 204, 21, 0.10);
    color: rgba(254, 240, 138, 0.95);
    font-size: 0.68rem;
    font-weight: 900;
    line-height: 1;
    white-space: nowrap;
}

.slot-meta .inactive-player-badge,
.chip-row .inactive-player-badge,
.roster-list-meta .inactive-player-badge {
    margin-left: 2px;
}

.profile-lineup-card .profile-lineup-panel {
    margin-top: 6px;
}

.profile-lineup-card .profile-lineup-board {
    margin-top: 0;
}

.profile-lineup-card .my-team-stadium {
    width: 100% !important;
    max-width: none !important;
    aspect-ratio: 1200 / 760 !important;
    min-height: 520px;
    height: auto !important;
    margin: 2px 0 0 !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 50% 12%, rgba(125, 239, 246, 0.10), transparent 34%),
        rgba(2, 6, 23, 0.55) !important;
}

.profile-lineup-card .lineup-bullpen-panel {
    min-height: 100%;
}

.profile-lineup-card .field-slot .inactive-player-badge {
    font-size: 0.62rem;
    padding: 2px 6px;
}

@media (max-width: 1100px) {
    .profile-lineup-card .lineup-board,
    .profile-lineup-card .profile-lineup-board {
        grid-template-columns: 1fr;
    }

    .profile-lineup-card .bullpen-rail {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

@media (max-width: 780px) {
    .profile-status-grid {
        grid-template-columns: 1fr 1fr;
    }

    .profile-lineup-card .my-team-stadium {
        min-height: 430px;
    }
}

@media (max-width: 560px) {
    .profile-status-grid,
    .profile-status-grid.profile-status-grid-2,
    .profile-lineup-card .bullpen-rail {
        grid-template-columns: 1fr;
    }
}

/* ============================================================
   Profile/roster inactive badge final polish.
   Scope: requested profile stat color, inactive markers, profile lineup matching my-team.
   ============================================================ */
.profile-v2-stat-card.primary.recent strong {
    color: rgba(245, 250, 252, 0.98) !important;
    text-shadow: none !important;
}

.profile-status-item.is-inactive strong {
    color: rgba(245, 196, 83, 0.96) !important;
    text-shadow: 0 0 16px rgba(245, 196, 83, 0.12) !important;
}

.inactive-player-badge {
    border-color: rgba(245, 196, 83, 0.30) !important;
    background: rgba(245, 196, 83, 0.105) !important;
    color: rgba(252, 226, 138, 0.96) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

.profile-highlight-inactive,
.ranking-inactive-badge {
    margin-top: 4px;
    width: max-content;
}

.ranking-player-badge-line {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.player-card-v2 .chip-row .inactive-player-badge,
.player-hero-detail .chip-row .inactive-player-badge,
.team-market-player-card .chip-row .inactive-player-badge,
.roster-list-meta .inactive-player-badge {
    transform: translateY(0);
}

.field-slot.inactive-player-slot {
    border-color: rgba(245, 196, 83, 0.30) !important;
}

.field-slot .slot-inline-inactive-badge {
    margin-top: 3px;
    width: max-content;
    max-width: 100%;
    min-height: 18px;
    padding: 2px 6px;
    font-size: 0.61rem;
    letter-spacing: -0.01em;
}

.field-slot .slot-player-text {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
}

.profile-lineup-card.my-team-page-shell .lineup-board {
    grid-template-columns: minmax(0, 1fr) minmax(190px, 220px) !important;
    gap: 12px !important;
    align-items: start !important;
    margin-top: 0 !important;
}

.profile-lineup-card.my-team-page-shell .lineup-field-wrap {
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
}

.profile-lineup-card.my-team-page-shell .my-team-stadium {
    width: min(100%, 980px) !important;
    max-width: 980px !important;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 1200 / 720 !important;
    margin: -8px auto 4px !important;
    border-radius: 26px !important;
}

.profile-lineup-card.my-team-page-shell .my-team-stadium .field-bg {
    transform-origin: center center;
    transform: translateY(-14px) scale(0.985);
}

.profile-lineup-card.my-team-page-shell .field-position {
    width: clamp(98px, 7.8vw, 118px) !important;
}

.profile-lineup-card.my-team-page-shell .my-team-stadium .pos-lf { left: 30% !important; top: 34% !important; }
.profile-lineup-card.my-team-page-shell .my-team-stadium .pos-cf { left: 50% !important; top: 23% !important; }
.profile-lineup-card.my-team-page-shell .my-team-stadium .pos-rf { left: 70% !important; top: 34% !important; }
.profile-lineup-card.my-team-page-shell .my-team-stadium .pos-ss { left: 41% !important; top: 50% !important; }
.profile-lineup-card.my-team-page-shell .my-team-stadium .pos-2b { left: 59% !important; top: 50% !important; }
.profile-lineup-card.my-team-page-shell .my-team-stadium .pos-3b { left: 31% !important; top: 64% !important; }
.profile-lineup-card.my-team-page-shell .my-team-stadium .pos-1b { left: 69% !important; top: 64% !important; }
.profile-lineup-card.my-team-page-shell .my-team-stadium .pos-p1 { left: 50% !important; top: 68% !important; }
.profile-lineup-card.my-team-page-shell .my-team-stadium .pos-c { left: 50% !important; top: 83% !important; }
.profile-lineup-card.my-team-page-shell .my-team-stadium .pos-util { left: 82% !important; top: 79% !important; }

.profile-lineup-card.my-team-page-shell .my-team-stadium .field-slot {
    min-height: 86px !important;
    padding: 7px !important;
    border-radius: 14px !important;
}

.profile-lineup-card.my-team-page-shell .my-team-stadium .field-slot .uniform-sm {
    width: 30px !important;
    height: 38px !important;
    flex-basis: 30px !important;
}

.profile-lineup-card.my-team-page-shell .my-team-stadium .field-slot .player-link {
    font-size: 12px !important;
}

.profile-lineup-card.my-team-page-shell .my-team-stadium .slot-back-no {
    font-size: 10.5px !important;
}

.profile-lineup-card.my-team-page-shell .my-team-stadium .slot-stats {
    margin-top: 4px !important;
    font-size: 10px !important;
}

.profile-lineup-card.my-team-page-shell .my-team-stadium .field-slot .slot-meta {
    display: none !important;
}

@media (max-width: 1180px) {
    .profile-lineup-card.my-team-page-shell .my-team-stadium {
        width: min(100%, 900px) !important;
        max-width: 900px !important;
    }

    .profile-lineup-card.my-team-page-shell .field-position {
        width: clamp(88px, 8.1vw, 108px) !important;
    }
}

@media (max-width: 960px) {
    .profile-lineup-card.my-team-page-shell .lineup-board {
        grid-template-columns: 1fr !important;
    }

    .profile-lineup-card.my-team-page-shell .bullpen-rail {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        grid-template-rows: none !important;
    }
}

.team-create-simple-form {
    gap: 18px;
}

.team-create-copy {
    margin: 0;
    padding: 15px 16px;
    border: 1px solid rgba(103, 232, 249, 0.16);
    border-radius: 18px;
    background: rgba(15, 23, 42, 0.42);
    color: rgba(226, 232, 240, 0.72);
    font-weight: 800;
    line-height: 1.65;
}

/* ------------------------------------------------------------
   Profile/public profile + user ranking search polish
   Scope: only profile hero, public profile card, and user rankings controls.
------------------------------------------------------------ */
.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.profile-v2-uniform-frame {
    transform: translateY(-8px);
}

.profile-v2-uniform-frame .uniform-lg {
    transform: translateY(-24px) scale(1.04);
}

.profile-public-view-panel {
    position: relative;
    z-index: 1;
    padding: 18px;
    border: 1px solid rgba(125, 240, 255, 0.14);
    border-radius: 22px;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.018)),
        rgba(4, 13, 20, 0.66);
}

.profile-public-view-panel p {
    margin: 8px 0 14px;
    color: rgba(203, 221, 230, 0.68);
    font-size: 0.9rem;
    line-height: 1.55;
}

.profile-public-rank-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 14px;
    border: 1px solid rgba(125, 240, 255, 0.20);
    color: rgba(220, 252, 255, 0.94);
    background: rgba(125, 240, 255, 0.08);
    font-weight: 900;
    text-decoration: none;
}

.profile-public-rank-link:hover,
.profile-public-rank-link:focus-visible {
    border-color: rgba(125, 240, 255, 0.36);
    color: #ffffff;
}

.user-ranking-control-form {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
    margin-left: auto;
}

.user-ranking-control-form label:not(.sr-only) {
    color: rgba(205, 226, 235, 0.62);
    font-size: 0.78rem;
    font-weight: 900;
}

.user-ranking-control-form select,
.user-ranking-control-form input[type="search"] {
    min-height: 42px;
    border: 1px solid rgba(116, 230, 255, 0.22);
    border-radius: 14px;
    color: rgba(236, 251, 255, 0.94);
    background-color: rgba(5, 15, 23, 0.96);
    font-weight: 850;
    outline: none;
}

.user-ranking-control-form select {
    min-width: 138px;
    padding: 9px 12px;
    appearance: none;
    -webkit-appearance: none;
}

.user-ranking-control-form input[type="search"] {
    width: min(240px, 36vw);
    padding: 9px 13px;
}

.user-ranking-control-form input[type="search"]::placeholder {
    color: rgba(203, 221, 230, 0.42);
}

.user-ranking-control-form select:focus,
.user-ranking-control-form input[type="search"]:focus {
    border-color: rgba(34, 211, 238, 0.42);
    box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.08);
}

.user-ranking-control-form button,
.ranking-search-reset {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 15px;
    border-radius: 14px;
    border: 1px solid rgba(125, 240, 255, 0.22);
    color: rgba(225, 252, 255, 0.94);
    background: rgba(34, 211, 238, 0.12);
    font-weight: 950;
    text-decoration: none;
    cursor: pointer;
}

.user-ranking-control-form button:hover,
.user-ranking-control-form button:focus-visible,
.ranking-search-reset:hover,
.ranking-search-reset:focus-visible {
    border-color: rgba(125, 240, 255, 0.38);
    background: rgba(34, 211, 238, 0.18);
}

.user-ranking-row[data-card-url],
.user-top-card[data-card-url] {
    cursor: pointer;
}

.user-ranking-row[data-card-url]:focus-visible,
.user-top-card[data-card-url]:focus-visible {
    outline: 2px solid rgba(34, 211, 238, 0.62);
    outline-offset: 3px;
}

@media (max-width: 780px) {
    .user-ranking-control-form {
        align-items: stretch;
        width: 100%;
    }

    .user-ranking-control-form select,
    .user-ranking-control-form input[type="search"],
    .user-ranking-control-form button,
    .ranking-search-reset {
        width: 100%;
    }
}

.profile-v2-main-grid > .profile-manager-card:only-child {
    grid-column: 1 / -1;
}

/* ============================================================
   User rankings v3: fantasy-style podium, aligned list rows,
   favorite-team badges, and default avatar fallback.
   ============================================================ */
.user-rankings-v3-shell .user-ranking-board-card {
    padding: 22px !important;
}

.user-rankings-v3-shell .user-ranking-filter-card {
    gap: 16px;
}

.user-podium-v3 {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.16fr) minmax(0, 0.92fr);
    grid-template-areas: "second first third";
    align-items: end;
    gap: 18px;
    margin: 0 0 24px;
}

.user-podium-card {
    position: relative;
    min-height: 238px;
    padding: 22px;
    border-radius: 30px;
    border: 1px solid rgba(125, 240, 255, 0.18);
    background:
        radial-gradient(circle at 50% 0%, rgba(34, 211, 238, 0.13), transparent 42%),
        linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018)),
        rgba(6, 18, 23, 0.72);
    box-shadow:
        0 22px 54px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255,255,255,0.065);
    overflow: hidden;
    cursor: pointer;
    transition:
        transform 0.32s cubic-bezier(0.16, 1, 0.3, 1),
        border-color 0.32s ease,
        box-shadow 0.32s ease,
        background 0.32s ease;
}

.user-podium-card::before {
    content: "";
    position: absolute;
    inset: -1px;
    pointer-events: none;
    border-radius: inherit;
    background: linear-gradient(135deg, rgba(125, 240, 255, 0.18), transparent 42%, rgba(125, 240, 255, 0.06));
    opacity: 0.58;
}

.user-podium-card.rank-first {
    grid-area: first;
    min-height: 280px;
    border-color: rgba(34, 211, 238, 0.34);
    background:
        radial-gradient(circle at 50% -8%, rgba(34, 211, 238, 0.22), transparent 46%),
        radial-gradient(circle at 100% 0%, rgba(14, 165, 233, 0.14), transparent 36%),
        linear-gradient(180deg, rgba(255,255,255,0.072), rgba(255,255,255,0.022)),
        rgba(6, 20, 26, 0.78);
    box-shadow:
        0 30px 74px rgba(0, 0, 0, 0.30),
        0 0 0 1px rgba(34, 211, 238, 0.08),
        inset 0 1px 0 rgba(255,255,255,0.075);
}

.user-podium-card.rank-second { grid-area: second; }
.user-podium-card.rank-third { grid-area: third; }

.user-podium-card:hover,
.user-podium-card:focus-visible {
    transform: translateY(-5px);
    border-color: rgba(125, 240, 255, 0.34);
    box-shadow:
        0 34px 78px rgba(0, 0, 0, 0.32),
        inset 0 1px 0 rgba(255,255,255,0.08);
}

.podium-rank-line,
.podium-manager-block,
.podium-team-line,
.podium-score-box {
    position: relative;
    z-index: 1;
}

.podium-rank-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
}

.podium-rank-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 64px;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 999px;
    border: 1px solid rgba(125, 240, 255, 0.26);
    color: #f2fdff;
    background: rgba(34, 211, 238, 0.12);
    font-size: 0.92rem;
    font-weight: 950;
    letter-spacing: -0.025em;
}

.rank-first .podium-rank-chip {
    min-width: 74px;
    min-height: 42px;
    color: #021114;
    background: linear-gradient(135deg, #58f5ff, #16d3e0);
    box-shadow: 0 14px 30px rgba(34, 211, 238, 0.18);
}

.podium-rank-label {
    color: rgba(203, 213, 225, 0.72);
    font-size: 0.86rem;
    font-weight: 900;
}

.podium-manager-block {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 14px;
}

.rank-first .podium-manager-block {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
    gap: 12px;
}

.podium-avatar-wrap,
.manager-avatar-v3 {
    display: grid;
    place-items: center;
    border: 1px solid rgba(125, 240, 255, 0.18);
    background:
        radial-gradient(circle at 50% 18%, rgba(255, 255, 255, 0.12), transparent 58%),
        rgba(255, 255, 255, 0.04);
    overflow: hidden;
}

.podium-avatar-wrap {
    width: 74px;
    height: 82px;
    border-radius: 22px;
}

.rank-first .podium-avatar-wrap {
    width: 96px;
    height: 106px;
    border-radius: 28px;
}

.podium-avatar-wrap .uniform-img.uniform-sm,
.manager-avatar-v3 .uniform-img.uniform-sm {
    width: 54px;
    height: 70px;
    filter: none !important;
}

.rank-first .podium-avatar-wrap .uniform-img.uniform-sm {
    width: 68px;
    height: 88px;
}

.podium-avatar-wrap .uniform-img img,
.manager-avatar-v3 .uniform-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 8px 10px rgba(0, 0, 0, 0.24));
}

.user-default-avatar {
    width: 74%;
    height: 74%;
    object-fit: contain;
    display: block;
    filter: drop-shadow(0 10px 12px rgba(0, 0, 0, 0.24));
}

.podium-manager-copy h3 {
    margin: 0;
    color: rgba(248, 250, 252, 0.98);
    font-size: clamp(1.3rem, 2vw, 1.75rem);
    line-height: 1.05;
    letter-spacing: -0.055em;
}

.rank-first .podium-manager-copy h3 {
    font-size: clamp(1.7rem, 2.7vw, 2.35rem);
}

.my-user-mini-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin-top: 7px;
    padding: 4px 9px;
    border-radius: 999px;
    color: #8ff6ff;
    border: 1px solid rgba(125, 240, 255, 0.28);
    background: rgba(34, 211, 238, 0.10);
    font-size: 0.72rem;
    font-weight: 950;
}

.podium-team-line,
.favorite-team-cell-v3 {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    color: rgba(226, 232, 240, 0.88);
    font-size: 0.92rem;
    font-weight: 850;
}

.podium-team-line {
    margin-top: 16px;
}

.rank-first .podium-team-line {
    justify-content: center;
}

.favorite-unselected-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-height: 28px;
    padding: 0 11px;
    border-radius: 999px;
    color: rgba(203, 213, 225, 0.88);
    border: 1px solid rgba(148, 163, 184, 0.18);
    background: rgba(148, 163, 184, 0.08);
    font-size: 0.82rem;
    font-weight: 900;
}

.podium-score-box {
    margin-top: 18px;
    padding-top: 15px;
    border-top: 1px solid rgba(148, 163, 184, 0.12);
}

.podium-score-box span {
    display: block;
    color: rgba(148, 163, 184, 0.78);
    font-size: 0.8rem;
    font-weight: 900;
    margin-bottom: 3px;
}

.podium-score-box strong {
    display: block;
    color: #20d8e5;
    font-size: clamp(2rem, 3.2vw, 3rem);
    line-height: 0.96;
    letter-spacing: -0.06em;
}

.user-podium-card.podium-empty {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    opacity: 0.45;
    cursor: default;
}

.user-podium-card.podium-empty p {
    position: relative;
    z-index: 1;
    color: rgba(148, 163, 184, 0.8);
    font-weight: 850;
}

.user-ranking-board-heading-v3 {
    align-items: end;
    gap: 18px;
}

.user-ranking-board-heading-v3 > p {
    margin: 0 0 3px;
    color: rgba(148, 163, 184, 0.74);
    font-size: 0.9rem;
    font-weight: 850;
}

.user-ranking-list-v3 {
    display: grid;
    gap: 12px;
}

.user-ranking-list-head-v3,
.user-ranking-row-v3 {
    display: grid;
    grid-template-columns: 96px minmax(230px, 1.12fr) minmax(230px, 1fr) minmax(155px, 0.72fr) minmax(145px, 0.68fr) minmax(115px, 0.52fr);
    align-items: center;
    column-gap: 18px;
}

.user-ranking-list-head-v3 {
    padding: 6px 20px 8px;
    color: rgba(203, 213, 225, 0.56);
    font-size: 0.78rem;
    font-weight: 950;
    letter-spacing: 0.02em;
}

.user-ranking-row-v3 {
    min-height: 92px;
    padding: 16px 20px;
    border-radius: 24px;
    border: 1px solid rgba(125, 240, 255, 0.12);
    background:
        radial-gradient(circle at 100% 0%, rgba(34, 211, 238, 0.06), transparent 38%),
        linear-gradient(180deg, rgba(255,255,255,0.046), rgba(255,255,255,0.016)),
        rgba(6, 18, 23, 0.66);
    box-shadow:
        0 14px 34px rgba(0, 0, 0, 0.16),
        inset 0 1px 0 rgba(255,255,255,0.045);
    cursor: pointer;
    opacity: 0;
    transform: translateY(12px) scale(0.994);
    animation: rankingRowIn 0.52s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    animation-delay: calc(100ms + min(var(--row-index, 0), 18) * 30ms);
    transition:
        transform 0.28s cubic-bezier(0.16, 1, 0.3, 1),
        border-color 0.28s ease,
        box-shadow 0.28s ease,
        background 0.28s ease;
}

.user-ranking-row-v3:hover,
.user-ranking-row-v3:focus-visible {
    transform: translateY(-3px) scale(1.001);
    border-color: rgba(125, 240, 255, 0.25);
    box-shadow:
        0 22px 48px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255,255,255,0.06);
}

.user-ranking-row-v3.rank-1,
.user-ranking-row-v3.rank-2,
.user-ranking-row-v3.rank-3 {
    border-color: rgba(125, 240, 255, 0.20);
    background:
        radial-gradient(circle at 0% 50%, rgba(34, 211, 238, 0.10), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018)),
        rgba(6, 19, 24, 0.72);
}

.rank-cell-v3 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.rank-chip-v3 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 70px;
    min-height: 42px;
    padding: 0 14px;
    border-radius: 999px;
    border: 1px solid rgba(125, 240, 255, 0.20);
    color: rgba(248, 250, 252, 0.96);
    background: rgba(34, 211, 238, 0.08);
    font-size: 0.92rem;
    font-weight: 950;
    letter-spacing: -0.03em;
}

.rank-chip-v3.top-rank-chip {
    color: #021114;
    background: linear-gradient(135deg, #59f5ff, #16d0df);
    border-color: rgba(125, 240, 255, 0.46);
    box-shadow: 0 12px 24px rgba(34, 211, 238, 0.14);
}

.rank-chip-v3.is-unranked {
    color: rgba(148, 163, 184, 0.72);
    background: rgba(148, 163, 184, 0.08);
    border-color: rgba(148, 163, 184, 0.16);
}

.manager-cell-v3 {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.manager-avatar-v3 {
    width: 58px;
    height: 64px;
    border-radius: 18px;
}

.manager-name-v3 {
    min-width: 0;
}

.manager-name-v3 strong {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgba(248, 250, 252, 0.98);
    font-size: 1.06rem;
    font-weight: 950;
    letter-spacing: -0.035em;
}

.favorite-team-cell-v3 .team-badge {
    flex: 0 0 auto;
}

.ranking-primary-number {
    color: #19d6e4;
    font-size: 1.55rem;
    font-weight: 950;
    line-height: 1;
    letter-spacing: -0.055em;
}

.ranking-neutral-number {
    color: rgba(248, 250, 252, 0.94);
    font-size: 1.2rem;
    font-weight: 900;
    letter-spacing: -0.04em;
}

.ranking-sub-info {
    color: rgba(203, 213, 225, 0.74);
    font-size: 0.92rem;
    font-weight: 850;
}

.user-ranking-list-v3 .team-badge {
    min-width: 48px;
    justify-content: center;
}

@media (max-width: 1120px) {
    .user-podium-v3 {
        grid-template-columns: 1fr;
        grid-template-areas:
            "first"
            "second"
            "third";
    }

    .user-podium-card,
    .user-podium-card.rank-first {
        min-height: auto;
    }

    .rank-first .podium-manager-block {
        grid-template-columns: auto minmax(0, 1fr);
        justify-items: start;
        text-align: left;
    }

    .rank-first .podium-team-line {
        justify-content: flex-start;
    }
}

@media (max-width: 980px) {
    .user-ranking-list-v3 {
        overflow-x: auto;
        padding-bottom: 4px;
    }

    .user-ranking-list-head-v3,
    .user-ranking-row-v3 {
        min-width: 1000px;
    }
}

@media (max-width: 640px) {
    .user-ranking-board-heading-v3 {
        align-items: flex-start;
    }

    .podium-manager-block,
    .rank-first .podium-manager-block {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
    }

    .podium-team-line,
    .rank-first .podium-team-line {
        justify-content: center;
    }
}

/* ============================================================
   User rankings v4 refine
   - compact cards, cleaner podium emphasis, aligned columns,
     short favorite-team badges only, lighter number weights.
   ============================================================ */
.user-rankings-v4-shell .user-ranking-board-card {
    padding: 18px !important;
}

.user-rankings-v4-shell .user-podium-v3 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr) minmax(0, 1fr);
    gap: 14px;
    align-items: stretch;
    margin: 0 0 18px;
}

.user-rankings-v4-shell .user-podium-card {
    min-height: 184px;
    padding: 18px 18px 17px;
    border-radius: 24px;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.050), rgba(255,255,255,0.018)),
        rgba(6, 18, 23, 0.70);
    box-shadow:
        0 16px 34px rgba(0, 0, 0, 0.20),
        inset 0 1px 0 rgba(255,255,255,0.055);
}

.user-rankings-v4-shell .user-podium-card.rank-first {
    min-height: 202px;
    transform: translateY(-6px);
    border-color: rgba(34, 211, 238, 0.36);
    background:
        radial-gradient(circle at 50% 0%, rgba(34, 211, 238, 0.16), transparent 45%),
        linear-gradient(180deg, rgba(255,255,255,0.060), rgba(255,255,255,0.020)),
        rgba(6, 19, 25, 0.76);
    box-shadow:
        0 20px 44px rgba(0, 0, 0, 0.24),
        0 0 0 1px rgba(34, 211, 238, 0.06),
        inset 0 1px 0 rgba(255,255,255,0.065);
}

.user-rankings-v4-shell .user-podium-card.rank-second,
.user-rankings-v4-shell .user-podium-card.rank-third {
    opacity: 0.94;
}

.user-rankings-v4-shell .user-podium-card::before {
    opacity: 0.34;
}

.user-rankings-v4-shell .podium-soft-accent {
    position: absolute;
    z-index: 0;
    left: 18px;
    right: 18px;
    top: 0;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, rgba(34, 211, 238, 0.70), transparent);
    opacity: 0.45;
}

.user-rankings-v4-shell .rank-first .podium-soft-accent {
    opacity: 0.78;
    height: 4px;
}

.user-rankings-v4-shell .podium-rank-line {
    margin-bottom: 12px;
}

.user-rankings-v4-shell .podium-rank-chip {
    min-width: 54px;
    min-height: 32px;
    padding: 0 11px;
    font-size: 0.82rem;
    font-weight: 850;
    letter-spacing: -0.02em;
}

.user-rankings-v4-shell .rank-first .podium-rank-chip {
    min-width: 62px;
    min-height: 34px;
    box-shadow: 0 10px 22px rgba(34, 211, 238, 0.14);
}

.user-rankings-v4-shell .podium-rank-label {
    font-size: 0.78rem;
    font-weight: 800;
    color: rgba(203, 213, 225, 0.66);
}

.user-rankings-v4-shell .podium-manager-block {
    gap: 12px;
}

.user-rankings-v4-shell .rank-first .podium-manager-block {
    gap: 10px;
}

.user-rankings-v4-shell .podium-avatar-wrap {
    width: 62px;
    height: 70px;
    border-radius: 18px;
    overflow: visible;
}

.user-rankings-v4-shell .rank-first .podium-avatar-wrap {
    width: 72px;
    height: 82px;
    border-radius: 21px;
}

.user-rankings-v4-shell .podium-avatar-wrap .uniform-img.uniform-sm {
    width: 50px !important;
    height: 66px !important;
}

.user-rankings-v4-shell .rank-first .podium-avatar-wrap .uniform-img.uniform-sm {
    width: 58px !important;
    height: 76px !important;
}

.user-rankings-v4-shell .podium-avatar-wrap .uniform-img img,
.user-rankings-v4-shell .manager-avatar-v3 .uniform-img img {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

.user-rankings-v4-shell .podium-manager-copy h3 {
    font-size: clamp(1.12rem, 1.6vw, 1.42rem);
    font-weight: 850;
    letter-spacing: -0.045em;
}

.user-rankings-v4-shell .rank-first .podium-manager-copy h3 {
    font-size: clamp(1.42rem, 2vw, 1.86rem);
    font-weight: 880;
}

.user-rankings-v4-shell .podium-team-line {
    margin-top: 11px;
    min-height: 28px;
}

.user-rankings-v4-shell .podium-score-box {
    margin-top: 12px;
    padding-top: 11px;
}

.user-rankings-v4-shell .podium-score-box span {
    font-size: 0.76rem;
    font-weight: 800;
}

.user-rankings-v4-shell .podium-score-box strong {
    font-size: clamp(1.55rem, 2.3vw, 2.15rem);
    font-weight: 820;
    letter-spacing: -0.045em;
}

.user-rankings-v4-shell .rank-first .podium-score-box strong {
    font-size: clamp(1.85rem, 2.8vw, 2.55rem);
}

.user-rankings-v4-shell .user-ranking-list-v3 {
    gap: 10px;
}

.user-rankings-v4-shell .user-ranking-list-head-v3,
.user-rankings-v4-shell .user-ranking-row-v3 {
    grid-template-columns: 112px minmax(260px, 1.24fr) minmax(120px, 0.58fr) minmax(150px, 0.72fr) minmax(135px, 0.66fr) minmax(105px, 0.48fr);
    column-gap: 18px;
}

.user-rankings-v4-shell .user-ranking-list-head-v3 {
    padding: 4px 18px 8px;
    font-size: 0.76rem;
    color: rgba(203, 213, 225, 0.54);
}

.user-rankings-v4-shell .user-ranking-list-head-v3 span:first-child,
.user-rankings-v4-shell .rank-cell-v3 {
    text-align: center;
    justify-content: center;
}

.user-rankings-v4-shell .user-ranking-list-head-v3 span:nth-child(2) {
    text-align: center;
}

.user-rankings-v4-shell .user-ranking-list-head-v3 span:nth-child(n+4),
.user-rankings-v4-shell .ranking-primary-number,
.user-rankings-v4-shell .ranking-neutral-number,
.user-rankings-v4-shell .ranking-sub-info {
    text-align: right;
    justify-self: end;
}

.user-rankings-v4-shell .user-ranking-row-v3 {
    min-height: 76px;
    padding: 12px 18px;
    border-radius: 21px;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.040), rgba(255,255,255,0.014)),
        rgba(6, 18, 23, 0.64);
    box-shadow:
        0 10px 24px rgba(0, 0, 0, 0.14),
        inset 0 1px 0 rgba(255,255,255,0.040);
}

.user-rankings-v4-shell .user-ranking-row-v3.rank-1,
.user-rankings-v4-shell .user-ranking-row-v3.rank-2,
.user-rankings-v4-shell .user-ranking-row-v3.rank-3 {
    position: relative;
    border-color: rgba(125, 240, 255, 0.22);
    background:
        linear-gradient(90deg, rgba(34, 211, 238, 0.080), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,0.048), rgba(255,255,255,0.016)),
        rgba(6, 19, 24, 0.68);
}

.user-rankings-v4-shell .user-ranking-row-v3.rank-1::before,
.user-rankings-v4-shell .user-ranking-row-v3.rank-2::before,
.user-rankings-v4-shell .user-ranking-row-v3.rank-3::before {
    content: "";
    position: absolute;
    left: 0;
    top: 16px;
    bottom: 16px;
    width: 3px;
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.78);
}

.user-rankings-v4-shell .user-ranking-row-v3:hover,
.user-rankings-v4-shell .user-ranking-row-v3:focus-visible {
    transform: translateY(-2px) scale(1.0005);
    border-color: rgba(125, 240, 255, 0.28);
    box-shadow:
        0 18px 38px rgba(0, 0, 0, 0.20),
        inset 0 1px 0 rgba(255,255,255,0.055);
}

.user-rankings-v4-shell .rank-chip-v3 {
    min-width: 58px;
    min-height: 34px;
    padding: 0 11px;
    font-size: 0.82rem;
    font-weight: 840;
    letter-spacing: -0.02em;
}

.user-rankings-v4-shell .rank-chip-v3.top-rank-chip {
    font-weight: 880;
    box-shadow: 0 8px 18px rgba(34, 211, 238, 0.12);
}

.user-rankings-v4-shell .manager-cell-v3 {
    grid-template-columns: 50px minmax(0, auto);
    gap: 12px;
    width: fit-content;
    max-width: 100%;
    justify-self: start;
}

.user-rankings-v4-shell .manager-avatar-v3 {
    width: 50px;
    height: 56px;
    border-radius: 16px;
    overflow: visible;
}

.user-rankings-v4-shell .manager-avatar-v3 .uniform-img.uniform-sm {
    width: 44px !important;
    height: 58px !important;
}

.user-rankings-v4-shell .manager-name-v3 strong {
    font-size: 0.98rem;
    font-weight: 820;
    letter-spacing: -0.030em;
}

.user-rankings-v4-shell .my-user-mini-badge {
    margin-top: 4px;
    padding: 3px 8px;
    font-size: 0.68rem;
    font-weight: 820;
}

.user-rankings-v4-shell .favorite-team-cell-v3 {
    justify-self: start;
}

.user-rankings-v4-shell .favorite-team-cell-v3 .team-badge,
.user-rankings-v4-shell .podium-team-line .team-badge {
    min-width: 50px;
    justify-content: center;
    font-weight: 820;
}

.user-rankings-v4-shell .favorite-unselected-pill {
    min-height: 26px;
    padding: 0 10px;
    font-size: 0.78rem;
    font-weight: 820;
}

.user-rankings-v4-shell .ranking-primary-number {
    color: #20d8e5;
    font-size: 1.28rem;
    font-weight: 820;
    line-height: 1;
    letter-spacing: -0.040em;
}

.user-rankings-v4-shell .ranking-neutral-number {
    color: rgba(248, 250, 252, 0.92);
    font-size: 1.05rem;
    font-weight: 760;
    letter-spacing: -0.030em;
}

.user-rankings-v4-shell .ranking-sub-info {
    color: rgba(203, 213, 225, 0.72);
    font-size: 0.84rem;
    font-weight: 760;
}

.user-rankings-v4-shell .user-default-avatar {
    width: 68%;
    height: 68%;
}

@media (max-width: 1120px) {
    .user-rankings-v4-shell .user-podium-card.rank-first {
        transform: none;
    }
}

@media (max-width: 980px) {
    .user-rankings-v4-shell .user-ranking-list-head-v3,
    .user-rankings-v4-shell .user-ranking-row-v3 {
        min-width: 920px;
    }
}


/* ============================================================
   User rankings v5 correction
   - same visual structure for top 1/2/3 cards
   - restored hover for rank #01
   - centered rank/manager column alignment
   - slimmer, calmer number/card styling
   ============================================================ */
.user-rankings-v4-shell .user-podium-v3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 12px;
    margin: 0 0 16px;
}

.user-rankings-v4-shell .user-podium-card,
.user-rankings-v4-shell .user-podium-card.rank-first,
.user-rankings-v4-shell .user-podium-card.rank-second,
.user-rankings-v4-shell .user-podium-card.rank-third {
    min-height: 172px;
    padding: 16px 16px 15px;
    border-radius: 22px;
    transform: none;
    opacity: 1;
    background:
        radial-gradient(circle at 50% 0%, rgba(34, 211, 238, 0.095), transparent 43%),
        linear-gradient(180deg, rgba(255,255,255,0.044), rgba(255,255,255,0.015)),
        rgba(6, 18, 23, 0.70);
    box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255,255,255,0.045);
}

.user-rankings-v4-shell .user-podium-card.rank-first {
    border-color: rgba(34, 211, 238, 0.38);
    background:
        radial-gradient(circle at 50% 0%, rgba(34, 211, 238, 0.15), transparent 43%),
        linear-gradient(180deg, rgba(255,255,255,0.052), rgba(255,255,255,0.018)),
        rgba(6, 20, 25, 0.76);
}

.user-rankings-v4-shell .user-podium-card:hover,
.user-rankings-v4-shell .user-podium-card:focus-visible,
.user-rankings-v4-shell .user-podium-card.rank-first:hover,
.user-rankings-v4-shell .user-podium-card.rank-first:focus-visible {
    transform: translateY(-4px);
    border-color: rgba(125, 240, 255, 0.32);
    box-shadow:
        0 22px 46px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255,255,255,0.06);
}

.user-rankings-v4-shell .user-podium-card.rank-first:hover,
.user-rankings-v4-shell .user-podium-card.rank-first:focus-visible {
    border-color: rgba(34, 211, 238, 0.46);
}

.user-rankings-v4-shell .podium-rank-line {
    justify-content: center;
    min-height: 34px;
    margin-bottom: 8px;
}

.user-rankings-v4-shell .podium-rank-label {
    position: absolute;
    top: 18px;
    right: 18px;
    font-size: 0.76rem;
    font-weight: 760;
    color: rgba(203, 213, 225, 0.58);
}

.user-rankings-v4-shell .podium-rank-chip,
.user-rankings-v4-shell .rank-first .podium-rank-chip {
    min-width: 54px;
    min-height: 31px;
    padding: 0 11px;
    font-size: 0.80rem;
    font-weight: 820;
}

.user-rankings-v4-shell .rank-first .podium-rank-chip {
    color: #021114;
    background: linear-gradient(135deg, #5af3ff, #19cbd8);
}

.user-rankings-v4-shell .podium-manager-block,
.user-rankings-v4-shell .rank-first .podium-manager-block {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
    gap: 8px;
}

.user-rankings-v4-shell .podium-avatar-wrap,
.user-rankings-v4-shell .rank-first .podium-avatar-wrap {
    width: 60px;
    height: 68px;
    border-radius: 18px;
}

.user-rankings-v4-shell .podium-avatar-wrap .uniform-img.uniform-sm,
.user-rankings-v4-shell .rank-first .podium-avatar-wrap .uniform-img.uniform-sm {
    width: 49px !important;
    height: 64px !important;
}

.user-rankings-v4-shell .podium-manager-copy h3,
.user-rankings-v4-shell .rank-first .podium-manager-copy h3 {
    font-size: clamp(1.08rem, 1.45vw, 1.34rem);
    font-weight: 780;
    letter-spacing: -0.035em;
}

.user-rankings-v4-shell .podium-team-line,
.user-rankings-v4-shell .rank-first .podium-team-line {
    justify-content: center;
    margin-top: 8px;
    min-height: 26px;
}

.user-rankings-v4-shell .podium-score-box {
    margin-top: 10px;
    padding-top: 10px;
}

.user-rankings-v4-shell .podium-score-box span {
    font-size: 0.72rem;
    font-weight: 760;
}

.user-rankings-v4-shell .podium-score-box strong,
.user-rankings-v4-shell .rank-first .podium-score-box strong {
    font-size: clamp(1.42rem, 2vw, 1.88rem);
    font-weight: 760;
    letter-spacing: -0.035em;
}

.user-rankings-v4-shell .user-ranking-list-head-v3,
.user-rankings-v4-shell .user-ranking-row-v3 {
    grid-template-columns: 102px minmax(250px, 0.98fr) minmax(118px, 0.42fr) minmax(138px, 0.52fr) minmax(124px, 0.48fr) minmax(92px, 0.36fr);
    column-gap: 14px;
}

.user-rankings-v4-shell .user-ranking-list-head-v3 {
    padding: 4px 16px 7px;
}

.user-rankings-v4-shell .user-ranking-list-head-v3 span:first-child,
.user-rankings-v4-shell .user-ranking-list-head-v3 span:nth-child(2),
.user-rankings-v4-shell .user-ranking-list-head-v3 span:nth-child(3) {
    text-align: center;
    justify-self: center;
}

.user-rankings-v4-shell .rank-cell-v3 {
    justify-content: center;
    justify-self: center;
}

.user-rankings-v4-shell .manager-cell-v3 {
    grid-template-columns: 46px minmax(0, auto);
    gap: 11px;
    width: fit-content;
    justify-self: center;
    justify-content: center;
}

.user-rankings-v4-shell .favorite-team-cell-v3 {
    justify-self: center;
    justify-content: center;
}

.user-rankings-v4-shell .user-ranking-row-v3 {
    min-height: 70px;
    padding: 10px 16px;
    border-radius: 20px;
}

.user-rankings-v4-shell .manager-avatar-v3 {
    width: 46px;
    height: 52px;
    border-radius: 15px;
}

.user-rankings-v4-shell .manager-avatar-v3 .uniform-img.uniform-sm {
    width: 41px !important;
    height: 54px !important;
}

.user-rankings-v4-shell .manager-name-v3 strong {
    font-size: 0.96rem;
    font-weight: 760;
}

.user-rankings-v4-shell .rank-chip-v3 {
    min-width: 56px;
    min-height: 32px;
    font-size: 0.80rem;
    font-weight: 800;
}

.user-rankings-v4-shell .ranking-primary-number {
    font-size: 1.16rem;
    font-weight: 760;
    letter-spacing: -0.030em;
}

.user-rankings-v4-shell .ranking-neutral-number {
    font-size: 0.98rem;
    font-weight: 700;
    color: rgba(248, 250, 252, 0.90);
}

.user-rankings-v4-shell .ranking-sub-info {
    font-size: 0.80rem;
    font-weight: 700;
}

@media (max-width: 980px) {
    .user-rankings-v4-shell .user-ranking-list-head-v3,
    .user-rankings-v4-shell .user-ranking-row-v3 {
        min-width: 860px;
    }
}

/* ============================================================
   User rankings v6 final correction
   - remove hero count card via template
   - identical podium card structure for rank 1/2/3
   - rank #01 is slightly raised like a podium
   - exact header/row grid alignment
   ============================================================ */
.user-rankings-v4-shell .user-rankings-hero-panel {
    justify-content: flex-start !important;
}

.user-rankings-v4-shell .user-podium-v3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: end !important;
    gap: 14px !important;
    margin: 2px 0 18px !important;
}

.user-rankings-v4-shell .user-podium-card,
.user-rankings-v4-shell .user-podium-card.rank-first,
.user-rankings-v4-shell .user-podium-card.rank-second,
.user-rankings-v4-shell .user-podium-card.rank-third {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    min-height: 196px !important;
    padding: 16px 18px 15px !important;
    border-radius: 22px !important;
    transform: none !important;
    border-color: rgba(125, 240, 255, 0.20) !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(34, 211, 238, 0.105), transparent 44%),
        linear-gradient(180deg, rgba(255,255,255,0.044), rgba(255,255,255,0.015)),
        rgba(6, 18, 23, 0.70) !important;
    box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255,255,255,0.045) !important;
}

.user-rankings-v4-shell .user-podium-card.rank-first {
    transform: translateY(-16px) !important;
    border-color: rgba(34, 211, 238, 0.38) !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(34, 211, 238, 0.150), transparent 44%),
        linear-gradient(180deg, rgba(255,255,255,0.052), rgba(255,255,255,0.018)),
        rgba(6, 20, 25, 0.76) !important;
}

.user-rankings-v4-shell .user-podium-card:hover,
.user-rankings-v4-shell .user-podium-card:focus-visible,
.user-rankings-v4-shell .user-podium-card.rank-second:hover,
.user-rankings-v4-shell .user-podium-card.rank-second:focus-visible,
.user-rankings-v4-shell .user-podium-card.rank-third:hover,
.user-rankings-v4-shell .user-podium-card.rank-third:focus-visible {
    transform: translateY(-4px) !important;
    border-color: rgba(125, 240, 255, 0.34) !important;
    box-shadow:
        0 22px 46px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255,255,255,0.06) !important;
}

.user-rankings-v4-shell .user-podium-card.rank-first:hover,
.user-rankings-v4-shell .user-podium-card.rank-first:focus-visible {
    transform: translateY(-20px) !important;
    border-color: rgba(34, 211, 238, 0.48) !important;
}

.user-rankings-v4-shell .podium-rank-line,
.user-rankings-v4-shell .rank-first .podium-rank-line,
.user-rankings-v4-shell .rank-second .podium-rank-line,
.user-rankings-v4-shell .rank-third .podium-rank-line {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 32px !important;
    margin: 0 0 8px !important;
}

.user-rankings-v4-shell .podium-rank-label {
    position: absolute !important;
    top: 18px !important;
    right: 18px !important;
    font-size: 0.75rem !important;
    font-weight: 760 !important;
    color: rgba(203, 213, 225, 0.58) !important;
}

.user-rankings-v4-shell .podium-rank-chip,
.user-rankings-v4-shell .rank-first .podium-rank-chip,
.user-rankings-v4-shell .rank-second .podium-rank-chip,
.user-rankings-v4-shell .rank-third .podium-rank-chip {
    min-width: 54px !important;
    min-height: 31px !important;
    padding: 0 11px !important;
    font-size: 0.80rem !important;
    font-weight: 820 !important;
    color: rgba(241, 253, 255, 0.96) !important;
    background: rgba(34, 211, 238, 0.12) !important;
    border: 1px solid rgba(125, 240, 255, 0.25) !important;
    box-shadow: none !important;
}

.user-rankings-v4-shell .rank-first .podium-rank-chip {
    color: #021114 !important;
    background: linear-gradient(135deg, #5af3ff, #19cbd8) !important;
    border-color: rgba(125, 240, 255, 0.45) !important;
    box-shadow: 0 10px 22px rgba(34, 211, 238, 0.15) !important;
}

.user-rankings-v4-shell .podium-manager-block,
.user-rankings-v4-shell .rank-first .podium-manager-block,
.user-rankings-v4-shell .rank-second .podium-manager-block,
.user-rankings-v4-shell .rank-third .podium-manager-block {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    text-align: center !important;
    gap: 8px !important;
}

.user-rankings-v4-shell .podium-avatar-wrap,
.user-rankings-v4-shell .rank-first .podium-avatar-wrap,
.user-rankings-v4-shell .rank-second .podium-avatar-wrap,
.user-rankings-v4-shell .rank-third .podium-avatar-wrap {
    width: 60px !important;
    height: 68px !important;
    border-radius: 18px !important;
}

.user-rankings-v4-shell .podium-avatar-wrap .uniform-img.uniform-sm,
.user-rankings-v4-shell .rank-first .podium-avatar-wrap .uniform-img.uniform-sm,
.user-rankings-v4-shell .rank-second .podium-avatar-wrap .uniform-img.uniform-sm,
.user-rankings-v4-shell .rank-third .podium-avatar-wrap .uniform-img.uniform-sm {
    width: 49px !important;
    height: 64px !important;
}

.user-rankings-v4-shell .podium-manager-copy h3,
.user-rankings-v4-shell .rank-first .podium-manager-copy h3,
.user-rankings-v4-shell .rank-second .podium-manager-copy h3,
.user-rankings-v4-shell .rank-third .podium-manager-copy h3 {
    font-size: clamp(1.08rem, 1.42vw, 1.34rem) !important;
    font-weight: 780 !important;
    letter-spacing: -0.035em !important;
}

.user-rankings-v4-shell .podium-team-line,
.user-rankings-v4-shell .rank-first .podium-team-line,
.user-rankings-v4-shell .rank-second .podium-team-line,
.user-rankings-v4-shell .rank-third .podium-team-line {
    display: flex !important;
    justify-content: center !important;
    min-height: 26px !important;
    margin: 8px 0 0 !important;
}

.user-rankings-v4-shell .podium-score-box,
.user-rankings-v4-shell .rank-first .podium-score-box,
.user-rankings-v4-shell .rank-second .podium-score-box,
.user-rankings-v4-shell .rank-third .podium-score-box {
    margin-top: auto !important;
    padding-top: 10px !important;
    border-top: 1px solid rgba(148, 163, 184, 0.12) !important;
}

.user-rankings-v4-shell .podium-score-box span,
.user-rankings-v4-shell .rank-first .podium-score-box span {
    font-size: 0.72rem !important;
    font-weight: 760 !important;
}

.user-rankings-v4-shell .podium-score-box strong,
.user-rankings-v4-shell .rank-first .podium-score-box strong,
.user-rankings-v4-shell .rank-second .podium-score-box strong,
.user-rankings-v4-shell .rank-third .podium-score-box strong {
    font-size: clamp(1.42rem, 1.95vw, 1.82rem) !important;
    font-weight: 760 !important;
    letter-spacing: -0.035em !important;
}

.user-rankings-v4-shell .user-ranking-list-v3 {
    gap: 10px !important;
}

.user-rankings-v4-shell .user-ranking-list-head-v3,
.user-rankings-v4-shell .user-ranking-row-v3 {
    grid-template-columns: 112px minmax(280px, 1.15fr) minmax(150px, 0.62fr) minmax(150px, 0.60fr) minmax(145px, 0.56fr) minmax(110px, 0.44fr) !important;
    column-gap: 16px !important;
    align-items: center !important;
}

.user-rankings-v4-shell .user-ranking-list-head-v3 {
    padding: 6px 18px 8px !important;
    min-height: 34px !important;
}

.user-rankings-v4-shell .user-ranking-list-head-v3 span,
.user-rankings-v4-shell .user-ranking-row-v3 > div {
    justify-self: center !important;
    text-align: center !important;
}

.user-rankings-v4-shell .manager-cell-v3 {
    display: grid !important;
    grid-template-columns: 48px minmax(0, max-content) !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: center !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
}

.user-rankings-v4-shell .manager-name-v3 {
    text-align: left !important;
    min-width: 0 !important;
}

.user-rankings-v4-shell .rank-cell-v3,
.user-rankings-v4-shell .favorite-team-cell-v3,
.user-rankings-v4-shell .ranking-primary-number,
.user-rankings-v4-shell .ranking-neutral-number,
.user-rankings-v4-shell .ranking-sub-info {
    justify-self: center !important;
    text-align: center !important;
}

.user-rankings-v4-shell .user-ranking-row-v3 {
    min-height: 72px !important;
    padding: 11px 18px !important;
    border-radius: 20px !important;
}

.user-rankings-v4-shell .manager-avatar-v3 {
    width: 48px !important;
    height: 54px !important;
    border-radius: 15px !important;
}

.user-rankings-v4-shell .manager-avatar-v3 .uniform-img.uniform-sm {
    width: 42px !important;
    height: 56px !important;
}

.user-rankings-v4-shell .rank-chip-v3 {
    min-width: 58px !important;
    min-height: 32px !important;
    font-size: 0.80rem !important;
    font-weight: 800 !important;
}

.user-rankings-v4-shell .ranking-primary-number {
    font-size: 1.15rem !important;
    font-weight: 760 !important;
    letter-spacing: -0.030em !important;
}

.user-rankings-v4-shell .ranking-neutral-number {
    font-size: 0.98rem !important;
    font-weight: 700 !important;
    color: rgba(248, 250, 252, 0.90) !important;
}

.user-rankings-v4-shell .ranking-sub-info {
    font-size: 0.82rem !important;
    font-weight: 720 !important;
    color: rgba(203, 213, 225, 0.72) !important;
}

@media (max-width: 980px) {
    .user-rankings-v4-shell .user-podium-card.rank-first {
        transform: none !important;
    }

    .user-rankings-v4-shell .user-podium-card.rank-first:hover,
    .user-rankings-v4-shell .user-podium-card.rank-first:focus-visible {
        transform: translateY(-4px) !important;
    }

    .user-rankings-v4-shell .user-ranking-list-head-v3,
    .user-rankings-v4-shell .user-ranking-row-v3 {
        min-width: 930px !important;
    }
}

.status-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 4px 9px;
    border-radius: 999px;
    border: 1px solid rgba(0, 217, 255, 0.32);
    background: rgba(0, 217, 255, 0.10);
    color: #9af7ff;
    font-size: 0.78rem;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}

/* =========================================================
   Account settings page
   ========================================================= */
.settings-page-shell {
    display: grid;
    gap: 18px;
    max-width: 1120px;
    margin: 0 auto 56px;
}

.settings-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 26px;
    overflow: hidden;
    position: relative;
}

.settings-hero::before {
    content: "";
    position: absolute;
    inset: -80px -120px auto auto;
    width: 320px;
    height: 320px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(8, 212, 223, 0.20), transparent 66%);
    pointer-events: none;
}

.settings-hero > * {
    position: relative;
    z-index: 1;
}

.settings-hero h1 {
    margin: 0 0 8px;
    font-size: clamp(30px, 4vw, 48px);
    letter-spacing: -0.05em;
}

.settings-hero p {
    margin: 0;
    max-width: 720px;
    color: var(--muted);
    line-height: 1.65;
}

.settings-summary-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.settings-summary-card {
    padding: 18px 20px;
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: 18px;
    background: rgba(5, 8, 11, 0.72);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.035);
}

.settings-summary-card span {
    display: block;
    color: var(--muted);
    font-size: 12px;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 8px;
}

.settings-summary-card strong {
    display: block;
    color: var(--text);
    font-size: 20px;
    letter-spacing: -0.03em;
    word-break: break-word;
}

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

.settings-card {
    padding: 22px;
}

.settings-card-heading {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 14px;
    align-items: start;
    margin-bottom: 18px;
}

.settings-card-heading h2 {
    margin: 0 0 6px;
    font-size: 23px;
    letter-spacing: -0.04em;
}

.settings-card-heading p:not(.eyebrow) {
    margin: 0;
    color: var(--muted);
    line-height: 1.55;
}

.settings-card-icon {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    color: var(--primary);
    border: 1px solid rgba(8, 212, 223, 0.22);
    background: rgba(8, 212, 223, 0.08);
    font-size: 14px;
    font-weight: 950;
    letter-spacing: -0.04em;
}

.settings-card-icon.danger {
    color: #ff626b;
    border-color: rgba(255, 82, 82, 0.30);
    background: rgba(255, 82, 82, 0.10);
}

.settings-form {
    display: grid;
    gap: 14px;
}

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

.settings-form button {
    width: fit-content;
    min-width: 142px;
}

.settings-danger-card {
    border-color: rgba(255, 82, 82, 0.24) !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 82, 82, 0.10), transparent 38%),
        rgba(5, 8, 11, 0.78) !important;
}

.settings-danger-note {
    padding: 13px 14px;
    border-radius: 14px;
    color: #ffd8dc;
    background: rgba(255, 82, 82, 0.09);
    border: 1px solid rgba(255, 82, 82, 0.20);
    font-size: 13px;
    font-weight: 650;
    line-height: 1.55;
}

.field-hint {
    margin: 8px 0 0;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.45;
}

.field-hint strong {
    color: #ff858b;
}

.danger-button {
    color: #fff;
    background: linear-gradient(135deg, #ff3948, #ff6d75);
    box-shadow: 0 14px 34px rgba(255, 82, 82, 0.22);
}

.danger-button:hover,
.danger-button:focus-visible {
    box-shadow: 0 18px 42px rgba(255, 82, 82, 0.30);
}

@media (max-width: 860px) {
    .settings-hero {
        align-items: flex-start;
        flex-direction: column;
    }

    .settings-summary-grid,
    .settings-grid {
        grid-template-columns: 1fr;
    }

    .settings-two-col {
        grid-template-columns: 1fr;
    }

    .settings-form button {
        width: 100%;
    }
}

/* ------------------------------------------------------------
   Friends feature + public profile friend request polish
------------------------------------------------------------ */
.profile-v2-default-avatar {
    width: 76px;
    height: 76px;
    border: 1px solid rgba(8, 212, 223, 0.42);
    background: radial-gradient(circle at 50% 30%, rgba(8, 212, 223, 0.22), rgba(8, 212, 223, 0.075));
    box-shadow: 0 0 34px rgba(8, 212, 223, 0.12), inset 0 1px 0 rgba(255,255,255,0.08);
}

.profile-v2-default-avatar svg {
    width: 38px;
    height: 38px;
}

.profile-friend-request-panel form {
    margin: 0;
}

.profile-friend-request-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 15px;
    border-radius: 14px;
    border: 1px solid rgba(8, 212, 223, 0.38);
    color: rgba(234, 253, 255, 0.98);
    background: linear-gradient(135deg, rgba(8, 212, 223, 0.22), rgba(8, 212, 223, 0.10));
    font-weight: 950;
    cursor: pointer;
    box-shadow: 0 14px 34px rgba(8, 212, 223, 0.08);
}

.profile-friend-request-button:hover,
.profile-friend-request-button:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(8, 212, 223, 0.58);
    box-shadow: 0 18px 42px rgba(8, 212, 223, 0.14);
}

.profile-public-rank-link.disabled-link {
    opacity: 0.72;
    pointer-events: none;
}

.friends-page-shell {
    display: grid;
    gap: 22px;
}

.friends-hero-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.friends-summary-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.friends-summary-card {
    min-height: 102px;
    padding: 20px;
    border: 1px solid rgba(125, 240, 255, 0.16);
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.018)), rgba(5, 16, 24, 0.70);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.055);
}

.friends-summary-card span {
    display: block;
    color: rgba(205, 226, 235, 0.62);
    font-size: 0.84rem;
    font-weight: 950;
}

.friends-summary-card strong {
    display: block;
    margin-top: 10px;
    color: rgba(125, 239, 246, 0.98);
    font-size: 2.15rem;
    font-weight: 950;
    letter-spacing: -0.04em;
}

.friends-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.35fr);
    gap: 18px;
    align-items: start;
}

.friends-card {
    border-color: rgba(125, 240, 255, 0.16);
}

.friend-request-list,
.friend-card-grid {
    display: grid;
    gap: 12px;
}

.friend-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.friend-request-card,
.friend-card {
    position: relative;
    overflow: hidden;
    min-height: 94px;
    padding: 14px;
    border: 1px solid rgba(125, 240, 255, 0.14);
    border-radius: 20px;
    background: rgba(3, 11, 18, 0.54);
    transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.friend-request-card:hover,
.friend-card:hover,
.friend-request-card:focus-visible,
.friend-card:focus-visible {
    border-color: rgba(125, 240, 255, 0.34);
    background: rgba(7, 20, 28, 0.74);
    transform: translateY(-2px);
    box-shadow: 0 22px 54px rgba(0,0,0,0.18), 0 0 28px rgba(8, 212, 223, 0.07);
}

.friend-person-main {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.friend-person-main strong {
    display: inline-flex;
    align-items: center;
    color: rgba(244, 250, 252, 0.98);
    font-size: 1.02rem;
    font-weight: 950;
    max-width: 180px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.friend-avatar-wrap {
    flex: 0 0 auto;
    display: inline-grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border-radius: 17px;
    border: 1px solid rgba(125, 240, 255, 0.16);
    background: rgba(255,255,255,0.035);
}

.friend-avatar-wrap .uniform-sm {
    transform: translateY(-6px) scale(0.90);
}

.friend-avatar-wrap.mini {
    width: 34px;
    height: 34px;
    border-radius: 12px;
}

.friend-avatar-wrap.mini .uniform-sm {
    transform: translateY(-6px) scale(0.70);
}

.friend-avatar-wrap .user-default-avatar {
    width: 34px;
    height: 34px;
    border-radius: 999px;
}

.friend-person-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 7px;
    color: rgba(205, 226, 235, 0.62);
    font-size: 0.76rem;
    font-weight: 850;
}

.friend-request-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.friend-request-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.friend-request-actions form {
    margin: 0;
}

.friend-action-button {
    min-height: 36px;
    padding: 0 12px;
    border-radius: 13px;
    font-size: 0.84rem;
    font-weight: 950;
    cursor: pointer;
}

.friend-action-button.accept {
    color: rgba(232, 255, 245, 0.98);
    background: rgba(34, 197, 94, 0.16);
    border: 1px solid rgba(34, 197, 94, 0.30);
}

.friend-action-button.decline {
    color: rgba(255, 232, 235, 0.98);
    background: rgba(255, 82, 82, 0.13);
    border: 1px solid rgba(255, 82, 82, 0.26);
}

.friend-score-line {
    display: grid;
    grid-template-columns: auto 1fr auto 1fr;
    gap: 7px;
    align-items: center;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid rgba(255,255,255,0.07);
    color: rgba(203, 221, 230, 0.58);
    font-size: 0.78rem;
    font-weight: 900;
}

.friend-score-line strong {
    color: rgba(244, 250, 252, 0.94);
    font-size: 0.95rem;
    text-align: right;
}

.friend-remove-form {
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-2px) scale(0.96);
    transition: opacity 0.18s ease, transform 0.18s ease;
}

.friend-card:hover .friend-remove-form,
.friend-card:focus-within .friend-remove-form,
.friend-card:focus-visible .friend-remove-form {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0) scale(1);
}

.outgoing-friends-card {
    padding: 20px;
}

.outgoing-request-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.outgoing-request-pill {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px 8px 8px;
    border-radius: 999px;
    border: 1px solid rgba(125, 240, 255, 0.16);
    color: rgba(238, 251, 255, 0.94);
    background: rgba(125, 240, 255, 0.06);
    text-decoration: none;
    font-weight: 900;
}

.outgoing-request-pill small {
    color: rgba(203, 221, 230, 0.58);
    font-weight: 850;
}

.compact-empty-state {
    min-height: 118px;
    padding: 22px;
    border: 1px dashed rgba(125, 240, 255, 0.16);
    border-radius: 20px;
    background: rgba(255,255,255,0.025);
}

@media (max-width: 960px) {
    .friends-hero-panel {
        align-items: flex-start;
        flex-direction: column;
    }

    .friends-grid,
    .friends-summary-grid,
    .friend-card-grid {
        grid-template-columns: 1fr;
    }

    .friend-request-card {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* =========================================================
   Friends page button click fix
   - Keep decorative hero glow layers from intercepting clicks.
   ========================================================= */
.hero-panel::after {
    pointer-events: none !important;
}

.hero-panel > * {
    position: relative;
    z-index: 1;
}

.friends-hero-panel .button-link,
.friends-hero-panel a.button-link {
    position: relative;
    z-index: 3;
    pointer-events: auto !important;
}

/* ==========================================================
   MyPick C feature
   ========================================================== */
.slot-code-wrap {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.captain-badge,
.captain-inline-badge,
.captain-select-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    border: 1px solid rgba(250, 204, 21, 0.62);
    background:
        radial-gradient(circle at 35% 20%, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.00) 42%),
        linear-gradient(135deg, rgba(250, 204, 21, 0.28), rgba(217, 119, 6, 0.20));
    color: rgba(254, 243, 199, 0.98);
    font-size: 11px;
    line-height: 1;
    font-weight: 950;
    letter-spacing: 0.02em;
    box-shadow: 0 0 14px rgba(250, 204, 21, 0.14);
    vertical-align: middle;
    flex: 0 0 auto;
}

.captain-inline-badge {
    width: 20px;
    height: 20px;
    margin-left: 6px;
    font-size: 10px;
}

.field-slot.captain-player-slot,
.roster-list-row:has(.captain-badge),
.roster-list-row:has(.captain-inline-badge) {
    border-color: rgba(250, 204, 21, 0.46) !important;
    box-shadow:
        0 0 0 1px rgba(250, 204, 21, 0.08),
        0 18px 40px rgba(0, 0, 0, 0.18),
        0 0 26px rgba(250, 204, 21, 0.10) !important;
}

.field-slot.captain-player-slot::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background:
        linear-gradient(135deg, rgba(250, 204, 21, 0.12), rgba(34, 211, 238, 0.02) 48%, transparent 72%);
    opacity: 0.72;
}

.field-slot.captain-player-slot > * {
    position: relative;
    z-index: 1;
}

.slot-captain-form {
    position: absolute;
    top: 8px;
    right: 46px;
    z-index: 6;
}

.captain-select-button {
    padding: 0;
    cursor: pointer;
    border-width: 1px;
    font-family: inherit;
    transition:
        transform 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease,
        background 0.18s ease;
}

.captain-select-button:hover,
.captain-select-button:focus-visible {
    transform: translateY(-1px) scale(1.04);
    border-color: rgba(253, 224, 71, 0.90);
    box-shadow: 0 0 20px rgba(250, 204, 21, 0.24);
    outline: none;
}

.captain-select-button.small {
    width: 24px;
    height: 24px;
}

.inline-captain-form {
    display: inline-flex;
    align-items: center;
    margin: 0;
}

.field-slot .slot-captain-form {
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(-2px) scale(0.96) !important;
    transition:
        opacity 0.18s ease,
        transform 0.18s ease !important;
}

.field-slot:hover .slot-captain-form,
.field-slot:focus-within .slot-captain-form,
.field-slot:focus-visible .slot-captain-form {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) scale(1) !important;
}

.team-captain-item strong,
.captain-status-mini-item strong {
    color: rgba(254, 243, 199, 0.96) !important;
}

.profile-highlight-player .captain-inline-badge {
    margin-left: 4px;
    transform: translateY(-1px);
}

/* ==========================================================
   Captain UI cleanup: single C marker, compact Captain status.
   ========================================================== */
.team-edit-page-shell .team-edit-status-row .team-status-mini-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.team-edit-page-shell .team-edit-status-row .captain-status-mini-item {
    border-color: rgba(250, 204, 21, 0.20) !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(250, 204, 21, 0.075), transparent 52%),
        linear-gradient(180deg, rgba(255,255,255,0.038), rgba(255,255,255,0.014)),
        rgba(3, 13, 18, 0.58) !important;
}

.team-edit-page-shell .team-edit-status-row .captain-status-mini-item > span {
    white-space: nowrap !important;
}

.team-edit-page-shell .team-edit-status-row .captain-status-mini-item strong {
    display: block !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    color: rgba(254, 243, 199, 0.96) !important;
    letter-spacing: -0.05em !important;
}

.captain-badge,
.captain-inline-badge,
.captain-select-button {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    border: 1px solid rgba(250, 204, 21, 0.54) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0.02)),
        rgba(96, 69, 10, 0.62) !important;
    color: rgba(255, 247, 214, 0.98) !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
    box-shadow: 0 0 0 1px rgba(250, 204, 21, 0.05), 0 6px 16px rgba(0, 0, 0, 0.20) !important;
}

.slot-code-wrap .captain-badge {
    margin-left: 2px !important;
    transform: translateY(-1px) !important;
}

.captain-inline-badge {
    margin-left: 5px !important;
    transform: translateY(-1px) !important;
}

.field-slot.captain-player-slot,
.roster-list-row:has(.captain-badge) {
    border-color: rgba(250, 204, 21, 0.30) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.055),
        0 18px 38px rgba(0, 0, 0, 0.20),
        0 0 20px rgba(250, 204, 21, 0.055) !important;
}

.field-slot.captain-player-slot::before {
    background:
        linear-gradient(135deg, rgba(250, 204, 21, 0.075), rgba(34, 211, 238, 0.018) 46%, transparent 72%) !important;
    opacity: 0.68 !important;
}

.captain-select-button {
    cursor: pointer !important;
    opacity: 0.96 !important;
}

.captain-select-button.small {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
}

.captain-select-button:hover,
.captain-select-button:focus-visible {
    transform: translateY(-1px) scale(1.03) !important;
    border-color: rgba(253, 224, 71, 0.86) !important;
    box-shadow: 0 0 18px rgba(250, 204, 21, 0.18) !important;
}

@media (max-width: 1180px) {
    .team-edit-page-shell .team-edit-status-row .team-status-mini-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    .team-edit-page-shell .team-edit-status-row .team-status-mini-grid {
        grid-template-columns: 1fr !important;
    }
}

/* ==========================================================
   Captain visual fix: no layout shift, single marker, bullpen stats visible.
   ========================================================== */
.field-slot .captain-card-marker {
    position: absolute !important;
    top: 6px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 7 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(253, 224, 71, 0.82) !important;
    background:
        radial-gradient(circle at 35% 25%, rgba(255,255,255,0.22), rgba(255,255,255,0.00) 44%),
        linear-gradient(135deg, rgba(252, 211, 77, 0.34), rgba(146, 64, 14, 0.52)),
        rgba(42, 31, 8, 0.88) !important;
    color: rgba(255, 251, 235, 0.98) !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: -0.02em !important;
    box-shadow:
        0 0 0 1px rgba(250, 204, 21, 0.10),
        0 8px 18px rgba(0, 0, 0, 0.32),
        0 0 18px rgba(250, 204, 21, 0.24) !important;
    pointer-events: none !important;
}

.field-slot.captain-player-slot .slot-code-wrap .captain-badge {
    display: none !important;
}

.field-slot.captain-player-slot {
    border-color: rgba(250, 204, 21, 0.66) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.07),
        0 18px 40px rgba(0, 0, 0, 0.22),
        0 0 0 1px rgba(250, 204, 21, 0.10),
        0 0 26px rgba(250, 204, 21, 0.16) !important;
}

.field-slot.captain-player-slot::before {
    background:
        linear-gradient(135deg, rgba(250, 204, 21, 0.12), rgba(34, 211, 238, 0.014) 45%, transparent 74%) !important;
    opacity: 0.72 !important;
}

.team-edit-page-shell .team-edit-stadium .field-slot.captain-player-slot,
.team-edit-page-shell .team-edit-pitcher-rail .field-slot.captain-player-slot {
    border-color: rgba(250, 204, 21, 0.78) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.075),
        0 20px 42px rgba(0, 0, 0, 0.24),
        0 0 0 1px rgba(250, 204, 21, 0.16),
        0 0 30px rgba(250, 204, 21, 0.20) !important;
}

.team-edit-page-shell .team-edit-pitcher-rail .field-slot {
    min-height: 88px !important;
    padding: 7px !important;
}

.team-edit-page-shell .team-edit-pitcher-rail .field-slot .slot-stats {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    align-items: baseline !important;
    gap: 4px !important;
    margin-top: 4px !important;
    font-size: 10.4px !important;
    line-height: 1.02 !important;
}

.team-edit-page-shell .team-edit-pitcher-rail .field-slot .slot-stats span {
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    font-size: inherit !important;
    font-weight: 880 !important;
    letter-spacing: -0.05em !important;
}

.team-edit-page-shell .team-edit-pitcher-rail .field-slot .slot-stats small {
    margin-left: 1px !important;
    font-size: 0.70em !important;
}

.team-edit-page-shell .team-edit-pitcher-rail .field-slot .slot-player-main {
    gap: 6px !important;
}

.team-edit-page-shell .team-edit-pitcher-rail .field-slot.captain-player-slot .slot-topline,
.team-edit-page-shell .team-edit-stadium .field-slot.captain-player-slot .slot-topline {
    padding-right: 0 !important;
}

/* Keep the C pick button as an action, not as a second captain marker. */
.field-slot.captain-player-slot .slot-captain-form {
    display: none !important;
}

/* ==========================================================
   Captain card redesign final pass
   - keep team-edit player-card ratio unchanged
   - replace large round marker with a small premium corner tag
   - hide compact x2 text only inside team-edit cards
   ========================================================== */
.team-edit-page-shell .team-edit-stadium .field-slot .captain-card-marker,
.team-edit-page-shell .team-edit-pitcher-rail .field-slot .captain-card-marker {
    display: none !important;
}

.team-edit-page-shell .team-edit-stadium .field-slot.captain-player-slot,
.team-edit-page-shell .team-edit-pitcher-rail .field-slot.captain-player-slot {
    position: relative !important;
    border-color: rgba(234, 179, 8, 0.72) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 12px 28px rgba(0, 0, 0, 0.24),
        0 0 0 1px rgba(234, 179, 8, 0.12),
        0 0 18px rgba(234, 179, 8, 0.12) !important;
}

.team-edit-page-shell .team-edit-stadium .field-slot.captain-player-slot::before,
.team-edit-page-shell .team-edit-pitcher-rail .field-slot.captain-player-slot::before {
    background:
        linear-gradient(135deg, rgba(234, 179, 8, 0.065), rgba(34, 211, 238, 0.012) 46%, transparent 76%) !important;
    opacity: 0.62 !important;
}

.team-edit-page-shell .team-edit-stadium .field-slot.captain-player-slot::after,
.team-edit-page-shell .team-edit-pitcher-rail .field-slot.captain-player-slot::after {
    content: "C";
    position: absolute;
    top: -7px;
    right: 9px;
    z-index: 9;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 18px;
    border-radius: 7px;
    border: 1px solid rgba(234, 179, 8, 0.70);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0.02)),
        rgba(24, 20, 9, 0.94);
    color: rgba(254, 243, 199, 0.98);
    font-size: 10px;
    line-height: 1;
    font-weight: 950;
    letter-spacing: -0.01em;
    box-shadow:
        0 6px 14px rgba(0, 0, 0, 0.28),
        0 0 10px rgba(234, 179, 8, 0.16);
    pointer-events: none;
}

.team-edit-page-shell .team-edit-stadium .field-slot.captain-player-slot .slot-topline,
.team-edit-page-shell .team-edit-pitcher-rail .field-slot.captain-player-slot .slot-topline {
    padding-right: 0 !important;
}

.team-edit-page-shell .team-edit-stadium .field-slot.captain-player-slot .slot-label,
.team-edit-page-shell .team-edit-pitcher-rail .field-slot.captain-player-slot .slot-label {
    max-width: calc(100% - 36px) !important;
}

.team-edit-page-shell .team-edit-stadium .field-slot .captain-score-multiplier,
.team-edit-page-shell .team-edit-pitcher-rail .field-slot .captain-score-multiplier {
    display: none !important;
}

.team-edit-page-shell .team-edit-stadium .field-slot.captain-player-slot .slot-stats,
.team-edit-page-shell .team-edit-pitcher-rail .field-slot.captain-player-slot .slot-stats {
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr) !important;
}

.team-edit-page-shell .team-edit-stadium .field-slot.captain-player-slot .slot-stats span,
.team-edit-page-shell .team-edit-pitcher-rail .field-slot.captain-player-slot .slot-stats span {
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
}

/* Keep the captain card exactly in the same compact card system as regular field cards. */
.team-edit-page-shell .team-edit-stadium .field-slot.captain-player-slot {
    min-height: 78px !important;
    padding: 7px !important;
}

.team-edit-page-shell .team-edit-pitcher-rail .field-slot.captain-player-slot {
    min-height: 88px !important;
    padding: 7px !important;
}

/* Non-edit pages keep a simpler inline C, but without the oversized gold button look. */
.my-team-page-shell .captain-card-marker,
.profile-lineup-card .captain-card-marker {
    display: none !important;
}

.my-team-page-shell .field-slot.captain-player-slot::after,
.profile-lineup-card .field-slot.captain-player-slot::after {
    content: "C";
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 8;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 18px;
    border-radius: 7px;
    border: 1px solid rgba(234, 179, 8, 0.62);
    background: rgba(24, 20, 9, 0.88);
    color: rgba(254, 243, 199, 0.96);
    font-size: 10px;
    font-weight: 950;
    line-height: 1;
    pointer-events: none;
    box-shadow: 0 0 10px rgba(234, 179, 8, 0.10);
}

/* ==========================================================
   Captain polish final: no layout shift, no text overlap.
   - Team-edit captain cards keep the exact same card ratio.
   - Captain is shown by a premium gold border + subtle watermark only.
   - My-team/profile captain cards also use the same gold border treatment.
   ========================================================== */
.team-edit-page-shell .team-edit-stadium .field-slot .captain-card-marker,
.team-edit-page-shell .team-edit-pitcher-rail .field-slot .captain-card-marker,
.my-team-page-shell .field-slot .captain-card-marker,
.profile-lineup-card .field-slot .captain-card-marker {
    display: none !important;
}

.team-edit-page-shell .team-edit-stadium .field-slot.captain-player-slot::after,
.team-edit-page-shell .team-edit-pitcher-rail .field-slot.captain-player-slot::after,
.my-team-page-shell .field-slot.captain-player-slot::after,
.profile-lineup-card .field-slot.captain-player-slot::after {
    content: none !important;
    display: none !important;
}

.team-edit-page-shell .team-edit-stadium .field-slot.captain-player-slot,
.team-edit-page-shell .team-edit-pitcher-rail .field-slot.captain-player-slot,
.my-team-page-shell .field-slot.captain-player-slot,
.profile-lineup-card .field-slot.captain-player-slot {
    position: relative !important;
    overflow: hidden !important;
    border-color: rgba(234, 179, 8, 0.72) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.07),
        0 14px 30px rgba(0, 0, 0, 0.22),
        0 0 0 1px rgba(234, 179, 8, 0.12),
        0 0 20px rgba(234, 179, 8, 0.13) !important;
}

.team-edit-page-shell .team-edit-stadium .field-slot.captain-player-slot::before,
.team-edit-page-shell .team-edit-pitcher-rail .field-slot.captain-player-slot::before,
.my-team-page-shell .field-slot.captain-player-slot::before,
.profile-lineup-card .field-slot.captain-player-slot::before {
    content: "C" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    padding: 4px 7px 0 0 !important;
    pointer-events: none !important;
    border-radius: inherit !important;
    background:
        linear-gradient(135deg, rgba(234, 179, 8, 0.090), rgba(34, 211, 238, 0.014) 42%, transparent 76%) !important;
    color: rgba(254, 243, 199, 0.105) !important;
    font-size: 34px !important;
    line-height: 0.86 !important;
    font-weight: 950 !important;
    letter-spacing: -0.08em !important;
}

.team-edit-page-shell .team-edit-stadium .field-slot.captain-player-slot > *,
.team-edit-page-shell .team-edit-pitcher-rail .field-slot.captain-player-slot > *,
.my-team-page-shell .field-slot.captain-player-slot > *,
.profile-lineup-card .field-slot.captain-player-slot > * {
    position: relative !important;
    z-index: 1 !important;
}

/* Team edit: captain cards must stay the same size as regular cards. */
.team-edit-page-shell .team-edit-stadium .field-slot.captain-player-slot {
    min-height: 78px !important;
    padding: 7px !important;
}

.team-edit-page-shell .team-edit-pitcher-rail .field-slot.captain-player-slot {
    min-height: 66px !important;
    padding: 7px !important;
}

.team-edit-page-shell .team-edit-stadium .field-slot.captain-player-slot .slot-topline,
.team-edit-page-shell .team-edit-pitcher-rail .field-slot.captain-player-slot .slot-topline {
    padding-right: 0 !important;
}

.team-edit-page-shell .team-edit-stadium .field-slot.captain-player-slot .slot-label,
.team-edit-page-shell .team-edit-pitcher-rail .field-slot.captain-player-slot .slot-label {
    max-width: none !important;
}

.team-edit-page-shell .team-edit-stadium .field-slot.captain-player-slot .slot-stats,
.team-edit-page-shell .team-edit-pitcher-rail .field-slot.captain-player-slot .slot-stats {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}

.team-edit-page-shell .team-edit-stadium .field-slot .captain-score-multiplier,
.team-edit-page-shell .team-edit-pitcher-rail .field-slot .captain-score-multiplier,
.my-team-page-shell .field-slot .captain-score-multiplier,
.profile-lineup-card .field-slot .captain-score-multiplier {
    display: none !important;
}

/* Keep the C-select action separate from the captain marker and visible only on hover. */
.field-slot.captain-player-slot .slot-captain-form {
    display: none !important;
}

/* ==========================================================
   Captain card final correction 2026-05-19
   Goal:
   - No C badge inside/outside the player field card.
   - No pseudo C watermark that can cover slot labels.
   - Captain card keeps exactly the same height/ratio as regular cards.
   - Team edit and my-team/profile use the same clean gold border.
   ========================================================== */
.field-slot.captain-gold-slot,
.team-edit-page-shell .team-edit-stadium .field-slot.captain-gold-slot,
.team-edit-page-shell .team-edit-pitcher-rail .field-slot.captain-gold-slot,
.my-team-page-shell .field-slot.captain-gold-slot,
.profile-lineup-card .field-slot.captain-gold-slot {
    position: relative !important;
    overflow: hidden !important;
    border-color: rgba(234, 179, 8, 0.78) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.07),
        0 10px 24px rgba(0, 0, 0, 0.20),
        0 0 0 1px rgba(234, 179, 8, 0.18),
        0 0 18px rgba(234, 179, 8, 0.16) !important;
    background:
        linear-gradient(135deg, rgba(234, 179, 8, 0.050), rgba(34, 211, 238, 0.018) 48%, rgba(3, 13, 18, 0.00) 78%),
        var(--surface, rgba(3, 13, 18, 0.72)) !important;
}

.field-slot.captain-gold-slot::before,
.field-slot.captain-gold-slot::after,
.team-edit-page-shell .team-edit-stadium .field-slot.captain-gold-slot::before,
.team-edit-page-shell .team-edit-stadium .field-slot.captain-gold-slot::after,
.team-edit-page-shell .team-edit-pitcher-rail .field-slot.captain-gold-slot::before,
.team-edit-page-shell .team-edit-pitcher-rail .field-slot.captain-gold-slot::after,
.my-team-page-shell .field-slot.captain-gold-slot::before,
.my-team-page-shell .field-slot.captain-gold-slot::after,
.profile-lineup-card .field-slot.captain-gold-slot::before,
.profile-lineup-card .field-slot.captain-gold-slot::after {
    content: none !important;
    display: none !important;
}

.field-slot.captain-gold-slot .captain-card-marker,
.team-edit-page-shell .field-slot.captain-gold-slot .captain-card-marker,
.my-team-page-shell .field-slot.captain-gold-slot .captain-card-marker,
.profile-lineup-card .field-slot.captain-gold-slot .captain-card-marker {
    display: none !important;
}

.team-edit-page-shell .team-edit-stadium .field-slot.captain-gold-slot,
.team-edit-page-shell .team-edit-stadium .field-slot.captain-gold-slot.filled {
    height: 78px !important;
    min-height: 78px !important;
    max-height: 78px !important;
    padding: 7px !important;
    box-sizing: border-box !important;
}

.team-edit-page-shell .team-edit-pitcher-rail .field-slot.captain-gold-slot,
.team-edit-page-shell .team-edit-pitcher-rail .field-slot.captain-gold-slot.filled {
    height: 66px !important;
    min-height: 66px !important;
    max-height: 66px !important;
    padding: 7px !important;
    box-sizing: border-box !important;
}

.my-team-page-shell .my-team-stadium .field-slot.captain-gold-slot,
.my-team-page-shell .my-team-stadium .field-slot.captain-gold-slot.filled,
.profile-lineup-card.my-team-page-shell .my-team-stadium .field-slot.captain-gold-slot,
.profile-lineup-card.my-team-page-shell .my-team-stadium .field-slot.captain-gold-slot.filled {
    border-color: rgba(234, 179, 8, 0.78) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.07),
        0 10px 24px rgba(0, 0, 0, 0.20),
        0 0 0 1px rgba(234, 179, 8, 0.18),
        0 0 18px rgba(234, 179, 8, 0.16) !important;
}

.team-edit-page-shell .team-edit-stadium .field-slot.captain-gold-slot .slot-topline,
.team-edit-page-shell .team-edit-pitcher-rail .field-slot.captain-gold-slot .slot-topline,
.my-team-page-shell .field-slot.captain-gold-slot .slot-topline,
.profile-lineup-card .field-slot.captain-gold-slot .slot-topline {
    padding-right: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
}

.team-edit-page-shell .team-edit-stadium .field-slot.captain-gold-slot .slot-label,
.team-edit-page-shell .team-edit-pitcher-rail .field-slot.captain-gold-slot .slot-label,
.my-team-page-shell .field-slot.captain-gold-slot .slot-label,
.profile-lineup-card .field-slot.captain-gold-slot .slot-label {
    max-width: 100% !important;
    padding-right: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.team-edit-page-shell .team-edit-stadium .field-slot.captain-gold-slot .slot-player-main,
.team-edit-page-shell .team-edit-pitcher-rail .field-slot.captain-gold-slot .slot-player-main,
.my-team-page-shell .field-slot.captain-gold-slot .slot-player-main,
.profile-lineup-card .field-slot.captain-gold-slot .slot-player-main {
    min-width: 0 !important;
}

.team-edit-page-shell .team-edit-stadium .field-slot.captain-gold-slot .slot-stats,
.team-edit-page-shell .team-edit-pitcher-rail .field-slot.captain-gold-slot .slot-stats,
.my-team-page-shell .field-slot.captain-gold-slot .slot-stats,
.profile-lineup-card .field-slot.captain-gold-slot .slot-stats {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    align-items: baseline !important;
    gap: 4px !important;
    overflow: hidden !important;
}

.team-edit-page-shell .team-edit-stadium .field-slot.captain-gold-slot .slot-stats span,
.team-edit-page-shell .team-edit-pitcher-rail .field-slot.captain-gold-slot .slot-stats span,
.my-team-page-shell .field-slot.captain-gold-slot .slot-stats span,
.profile-lineup-card .field-slot.captain-gold-slot .slot-stats span {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}

.field-slot.captain-gold-slot .captain-score-multiplier,
.team-edit-page-shell .field-slot.captain-gold-slot .captain-score-multiplier,
.my-team-page-shell .field-slot.captain-gold-slot .captain-score-multiplier,
.profile-lineup-card .field-slot.captain-gold-slot .captain-score-multiplier {
    display: none !important;
}

.team-edit-page-shell .team-edit-stadium .field-slot.captain-gold-slot .slot-remove-form,
.team-edit-page-shell .team-edit-pitcher-rail .field-slot.captain-gold-slot .slot-remove-form,
.field-slot.captain-gold-slot .slot-remove-form {
    top: 7px !important;
    right: 7px !important;
    z-index: 8 !important;
}

/* ==========================================================
   Captain card repair final 2026-05-19
   - C is a normal inline mark in the position line, never absolute.
   - No badge/watermark may cover position/name/price/score/remove button.
   - Captain cards keep the same natural size as normal player cards.
   ========================================================== */
.field-slot.captain-gold-slot,
.team-edit-page-shell .team-edit-stadium .field-slot.captain-gold-slot,
.team-edit-page-shell .team-edit-pitcher-rail .field-slot.captain-gold-slot,
.my-team-page-shell .field-slot.captain-gold-slot,
.profile-lineup-card .field-slot.captain-gold-slot {
    position: relative !important;
    overflow: hidden !important;
    border-color: rgba(234, 179, 8, 0.86) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.075),
        0 10px 24px rgba(0, 0, 0, 0.20),
        0 0 0 1px rgba(234, 179, 8, 0.20),
        0 0 18px rgba(234, 179, 8, 0.16) !important;
    background:
        linear-gradient(135deg, rgba(234, 179, 8, 0.045), rgba(34, 211, 238, 0.018) 46%, rgba(3, 13, 18, 0.00) 78%),
        rgba(3, 15, 22, 0.78) !important;
}

.field-slot.captain-gold-slot::before,
.field-slot.captain-gold-slot::after,
.team-edit-page-shell .team-edit-stadium .field-slot.captain-gold-slot::before,
.team-edit-page-shell .team-edit-stadium .field-slot.captain-gold-slot::after,
.team-edit-page-shell .team-edit-pitcher-rail .field-slot.captain-gold-slot::before,
.team-edit-page-shell .team-edit-pitcher-rail .field-slot.captain-gold-slot::after,
.my-team-page-shell .field-slot.captain-gold-slot::before,
.my-team-page-shell .field-slot.captain-gold-slot::after,
.profile-lineup-card .field-slot.captain-gold-slot::before,
.profile-lineup-card .field-slot.captain-gold-slot::after {
    content: none !important;
    display: none !important;
}

.field-slot .slot-captain-mark {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 16px !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    border-radius: 6px !important;
    border: 1px solid rgba(234, 179, 8, 0.78) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.02)),
        rgba(25, 20, 8, 0.88) !important;
    color: rgba(254, 243, 199, 0.98) !important;
    font-size: 9.5px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: -0.01em !important;
    box-shadow: 0 0 10px rgba(234, 179, 8, 0.14) !important;
    pointer-events: none !important;
    transform: translateY(-1px) !important;
}

.field-slot .slot-code-wrap {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    min-width: 0 !important;
    flex: 0 1 auto !important;
}

.field-slot .slot-topline {
    min-width: 0 !important;
    align-items: center !important;
    gap: 7px !important;
}

.field-slot .slot-label {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: right !important;
}

/* Team edit: do not force a smaller captain height. Let it match normal cards naturally. */
.team-edit-page-shell .team-edit-stadium .field-slot.captain-gold-slot,
.team-edit-page-shell .team-edit-stadium .field-slot.captain-gold-slot.filled {
    height: auto !important;
    min-height: 78px !important;
    max-height: none !important;
    padding: 7px !important;
    box-sizing: border-box !important;
}

.team-edit-page-shell .team-edit-pitcher-rail .field-slot.captain-gold-slot,
.team-edit-page-shell .team-edit-pitcher-rail .field-slot.captain-gold-slot.filled {
    height: auto !important;
    min-height: 66px !important;
    max-height: none !important;
    padding: 7px !important;
    box-sizing: border-box !important;
}

.team-edit-page-shell .team-edit-stadium .field-slot.captain-gold-slot .slot-stats,
.team-edit-page-shell .team-edit-pitcher-rail .field-slot.captain-gold-slot .slot-stats,
.my-team-page-shell .field-slot.captain-gold-slot .slot-stats,
.profile-lineup-card .field-slot.captain-gold-slot .slot-stats {
    display: flex !important;
    align-items: baseline !important;
    justify-content: space-between !important;
    gap: 6px !important;
    overflow: visible !important;
}

.team-edit-page-shell .team-edit-stadium .field-slot.captain-gold-slot .slot-stats span,
.team-edit-page-shell .team-edit-pitcher-rail .field-slot.captain-gold-slot .slot-stats span,
.my-team-page-shell .field-slot.captain-gold-slot .slot-stats span,
.profile-lineup-card .field-slot.captain-gold-slot .slot-stats span {
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

.team-edit-page-shell .team-edit-stadium .field-slot .captain-score-multiplier,
.team-edit-page-shell .team-edit-pitcher-rail .field-slot .captain-score-multiplier {
    display: none !important;
}

.team-edit-page-shell .team-edit-stadium .field-slot.captain-gold-slot .slot-remove-form,
.team-edit-page-shell .team-edit-pitcher-rail .field-slot.captain-gold-slot .slot-remove-form,
.field-slot.captain-gold-slot .slot-remove-form {
    top: 7px !important;
    right: 7px !important;
    z-index: 9 !important;
}

/* ============================================================
   Captain score multiplier display polish
   - Show ×2 only on my-team captain field cards.
   - Keep it inline after the points value, muted like the price label.
   - Keep team-edit cards clean so card ratio and text layout do not change.
   ============================================================ */
.field-slot .captain-score-multiplier {
    display: none !important;
}

.my-team-page-shell .field-slot.captain-gold-slot .captain-score-multiplier {
    display: inline !important;
    margin-left: 3px !important;
    color: rgba(148, 163, 184, 0.82) !important;
    font-size: 0.72em !important;
    line-height: 1 !important;
    font-weight: 850 !important;
    letter-spacing: -0.02em !important;
    vertical-align: baseline !important;
}

.team-edit-page-shell .team-edit-stadium .field-slot .captain-score-multiplier,
.team-edit-page-shell .team-edit-pitcher-rail .field-slot .captain-score-multiplier {
    display: none !important;
}

/* ==========================================================
   Support / Admin Support
   ========================================================== */
.support-shell {
    display: grid;
    gap: 22px;
    padding-bottom: 44px;
}

.support-hero-panel {
    position: relative;
    overflow: hidden;
}

.support-hero-panel::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    right: -58px;
    top: -72px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0, 217, 255, 0.16), transparent 68%);
    pointer-events: none;
}

.support-layout,
.support-detail-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.55fr);
    gap: 22px;
    align-items: start;
}

.support-card,
.support-side-panel {
    min-width: 0;
}

.support-side-panel {
    display: grid;
    gap: 16px;
}

.support-form {
    display: grid;
    gap: 17px;
}

.support-form textarea {
    min-height: 180px;
    resize: vertical;
    line-height: 1.62;
}

.support-form .form-field small,
.optional-label {
    color: var(--muted);
    font-size: 12px;
    font-weight: 700;
}

.support-submit-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding-top: 4px;
}

.support-submit-row p {
    margin: 0;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.6;
}

.support-submit-row strong {
    color: var(--primary);
}

.support-guide-card {
    padding: 22px;
}

.support-guide-card h3 {
    margin: 4px 0 12px;
    font-size: 18px;
    letter-spacing: -0.03em;
}

.support-guide-card ul {
    margin: 0;
    padding-left: 18px;
    color: var(--muted);
    line-height: 1.72;
    font-size: 14px;
}

.support-guide-card.subtle {
    background: rgba(16, 35, 58, 0.72);
}

.support-status-guide {
    display: grid;
    gap: 8px;
}

.support-status-guide p {
    margin: -2px 0 8px;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.55;
}

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

.support-summary-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(30, 58, 95, 0.72);
    border-radius: 18px;
    padding: 18px 18px 16px;
    background: linear-gradient(145deg, rgba(20, 41, 67, 0.92), rgba(10, 22, 40, 0.82));
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
}

.support-summary-card::after {
    content: "";
    position: absolute;
    inset: auto -30px -44px auto;
    width: 112px;
    height: 112px;
    border-radius: 50%;
    background: rgba(0, 217, 255, 0.08);
}

.support-summary-card span {
    display: block;
    color: var(--muted);
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 8px;
}

.support-summary-card strong {
    display: block;
    color: var(--text);
    font-size: 28px;
    line-height: 1;
    letter-spacing: -0.03em;
}

.support-policy-note {
    border: 1px solid rgba(0, 217, 255, 0.16);
    border-radius: 14px;
    padding: 12px 14px;
    color: rgba(230, 248, 255, 0.76);
    background: rgba(0, 217, 255, 0.055);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.55;
}

.compact-support-note {
    margin-bottom: 14px;
    padding: 10px 12px;
    font-size: 12px;
}

.support-ticket-list {
    display: grid;
    gap: 12px;
}

.support-ticket-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    text-decoration: none;
    border: 1px solid rgba(30, 58, 95, 0.64);
    border-radius: 16px;
    padding: 16px 18px;
    background: rgba(10, 22, 40, 0.58);
    transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease;
}

.support-ticket-row:hover {
    transform: translateY(-1px);
    border-color: rgba(0, 217, 255, 0.42);
    background: rgba(16, 35, 58, 0.84);
}

.support-ticket-main {
    display: grid;
    gap: 9px;
    min-width: 0;
}

.support-ticket-title-line {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.support-ticket-title-line strong {
    min-width: 0;
    overflow: hidden;
    color: var(--text);
    font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.support-ticket-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
}

.support-ticket-meta span {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    border-radius: 999px;
    padding: 4px 9px;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.support-ticket-reply-preview {
    margin: 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 13px;
    line-height: 1.55;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.support-row-arrow {
    color: var(--primary);
    font-size: 28px;
    line-height: 1;
}

.support-status-badge,
.support-category-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 6px 10px;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: -0.01em;
    white-space: nowrap;
}

.support-status-badge.open {
    color: #8ceeff;
    border: 1px solid rgba(0, 217, 255, 0.28);
    background: rgba(0, 217, 255, 0.10);
}

.support-status-badge.reviewing {
    color: #ffd08a;
    border: 1px solid rgba(255, 167, 38, 0.32);
    background: rgba(255, 167, 38, 0.12);
}

.support-status-badge.resolved {
    color: #97ffbd;
    border: 1px solid rgba(0, 230, 118, 0.28);
    background: rgba(0, 230, 118, 0.11);
}

.support-status-badge.closed {
    color: #b9c4d4;
    border: 1px solid rgba(139, 156, 179, 0.32);
    background: rgba(139, 156, 179, 0.12);
}

.support-category-pill {
    color: #dcefff;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(255, 255, 255, 0.06);
}

.support-detail-card,
.support-reply-card,
.support-admin-action-card {
    padding: 24px;
}

.support-detail-head {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 18px;
}

.support-detail-meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 20px;
}

.support-detail-meta div {
    border: 1px solid rgba(30, 58, 95, 0.58);
    border-radius: 14px;
    padding: 13px 14px;
    background: rgba(10, 22, 40, 0.48);
}

.support-detail-meta dt {
    color: var(--muted);
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 6px;
}

.support-detail-meta dd {
    margin: 0;
    color: var(--text);
    font-weight: 800;
    word-break: break-word;
}

.support-message-box {
    border-radius: 16px;
    border: 1px solid rgba(0, 217, 255, 0.14);
    background: rgba(0, 217, 255, 0.055);
    padding: 18px;
}

.support-message-box h2,
.support-reply-card h2,
.support-admin-action-card h2 {
    margin: 0 0 12px;
    font-size: 18px;
    letter-spacing: -0.03em;
}

.support-danger-zone {
    display: grid;
    gap: 12px;
    margin-top: 18px;
    border: 1px solid rgba(255, 92, 122, 0.28);
    border-radius: 16px;
    padding: 16px;
    background: rgba(255, 92, 122, 0.075);
}

.support-danger-zone strong {
    display: block;
    color: #ffd3dc;
    font-size: 14px;
    font-weight: 900;
    margin-bottom: 6px;
}

.support-danger-zone p {
    margin: 0;
    color: rgba(255, 225, 231, 0.76);
    font-size: 12px;
    line-height: 1.55;
}

.danger-button {
    width: 100%;
    border-color: rgba(255, 92, 122, 0.35) !important;
    color: #fff !important;
    background: linear-gradient(135deg, rgba(255, 67, 101, 0.94), rgba(170, 21, 50, 0.94)) !important;
    box-shadow: 0 12px 30px rgba(255, 67, 101, 0.12) !important;
}

.danger-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 16px 36px rgba(255, 67, 101, 0.18) !important;
}


.support-message-box p,
.support-reply-card p {
    margin: 0;
    color: rgba(255, 255, 255, 0.86);
    line-height: 1.75;
    white-space: pre-wrap;
    word-break: break-word;
}

.left-align-empty {
    align-items: flex-start;
    text-align: left;
}

.support-admin-filter {
    display: grid;
    grid-template-columns: 180px 220px minmax(240px, 1fr) auto;
    gap: 12px;
    align-items: end;
}

.support-admin-filter .form-field {
    margin: 0;
}

.support-filter-card {
    padding: 18px;
}

.admin-detail-grid {
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.55fr);
}

.admin-support-hero::after {
    background: radial-gradient(circle, rgba(255, 184, 0, 0.13), transparent 68%);
}

@media (max-width: 980px) {
    .support-layout,
    .support-detail-grid,
    .admin-detail-grid {
        grid-template-columns: 1fr;
    }

    .support-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .support-admin-filter {
        grid-template-columns: 1fr 1fr;
    }

    .support-admin-filter button {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .support-summary-grid,
    .support-admin-filter,
    .support-detail-meta {
        grid-template-columns: 1fr;
    }

    .support-ticket-row {
        padding: 14px;
    }

    .support-ticket-title-line {
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
    }

    .support-ticket-title-line strong,
    .support-ticket-reply-preview {
        white-space: normal;
    }

    .support-submit-row {
        align-items: stretch;
    }

    .support-submit-row button {
        width: 100%;
    }
}


/* Money/wealth header and income display polish */
.header-wealth-pill {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 42px;
    padding: 8px 12px;
    border-radius: 999px;
    color: var(--text) !important;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid rgba(8, 212, 223, 0.12);
    box-shadow: none;
    white-space: nowrap;
    transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.header-wealth-pill:hover {
    transform: translateY(-1px);
    background: rgba(8, 212, 223, 0.075);
    border-color: rgba(8, 212, 223, 0.24);
    box-shadow: 0 0 24px rgba(8, 212, 223, 0.10);
}

.header-wealth-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
}

.header-wealth-icon svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.header-wealth-pill strong {
    color: var(--text);
    font-size: 18px;
    font-weight: 850;
    letter-spacing: -0.025em;
}

.ranking-primary-number,
.ranking-neutral-number,
.podium-score-box strong,
.profile-v2-stat-card strong,
.my-team-metric-item strong,
.player-season-total-value,
.season-total-detail-value {
    font-variant-numeric: tabular-nums;
}

@media (max-width: 920px) {
    .header-wealth-pill {
        padding: 8px 10px;
    }

    .header-wealth-pill strong {
        font-size: 15px;
    }
}

@media (max-width: 640px) {
    .header-wealth-pill {
        order: -1;
        width: 100%;
        justify-content: center;
    }
}

/* ==========================================================
   Betting pages
   - MyPick 기존 글씨체/전역 숫자 스타일을 건드리지 않고 배팅 영역만 정리합니다.
   ========================================================== */
.betting-reveal {
    animation: rankingRevealUp 0.52s ease both;
    animation-delay: calc(var(--reveal-index, 0) * 70ms);
}

.betting-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 320px);
    gap: 22px;
    align-items: stretch;
    padding: 28px;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 28px;
    background:
        radial-gradient(circle at 12% 10%, rgba(0, 229, 255, 0.13), transparent 34%),
        linear-gradient(145deg, rgba(8, 13, 18, 0.96), rgba(3, 8, 13, 0.94));
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.30);
    margin-bottom: 22px;
}

.betting-hero h1 {
    margin: 6px 0 10px;
    font-size: clamp(2rem, 4vw, 3.5rem);
    letter-spacing: -0.05em;
}

.betting-hero p {
    max-width: 760px;
    color: rgba(226, 232, 240, 0.72);
    line-height: 1.65;
    margin: 0;
}

.betting-wealth-panel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    padding: 22px;
    border-radius: 24px;
    border: 1px solid rgba(34, 211, 238, 0.18);
    background: rgba(7, 12, 18, 0.72);
    min-width: 0;
}

.betting-wealth-panel span,
.betting-wealth-panel small {
    color: rgba(148, 163, 184, 0.88);
}

.betting-wealth-panel strong {
    display: block;
    font-size: clamp(1.55rem, 2.6vw, 2.25rem);
    line-height: 1.08;
    white-space: normal;
    overflow-wrap: anywhere;
}

.betting-wealth-panel a,
.betting-history-link {
    width: fit-content;
    color: rgba(103, 232, 249, 0.94);
    text-decoration: none;
    font-weight: 700;
}

.betting-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
    gap: 22px;
    align-items: start;
}

.betting-board-main {
    min-width: 0;
}

.betting-date-tabs {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 18px;
}

.betting-date-tabs a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 16px;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, 0.16);
    background: rgba(15, 23, 42, 0.62);
    color: rgba(226, 232, 240, 0.86);
    text-decoration: none;
    font-weight: 800;
}

.betting-date-tabs a:hover {
    border-color: rgba(34, 211, 238, 0.35);
    color: #fff;
}

.betting-date-section {
    scroll-margin-top: 100px;
    margin-bottom: 26px;
}

.betting-date-heading {
    margin-bottom: 14px;
}

.betting-game-list {
    display: grid;
    gap: 16px;
}

.betting-game-card {
    position: relative;
    overflow: hidden;
    padding: 20px;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 26px;
    background:
        radial-gradient(circle at 15% 0%, rgba(34, 211, 238, 0.10), transparent 34%),
        linear-gradient(145deg, rgba(9, 14, 20, 0.95), rgba(4, 9, 14, 0.96));
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28);
}

.betting-game-card.is-closed {
    opacity: 0.78;
}

.betting-game-topline {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
}

.betting-time {
    color: #f8fafc;
    font-size: 0.98rem;
    font-weight: 900;
}

.betting-venue {
    margin-left: 8px;
    color: rgba(148, 163, 184, 0.9);
    font-weight: 700;
}

.betting-lock {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 0.84rem;
    font-weight: 900;
    white-space: nowrap;
}

.betting-lock.is-open {
    color: #67e8f9;
    background: rgba(8, 145, 178, 0.12);
    border: 1px solid rgba(34, 211, 238, 0.28);
}

.betting-lock.is-locked {
    color: rgba(203, 213, 225, 0.8);
    background: rgba(148, 163, 184, 0.08);
    border: 1px solid rgba(148, 163, 184, 0.16);
}

.betting-matchup {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    padding: 16px;
    border-radius: 22px;
    background: rgba(2, 6, 23, 0.42);
    border: 1px solid rgba(148, 163, 184, 0.10);
    margin-bottom: 18px;
}

.betting-team {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.betting-team.home-team {
    justify-content: flex-end;
    text-align: right;
}

.betting-team strong {
    color: #f8fafc;
    font-size: clamp(1.05rem, 2vw, 1.35rem);
    white-space: normal;
    overflow-wrap: anywhere;
}

.betting-team span:not(.uniform):not(.uniform-number) {
    color: rgba(148, 163, 184, 0.78);
    font-size: 0.82rem;
    font-weight: 800;
}

.betting-vs-block {
    display: grid;
    place-items: center;
    min-width: 70px;
    color: rgba(148, 163, 184, 0.86);
    font-weight: 900;
    letter-spacing: 0.08em;
}

.betting-vs-block strong {
    color: #f8fafc;
    margin-top: 4px;
    letter-spacing: 0;
}

.betting-market-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.betting-market-card {
    min-width: 0;
    padding: 14px;
    border-radius: 20px;
    border: 1px solid rgba(148, 163, 184, 0.12);
    background: rgba(8, 13, 18, 0.64);
}

.betting-market-title h3 {
    margin: 0;
    color: rgba(248, 250, 252, 0.95);
    font-size: 1rem;
    letter-spacing: -0.02em;
}

.betting-market-title p {
    min-height: 18px;
    margin: 4px 0 12px;
    color: rgba(148, 163, 184, 0.78);
    font-size: 0.78rem;
    line-height: 1.35;
}

.betting-selection-grid {
    display: grid;
    gap: 8px;
}

.betting-selection-grid.selection-count-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.betting-selection-grid.selection-count-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.betting-odd-button {
    appearance: none;
    width: 100%;
    min-height: 74px;
    padding: 10px 8px;
    border-radius: 14px;
    border: 1px solid rgba(148, 163, 184, 0.14);
    background: rgba(15, 23, 42, 0.70);
    color: rgba(226, 232, 240, 0.88);
    cursor: pointer;
    transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease;
}

.betting-odd-button span,
.betting-odd-button strong {
    display: block;
    overflow-wrap: anywhere;
}

.betting-odd-button span {
    color: rgba(203, 213, 225, 0.74);
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1.25;
}

.betting-odd-button strong {
    margin-top: 7px;
    color: #f8fafc;
    font-size: 1.22rem;
    line-height: 1.1;
}

.betting-odd-button:hover:not(:disabled),
.betting-odd-button.is-selected-now {
    transform: translateY(-2px);
    border-color: rgba(34, 211, 238, 0.46);
    background: rgba(8, 145, 178, 0.16);
}

.betting-odd-button.is-picked {
    border-color: rgba(16, 185, 129, 0.38);
    background: rgba(16, 185, 129, 0.10);
}

.betting-odd-button:disabled {
    cursor: not-allowed;
    opacity: 0.55;
}

.betting-market-note {
    margin: 10px 0 0;
    color: rgba(52, 211, 153, 0.88);
    font-size: 0.8rem;
    font-weight: 800;
}

.betting-slip {
    position: sticky;
    top: 96px;
    align-self: start;
    min-width: 0;
    max-height: calc(100vh - 116px);
    overflow: auto;
    border-radius: 26px;
    border: 1px solid rgba(34, 211, 238, 0.18);
    background:
        radial-gradient(circle at 0% 0%, rgba(34, 211, 238, 0.12), transparent 34%),
        rgba(7, 12, 18, 0.92);
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.32);
    overflow: auto;
    will-change: auto;
    transform: none !important;
}

.betting-slip::-webkit-scrollbar {
    width: 8px;
}

.betting-slip::-webkit-scrollbar-thumb {
    background: rgba(34, 211, 238, 0.18);
    border-radius: 999px;
}

.betting-slip form {
    margin: 0;
}

.betting-slip-head {
    padding: 20px 20px 12px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.12);
}

.betting-slip-head h2 {
    margin: 4px 0 0;
    color: #f8fafc;
    font-size: 1.35rem;
    letter-spacing: -0.04em;
}

.betting-slip-body {
    padding: 20px;
}

.slip-placeholder,
.slip-login-copy {
    color: rgba(148, 163, 184, 0.9);
    line-height: 1.55;
    font-size: 0.96rem;
}

.slip-selected {
    display: grid;
    gap: 5px;
    padding: 14px;
    border-radius: 18px;
    background: rgba(2, 6, 23, 0.55);
    border: 1px solid rgba(148, 163, 184, 0.12);
    margin-bottom: 16px;
}

.slip-selected span,
.slip-selected small {
    color: rgba(148, 163, 184, 0.88);
}

.slip-selected strong {
    color: #f8fafc;
    font-size: 1.08rem;
    overflow-wrap: anywhere;
}

.betting-stake-label {
    display: block;
    margin: 12px 0 8px;
    color: rgba(226, 232, 240, 0.84);
    font-weight: 900;
}

.betting-slip input[type="number"] {
    width: 100%;
    min-height: 48px;
    padding: 0 14px;
    border-radius: 14px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    background: rgba(15, 23, 42, 0.70);
    color: #f8fafc;
    font-size: 1.08rem;
    outline: none;
}

.betting-slip input[type="number"]:focus {
    border-color: rgba(34, 211, 238, 0.46);
}

.slip-money-row {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 14px;
    color: rgba(203, 213, 225, 0.88);
}

.slip-money-row strong {
    color: #f8fafc;
    text-align: right;
    overflow-wrap: anywhere;
}

.slip-money-row.muted {
    color: rgba(148, 163, 184, 0.78);
}

.betting-confirm-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 50px;
    margin-top: 18px;
    padding: 0 18px;
    border: 0;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(6, 182, 212, 0.95), rgba(16, 185, 129, 0.90));
    color: #031014;
    font-weight: 1000;
    text-decoration: none;
    cursor: pointer;
}

.betting-confirm-button:disabled {
    cursor: not-allowed;
    opacity: 0.45;
}

.betting-confirm-button.as-link {
    color: #031014;
}

.betting-empty-state code {
    display: inline-block;
    padding: 3px 7px;
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.9);
    color: #67e8f9;
}

.large-empty {
    padding: 34px;
    border-radius: 26px;
}

.betting-history-card {
    padding: 28px;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 28px;
    background:
        radial-gradient(circle at 4% 0%, rgba(16, 185, 129, 0.13), transparent 28%),
        linear-gradient(145deg, rgba(8, 13, 18, 0.96), rgba(3, 8, 13, 0.94));
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.30);
}

.betting-history-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 26px;
}

.betting-history-heading h1 {
    margin: 5px 0 0;
    font-size: clamp(1.8rem, 3vw, 2.35rem);
}

.betting-history-table-wrap {
    overflow-x: auto;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 18px;
    background: rgba(2, 6, 23, 0.36);
}

.betting-history-table {
    width: 100%;
    min-width: 920px;
    border-collapse: collapse;
}

.betting-history-table th,
.betting-history-table td {
    padding: 16px;
    text-align: left;
    border-bottom: 1px solid rgba(148, 163, 184, 0.12);
    white-space: normal;
    overflow-wrap: anywhere;
}

.betting-history-table th {
    color: rgba(248, 250, 252, 0.94);
    font-size: 0.92rem;
    letter-spacing: 0.01em;
}

.betting-history-table td {
    color: rgba(226, 232, 240, 0.88);
}

.betting-history-table tr:last-child td {
    border-bottom: 0;
}

.muted-cell {
    color: rgba(148, 163, 184, 0.86) !important;
}

.bet-status-pill {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 10px;
    font-weight: 900;
}

.bet-status-pill.status-won {
    color: #22c55e;
    background: rgba(34, 197, 94, 0.11);
    border: 1px solid rgba(34, 197, 94, 0.30);
}

.bet-status-pill.status-lost {
    color: #ff4757;
    background: rgba(239, 68, 68, 0.11);
    border: 1px solid rgba(239, 68, 68, 0.32);
}

.bet-status-pill.status-pending {
    color: #facc15;
    background: rgba(250, 204, 21, 0.10);
    border: 1px solid rgba(250, 204, 21, 0.28);
}

.bet-status-pill.status-void {
    color: rgba(203, 213, 225, 0.92);
    background: rgba(148, 163, 184, 0.10);
    border: 1px solid rgba(148, 163, 184, 0.20);
}

.payout-cell {
    text-align: right !important;
    font-weight: 900;
}

.payout-cell.status-won {
    color: #22c55e;
}

.payout-cell.status-lost {
    color: #ff3344;
}

.payout-cell.status-pending,
.payout-cell.status-void {
    color: rgba(148, 163, 184, 0.90);
}

.betting-history-summary {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 18px 28px;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid rgba(148, 163, 184, 0.14);
    color: rgba(148, 163, 184, 0.92);
}

.betting-history-summary strong {
    color: rgba(248, 250, 252, 0.96);
    overflow-wrap: anywhere;
}

@media (max-width: 1180px) {
    .betting-shell {
        grid-template-columns: 1fr;
    }

    .betting-slip {
        position: static;
        max-height: none;
        overflow: visible;
    }
}

@media (max-width: 980px) {
    .betting-hero {
        grid-template-columns: 1fr;
    }

    .betting-market-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .betting-hero,
    .betting-game-card,
    .betting-history-card {
        padding: 18px;
        border-radius: 22px;
    }

    .betting-matchup {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .betting-team,
    .betting-team.home-team {
        justify-content: center;
        text-align: center;
    }

    .betting-selection-grid.selection-count-3,
    .betting-selection-grid.selection-count-2 {
        grid-template-columns: 1fr;
    }

    .betting-history-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .betting-history-summary {
        justify-content: flex-start;
    }
}

/* ==========================================================
   Betting hotfix v2
   - 일정 생성 row를 결과처럼 보이게 하는 문제와 사이드 슬립 overflow를 보정
   - 전역 폰트/숫자 스타일은 건드리지 않음
   ========================================================== */
.betting-page {
    max-width: 100%;
    overflow-x: clip;
}

.betting-page .betting-shell {
    grid-template-columns: minmax(0, 1fr) minmax(260px, 300px);
    gap: 18px;
}

.betting-page .betting-slip {
    width: 100%;
    max-width: 300px;
    justify-self: stretch;
}

.betting-page .betting-game-card,
.betting-page .betting-market-card,
.betting-page .betting-slip {
    min-width: 0;
}

.betting-page .betting-market-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.betting-page .betting-odd-button {
    min-width: 0;
}

@media (max-width: 1580px) {
    .betting-page .betting-shell {
        grid-template-columns: 1fr;
    }

    .betting-page .betting-slip {
        position: static;
        max-width: none;
    }
}

@media (max-width: 1200px) {
    .betting-page .betting-market-grid {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================
   Betting hotfix v4
   - Bet Slip을 선택한 경기 카드 높이에 맞춰 데스크탑에서 부드럽게 이동
   - 1580px에서 너무 빨리 1열로 접히던 hotfix v2 동작 제거
   - 전역 폰트/숫자 스타일은 건드리지 않음
   ========================================================== */
.betting-page .betting-shell {
    grid-template-columns: minmax(0, 1fr) minmax(310px, 360px);
    gap: 22px;
    align-items: start;
}

.betting-page .betting-slip {
    position: sticky;
    top: 92px;
    width: 100%;
    max-width: 360px;
    justify-self: stretch;
    will-change: transform;
    transition: transform 0.24s ease;
    z-index: 5;
}

.betting-page .betting-slip input[type="number"] {
    font-size: 1rem;
}

@media (max-width: 1180px) {
    .betting-page .betting-shell {
        grid-template-columns: 1fr;
    }

    .betting-page .betting-slip {
        position: static;
        max-width: none;
        transform: none !important;
    }
}

/* ==========================================================
   Betting hotfix v6
   - Bet Slip을 선택한 시장 카드 위치에 맞춰 데스크탑에서 실제로 이동
   - sticky/transform 혼합 제거: fixed + JS top/left 계산으로 스크롤 중에도 따라오게 함
   - 모바일/좁은 화면에서는 기존처럼 본문 아래에 배치
   ========================================================== */
@media (min-width: 1181px) {
    .betting-page .betting-slip {
        position: fixed !important;
        top: 92px;
        left: auto;
        right: auto;
        width: min(360px, 24vw);
        max-width: 380px;
        max-height: calc(100vh - 32px);
        overflow: auto;
        transform: none !important;
        transition:
            top 0.22s cubic-bezier(0.22, 1, 0.36, 1),
            left 0.22s cubic-bezier(0.22, 1, 0.36, 1),
            box-shadow 0.18s ease,
            border-color 0.18s ease;
        z-index: 30;
        will-change: top, left;
    }

    .betting-page .betting-slip.is-floating {
        border-color: rgba(34, 211, 238, 0.34);
        box-shadow:
            0 22px 58px rgba(0, 0, 0, 0.42),
            0 0 0 1px rgba(34, 211, 238, 0.06);
    }
}

@media (max-width: 1180px) {
    .betting-page .betting-slip {
        position: static !important;
        width: 100% !important;
        max-width: none !important;
        max-height: none !important;
        transform: none !important;
    }
}


/* ==========================================================
   Betting hotfix v7
   - Bet Slip top aligns with the selected GAME CARD, not the individual market card
   - While scrolling, JS updates top continuously and CSS eases the movement
   - Keep desktop floating behavior, but remove the too-high 92px visual offset
   ========================================================== */
@media (min-width: 1181px) {
    .betting-page .betting-slip {
        top: 18px;
        transition:
            top 0.14s ease-out,
            left 0.14s ease-out,
            box-shadow 0.18s ease,
            border-color 0.18s ease;
    }
}


/* ==========================================================
   Betting hotfix v8
   - Bet Slip은 더 이상 viewport fixed가 아님
   - 선택한 경기 카드의 문서상 위치와 같은 top 값을 사용해서 스크롤 시 경기 카드와 함께 자연스럽게 움직임
   - 선택 변경 때만 부드럽게 위아래 이동
   ========================================================== */
.betting-page .betting-shell {
    position: relative;
}

@media (min-width: 1181px) {
    .betting-page .betting-slip {
        position: absolute !important;
        right: 0;
        left: auto !important;
        top: 0;
        width: min(360px, 24vw) !important;
        max-width: 380px;
        max-height: calc(100vh - 32px);
        overflow: auto;
        transform: none !important;
        transition:
            top 0.26s cubic-bezier(0.22, 1, 0.36, 1),
            box-shadow 0.18s ease,
            border-color 0.18s ease;
        z-index: 8;
        will-change: top;
    }

    .betting-page .betting-slip.is-floating {
        border-color: rgba(34, 211, 238, 0.34);
        box-shadow:
            0 22px 58px rgba(0, 0, 0, 0.42),
            0 0 0 1px rgba(34, 211, 238, 0.06);
    }
}

@media (max-width: 1180px) {
    .betting-page .betting-slip {
        position: static !important;
        right: auto !important;
        left: auto !important;
        width: 100% !important;
        max-width: none !important;
        max-height: none !important;
        transform: none !important;
    }
}


/* ==========================================================
   Betting visual polish v9
   - 배팅 카드/버튼 영역만 정리
   - 전역 폰트/숫자 스타일은 건드리지 않음
   - 버튼 텍스트가 카드 밖으로 튀어나오지 않도록 라벨/배당을 안정적으로 분리
   ========================================================== */
.betting-page .betting-game-card {
    padding: clamp(18px, 1.5vw, 24px);
    border-radius: 28px;
    border-color: rgba(148, 163, 184, 0.14);
    background:
        radial-gradient(circle at 8% 0%, rgba(34, 211, 238, 0.105), transparent 30%),
        radial-gradient(circle at 90% 0%, rgba(16, 185, 129, 0.075), transparent 26%),
        linear-gradient(145deg, rgba(5, 11, 17, 0.97), rgba(3, 8, 13, 0.98));
    box-shadow:
        0 18px 46px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.betting-page .betting-matchup {
    padding: clamp(16px, 1.3vw, 22px);
    border-radius: 24px;
    background:
        linear-gradient(135deg, rgba(15, 23, 42, 0.46), rgba(2, 6, 23, 0.34));
    border-color: rgba(148, 163, 184, 0.105);
}

.betting-page .betting-market-grid {
    gap: clamp(12px, 1.1vw, 18px);
    align-items: stretch;
}

.betting-page .betting-market-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: clamp(16px, 1.25vw, 20px);
    border-radius: 24px;
    border-color: rgba(148, 163, 184, 0.13);
    background:
        radial-gradient(circle at 50% 0%, rgba(34, 211, 238, 0.055), transparent 45%),
        rgba(3, 9, 14, 0.58);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.betting-page .betting-market-title h3 {
    font-size: clamp(1.02rem, 1.05vw, 1.18rem);
    line-height: 1.18;
    letter-spacing: -0.035em;
}

.betting-page .betting-market-title p {
    min-height: 2.55em;
    margin: 6px 0 14px;
    color: rgba(148, 163, 184, 0.80);
    font-size: clamp(0.76rem, 0.76vw, 0.88rem);
    line-height: 1.35;
    word-break: keep-all;
    overflow-wrap: normal;
}

.betting-page .betting-selection-grid {
    margin-top: auto;
    gap: 10px;
}

.betting-page .betting-selection-grid.selection-count-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.betting-page .betting-selection-grid.selection-count-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.betting-page .betting-odd-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 0;
    min-height: clamp(78px, 5.4vw, 96px);
    padding: 12px 10px;
    border-radius: 18px;
    border-color: rgba(148, 163, 184, 0.14);
    background:
        linear-gradient(145deg, rgba(15, 23, 42, 0.72), rgba(10, 17, 28, 0.66));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.035),
        0 10px 22px rgba(0, 0, 0, 0.12);
}

.betting-page .betting-odd-button span,
.betting-page .betting-odd-button strong {
    display: block;
    max-width: 100%;
    text-align: center;
    white-space: normal;
    word-break: keep-all;
    overflow-wrap: normal;
}

.betting-page .betting-odd-button span {
    color: rgba(203, 213, 225, 0.78);
    font-size: clamp(0.82rem, 0.82vw, 0.96rem);
    line-height: 1.22;
    font-weight: 800;
}

.betting-page .betting-odd-button strong {
    margin-top: 0;
    color: rgba(248, 250, 252, 0.98);
    font-size: clamp(1.24rem, 1.45vw, 1.58rem);
    line-height: 1;
    font-weight: 900;
    letter-spacing: -0.035em;
}

.betting-page .betting-odd-button:hover:not(:disabled),
.betting-page .betting-odd-button.is-selected-now {
    transform: translateY(-1px);
    border-color: rgba(34, 211, 238, 0.42);
    background:
        radial-gradient(circle at 50% 0%, rgba(34, 211, 238, 0.16), transparent 58%),
        linear-gradient(145deg, rgba(12, 28, 38, 0.82), rgba(10, 17, 28, 0.72));
    box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.20),
        0 0 0 1px rgba(34, 211, 238, 0.035) inset;
}

.betting-page .betting-odd-button.is-picked {
    border-color: rgba(16, 185, 129, 0.44);
    background:
        radial-gradient(circle at 50% 0%, rgba(16, 185, 129, 0.16), transparent 58%),
        rgba(5, 25, 21, 0.62);
}

.betting-page .betting-market-note {
    margin-top: 12px;
    color: rgba(52, 211, 153, 0.92);
    font-size: 0.82rem;
    line-height: 1.35;
}

.betting-page .betting-slip {
    border-radius: 28px;
    background:
        radial-gradient(circle at 0% 0%, rgba(34, 211, 238, 0.12), transparent 34%),
        linear-gradient(145deg, rgba(7, 12, 18, 0.965), rgba(3, 8, 13, 0.955));
}

.betting-page .slip-selected {
    border-radius: 20px;
    background:
        radial-gradient(circle at 18% 0%, rgba(34, 211, 238, 0.08), transparent 38%),
        rgba(2, 6, 23, 0.58);
}

.betting-page .slip-selected em {
    color: rgba(103, 232, 249, 0.80);
    font-style: normal;
    font-size: 0.82rem;
    line-height: 1.35;
}

.betting-page .slip-selected strong {
    font-size: 1.25rem;
    line-height: 1.16;
    word-break: keep-all;
    overflow-wrap: normal;
}

@media (min-width: 1181px) and (max-width: 1480px) {
    .betting-page .betting-shell {
        grid-template-columns: minmax(0, 1fr) minmax(300px, 330px);
    }

    .betting-page .betting-slip {
        width: 330px !important;
        max-width: 330px;
    }

    .betting-page .betting-market-card {
        padding: 15px;
    }

    .betting-page .betting-odd-button {
        min-height: 86px;
        padding: 11px 8px;
    }

    .betting-page .betting-odd-button span {
        font-size: 0.82rem;
    }

    .betting-page .betting-odd-button strong {
        font-size: 1.30rem;
    }
}

@media (max-width: 860px) {
    .betting-page .betting-market-title p {
        min-height: auto;
    }

    .betting-page .betting-selection-grid.selection-count-3,
    .betting-page .betting-selection-grid.selection-count-2 {
        grid-template-columns: 1fr;
    }

    .betting-page .betting-odd-button {
        min-height: 70px;
        flex-direction: row;
        justify-content: space-between;
        text-align: left;
    }

    .betting-page .betting-odd-button span,
    .betting-page .betting-odd-button strong {
        text-align: inherit;
    }
}

/* ==========================================================
   Betting compact sportsbook polish v10
   - v9의 큰 버튼/여백을 덮어써서 더 얇고 세련된 스포츠북형 비율로 조정
   - 배팅 페이지 내부만 적용, 전역 폰트/숫자 스타일은 변경하지 않음
   ========================================================== */
.betting-page .betting-game-card {
    padding: 16px 18px !important;
    border-radius: 24px !important;
    border-color: rgba(148, 163, 184, 0.13) !important;
    background:
        radial-gradient(circle at 10% -8%, rgba(34, 211, 238, 0.075), transparent 32%),
        linear-gradient(145deg, rgba(5, 10, 15, 0.975), rgba(3, 8, 13, 0.975)) !important;
    box-shadow:
        0 14px 34px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.022) !important;
}

.betting-page .betting-game-topline {
    margin-bottom: 12px !important;
}

.betting-page .betting-time {
    font-size: 0.94rem !important;
    letter-spacing: -0.02em;
}

.betting-page .betting-venue {
    font-size: 0.84rem !important;
}

.betting-page .betting-lock {
    min-height: 28px !important;
    padding: 0 11px !important;
    font-size: 0.80rem !important;
}

.betting-page .betting-matchup {
    padding: 12px 14px !important;
    margin-bottom: 14px !important;
    border-radius: 18px !important;
    gap: 12px !important;
    background: linear-gradient(135deg, rgba(9, 17, 29, 0.48), rgba(2, 6, 23, 0.34)) !important;
}

.betting-page .betting-team {
    gap: 10px !important;
}

.betting-page .betting-team .uniform-md,
.betting-page .betting-team .uniform-img.uniform-md {
    width: 50px !important;
    height: 66px !important;
    flex: 0 0 auto;
}

.betting-page .betting-team strong {
    font-size: clamp(1rem, 1.35vw, 1.22rem) !important;
    line-height: 1.08 !important;
}

.betting-page .betting-team span:not(.uniform):not(.uniform-number) {
    font-size: 0.76rem !important;
}

.betting-page .betting-vs-block {
    min-width: 52px !important;
    font-size: 0.94rem !important;
}

.betting-page .betting-market-grid {
    gap: 12px !important;
}

.betting-page .betting-market-card {
    padding: 13px 14px !important;
    border-radius: 18px !important;
    background:
        linear-gradient(180deg, rgba(9, 14, 20, 0.78), rgba(3, 8, 13, 0.66)) !important;
    border-color: rgba(148, 163, 184, 0.11) !important;
    box-shadow: none !important;
}

.betting-page .betting-market-title h3 {
    font-size: 1.02rem !important;
    line-height: 1.12 !important;
    letter-spacing: -0.035em !important;
}

.betting-page .betting-market-title p {
    min-height: 0 !important;
    margin: 3px 0 10px !important;
    font-size: 0.76rem !important;
    line-height: 1.2 !important;
    color: rgba(148, 163, 184, 0.72) !important;
    white-space: normal !important;
}

.betting-page .betting-selection-grid {
    gap: 8px !important;
    margin-top: 0 !important;
}

.betting-page .betting-odd-button {
    min-height: 56px !important;
    padding: 0 12px !important;
    border-radius: 14px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    text-align: left !important;
    background: rgba(15, 23, 42, 0.66) !important;
    border-color: rgba(148, 163, 184, 0.13) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
}

.betting-page .betting-odd-button span,
.betting-page .betting-odd-button strong {
    margin: 0 !important;
    text-align: inherit !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
}

.betting-page .betting-odd-button span {
    flex: 1 1 auto;
    min-width: 0;
    color: rgba(203, 213, 225, 0.78) !important;
    font-size: clamp(0.78rem, 0.82vw, 0.90rem) !important;
    line-height: 1.18 !important;
    font-weight: 800 !important;
}

.betting-page .betting-odd-button strong {
    flex: 0 0 auto;
    color: rgba(248, 250, 252, 0.96) !important;
    font-size: clamp(1.10rem, 1.24vw, 1.34rem) !important;
    line-height: 1 !important;
    letter-spacing: -0.035em !important;
    font-weight: 900 !important;
}

.betting-page .betting-odd-button:hover:not(:disabled),
.betting-page .betting-odd-button.is-selected-now {
    transform: translateY(-1px) !important;
    border-color: rgba(34, 211, 238, 0.42) !important;
    background: rgba(8, 145, 178, 0.14) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 10px 22px rgba(0, 0, 0, 0.18) !important;
}

.betting-page .betting-odd-button.is-picked {
    border-color: rgba(16, 185, 129, 0.40) !important;
    background: rgba(6, 78, 59, 0.22) !important;
}

.betting-page .betting-market-note {
    margin-top: 8px !important;
    font-size: 0.76rem !important;
    line-height: 1.25 !important;
}

.betting-page .betting-slip {
    border-radius: 22px !important;
}

.betting-page .betting-slip-head {
    padding: 18px 18px 11px !important;
}

.betting-page .betting-slip-head h2 {
    font-size: 1.26rem !important;
}

.betting-page .betting-slip-body {
    padding: 18px !important;
}

.betting-page .slip-selected {
    padding: 13px !important;
    border-radius: 16px !important;
}

.betting-page .betting-confirm-button {
    min-height: 46px !important;
    border-radius: 14px !important;
}

@media (min-width: 1181px) and (max-width: 1540px) {
    .betting-page .betting-shell {
        grid-template-columns: minmax(0, 1fr) minmax(300px, 330px) !important;
        gap: 18px !important;
    }

    .betting-page .betting-slip {
        width: 330px !important;
        max-width: 330px !important;
    }

    .betting-page .betting-market-grid {
        gap: 10px !important;
    }

    .betting-page .betting-market-card {
        padding: 12px !important;
    }

    .betting-page .betting-odd-button {
        min-height: 54px !important;
        padding: 0 10px !important;
    }

    .betting-page .betting-odd-button span {
        font-size: 0.76rem !important;
    }

    .betting-page .betting-odd-button strong {
        font-size: 1.12rem !important;
    }
}

@media (max-width: 860px) {
    .betting-page .betting-game-card {
        padding: 14px !important;
    }

    .betting-page .betting-matchup {
        padding: 12px !important;
    }

    .betting-page .betting-selection-grid.selection-count-3,
    .betting-page .betting-selection-grid.selection-count-2 {
        grid-template-columns: 1fr !important;
    }

    .betting-page .betting-odd-button {
        min-height: 52px !important;
    }
}


/* ==========================================================
   Betting sportsbook polish v11
   - 버튼 안 글자 겹침 제거: 선택명은 작게 위, 배당은 x배율로 아래
   - 배팅 영역만 적용. 전역 폰트/숫자 스타일은 변경하지 않음.
   ========================================================== */
.betting-page .betting-market-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
    align-items: stretch !important;
}

.betting-page .betting-market-card {
    padding: 16px 16px 14px !important;
    border-radius: 22px !important;
    background:
        linear-gradient(180deg, rgba(6, 13, 20, 0.88), rgba(3, 8, 13, 0.76)) !important;
    border: 1px solid rgba(148, 163, 184, 0.115) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.024),
        0 10px 24px rgba(0, 0, 0, 0.10) !important;
}

.betting-page .betting-market-title h3 {
    margin: 0 !important;
    color: rgba(248, 250, 252, 0.96) !important;
    font-size: clamp(1.02rem, 1.02vw, 1.15rem) !important;
    line-height: 1.16 !important;
    letter-spacing: -0.035em !important;
}

.betting-page .betting-market-title p {
    margin: 4px 0 12px !important;
    min-height: 0 !important;
    color: rgba(148, 163, 184, 0.72) !important;
    font-size: clamp(0.72rem, 0.72vw, 0.82rem) !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}

.betting-page .betting-selection-grid {
    display: grid !important;
    gap: 9px !important;
    margin-top: 0 !important;
}

.betting-page .betting-selection-grid.selection-count-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.betting-page .betting-selection-grid.selection-count-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.betting-page .betting-odd-button {
    min-width: 0 !important;
    min-height: 76px !important;
    padding: 10px 8px !important;
    border-radius: 16px !important;
    display: grid !important;
    grid-template-rows: minmax(20px, auto) auto !important;
    align-content: center !important;
    justify-items: center !important;
    gap: 6px !important;
    text-align: center !important;
    background:
        linear-gradient(180deg, rgba(17, 27, 43, 0.74), rgba(10, 17, 29, 0.70)) !important;
    border: 1px solid rgba(148, 163, 184, 0.135) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.035),
        0 8px 18px rgba(0, 0, 0, 0.12) !important;
}

.betting-page .betting-odd-button .betting-odd-label,
.betting-page .betting-odd-button span {
    width: 100% !important;
    max-width: 100% !important;
    color: rgba(203, 213, 225, 0.78) !important;
    font-size: clamp(0.76rem, 0.72vw, 0.88rem) !important;
    line-height: 1.18 !important;
    font-weight: 850 !important;
    letter-spacing: -0.02em !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: anywhere !important;
    text-align: center !important;
}

.betting-page .betting-odd-button .betting-odd-price,
.betting-page .betting-odd-button strong {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    color: rgba(248, 250, 252, 0.98) !important;
    font-size: clamp(1.22rem, 1.45vw, 1.62rem) !important;
    line-height: 0.98 !important;
    font-weight: 950 !important;
    letter-spacing: -0.05em !important;
    white-space: nowrap !important;
    text-align: center !important;
}

.betting-page .betting-odd-button:hover:not(:disabled),
.betting-page .betting-odd-button.is-selected-now {
    transform: translateY(-1px) !important;
    border-color: rgba(34, 211, 238, 0.46) !important;
    background:
        radial-gradient(circle at 50% -20%, rgba(34, 211, 238, 0.20), transparent 60%),
        linear-gradient(180deg, rgba(15, 40, 52, 0.82), rgba(10, 17, 29, 0.72)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.035),
        0 12px 24px rgba(0, 0, 0, 0.18) !important;
}

.betting-page .betting-odd-button.is-picked {
    border-color: rgba(16, 185, 129, 0.44) !important;
    background:
        radial-gradient(circle at 50% -25%, rgba(16, 185, 129, 0.22), transparent 62%),
        linear-gradient(180deg, rgba(7, 45, 38, 0.72), rgba(8, 22, 22, 0.70)) !important;
}

.betting-page .betting-market-note {
    margin-top: 9px !important;
    color: rgba(52, 211, 153, 0.90) !important;
    font-size: 0.76rem !important;
    line-height: 1.25 !important;
}

.betting-page .slip-selected small b {
    color: rgba(248, 250, 252, 0.98) !important;
    font-weight: 900 !important;
}

@media (min-width: 1181px) and (max-width: 1540px) {
    .betting-page .betting-market-grid {
        gap: 12px !important;
    }

    .betting-page .betting-market-card {
        padding: 14px !important;
    }

    .betting-page .betting-odd-button {
        min-height: 72px !important;
        padding: 9px 7px !important;
        gap: 5px !important;
    }

    .betting-page .betting-odd-button .betting-odd-label,
    .betting-page .betting-odd-button span {
        font-size: clamp(0.70rem, 0.68vw, 0.80rem) !important;
    }

    .betting-page .betting-odd-button .betting-odd-price,
    .betting-page .betting-odd-button strong {
        font-size: clamp(1.10rem, 1.18vw, 1.34rem) !important;
    }
}

@media (max-width: 860px) {
    .betting-page .betting-selection-grid.selection-count-3,
    .betting-page .betting-selection-grid.selection-count-2 {
        grid-template-columns: 1fr !important;
    }

    .betting-page .betting-odd-button {
        min-height: 58px !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-rows: 1fr !important;
        justify-items: stretch !important;
        text-align: left !important;
        padding: 0 14px !important;
    }

    .betting-page .betting-odd-button .betting-odd-label,
    .betting-page .betting-odd-button span {
        text-align: left !important;
    }

    .betting-page .betting-odd-button .betting-odd-price,
    .betting-page .betting-odd-button strong {
        text-align: right !important;
    }
}


/* ==========================================================
   Betting sportsbook polish v12
   - 버튼 내부를 위: 선택명 / 아래: x배당 구조로 안정 정렬
   - 회색 라벨 크기와 무게를 줄이고, 숫자는 중앙에 맞춤
   - 배팅 영역에만 적용. 전역 폰트/숫자 스타일은 변경하지 않음.
   ========================================================== */
.betting-page .betting-market-grid {
    gap: 12px !important;
    align-items: stretch !important;
}

.betting-page .betting-market-card {
    padding: 15px 15px 13px !important;
    border-radius: 20px !important;
    background:
        linear-gradient(180deg, rgba(6, 13, 20, 0.84), rgba(4, 9, 14, 0.72)) !important;
    border: 1px solid rgba(148, 163, 184, 0.105) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.025),
        0 8px 22px rgba(0, 0, 0, 0.10) !important;
}

.betting-page .betting-market-title h3 {
    margin: 0 !important;
    font-family: "Pretendard", "SUIT", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif !important;
    font-size: clamp(0.96rem, 0.92vw, 1.08rem) !important;
    line-height: 1.12 !important;
    font-weight: 820 !important;
    letter-spacing: -0.035em !important;
    color: rgba(248, 250, 252, 0.96) !important;
}

.betting-page .betting-market-title p {
    margin: 4px 0 11px !important;
    min-height: 0 !important;
    font-family: "Pretendard", "SUIT", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif !important;
    font-size: clamp(0.66rem, 0.62vw, 0.74rem) !important;
    line-height: 1.16 !important;
    font-weight: 650 !important;
    letter-spacing: -0.018em !important;
    color: rgba(148, 163, 184, 0.62) !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

.betting-page .betting-selection-grid {
    display: grid !important;
    gap: 9px !important;
    margin-top: 0 !important;
}

.betting-page .betting-selection-grid.selection-count-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.betting-page .betting-selection-grid.selection-count-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.betting-page .betting-odd-button {
    min-width: 0 !important;
    min-height: 66px !important;
    padding: 8px 8px 9px !important;
    border-radius: 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    text-align: center !important;
    font-family: "Pretendard", "SUIT", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif !important;
    background:
        linear-gradient(180deg, rgba(16, 27, 43, 0.76), rgba(9, 16, 28, 0.72)) !important;
    border: 1px solid rgba(148, 163, 184, 0.13) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.035),
        0 7px 16px rgba(0, 0, 0, 0.11) !important;
    overflow: hidden !important;
}

.betting-page .betting-odd-button .betting-odd-label,
.betting-page .betting-odd-button span.betting-odd-label {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    font-family: inherit !important;
    font-size: clamp(0.68rem, 0.60vw, 0.78rem) !important;
    line-height: 1.12 !important;
    font-weight: 720 !important;
    letter-spacing: -0.02em !important;
    color: rgba(203, 213, 225, 0.70) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    word-break: keep-all !important;
    text-align: center !important;
}

.betting-page .betting-odd-button .betting-odd-price {
    display: inline-flex !important;
    align-items: baseline !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    font-family: inherit !important;
    font-size: clamp(1.10rem, 1.04vw, 1.30rem) !important;
    line-height: 1 !important;
    font-weight: 880 !important;
    letter-spacing: -0.04em !important;
    color: rgba(248, 250, 252, 0.97) !important;
    white-space: nowrap !important;
    text-align: center !important;
    font-variant-numeric: tabular-nums !important;
}

.betting-page .betting-odd-x {
    display: inline-block !important;
    margin-right: 1px !important;
    font-size: 0.72em !important;
    line-height: 1 !important;
    font-weight: 820 !important;
    letter-spacing: -0.02em !important;
    color: rgba(148, 163, 184, 0.86) !important;
    transform: translateY(-0.02em) !important;
}

.betting-page .betting-odd-value {
    display: inline-block !important;
    line-height: 1 !important;
}

.betting-page .betting-odd-button:hover:not(:disabled),
.betting-page .betting-odd-button.is-selected-now {
    transform: translateY(-1px) !important;
    border-color: rgba(34, 211, 238, 0.42) !important;
    background:
        radial-gradient(circle at 50% -32%, rgba(34, 211, 238, 0.18), transparent 62%),
        linear-gradient(180deg, rgba(14, 38, 50, 0.82), rgba(9, 17, 29, 0.74)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 10px 22px rgba(0, 0, 0, 0.16) !important;
}

.betting-page .betting-odd-button.is-picked {
    border-color: rgba(16, 185, 129, 0.38) !important;
    background:
        radial-gradient(circle at 50% -32%, rgba(16, 185, 129, 0.18), transparent 64%),
        linear-gradient(180deg, rgba(7, 40, 34, 0.72), rgba(8, 21, 22, 0.68)) !important;
}

.betting-page .betting-odd-button:disabled:not(.is-picked) {
    opacity: 0.56 !important;
}

.betting-page .betting-market-note {
    margin-top: 8px !important;
    font-size: 0.70rem !important;
    line-height: 1.18 !important;
    font-weight: 750 !important;
    color: rgba(52, 211, 153, 0.88) !important;
}

@media (min-width: 1181px) and (max-width: 1540px) {
    .betting-page .betting-market-grid {
        gap: 10px !important;
    }

    .betting-page .betting-market-card {
        padding: 13px 13px 12px !important;
    }

    .betting-page .betting-odd-button {
        min-height: 62px !important;
        padding: 7px 7px 8px !important;
        gap: 4px !important;
    }

    .betting-page .betting-odd-button .betting-odd-label,
    .betting-page .betting-odd-button span.betting-odd-label {
        font-size: clamp(0.63rem, 0.58vw, 0.72rem) !important;
    }

    .betting-page .betting-odd-button .betting-odd-price {
        font-size: clamp(0.98rem, 0.94vw, 1.16rem) !important;
    }
}

@media (max-width: 860px) {
    .betting-page .betting-selection-grid.selection-count-3,
    .betting-page .betting-selection-grid.selection-count-2 {
        grid-template-columns: 1fr !important;
    }

    .betting-page .betting-odd-button {
        min-height: 56px !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        gap: 12px !important;
        padding: 0 14px !important;
    }

    .betting-page .betting-odd-button .betting-odd-label,
    .betting-page .betting-odd-button span.betting-odd-label {
        text-align: left !important;
        white-space: normal !important;
    }

    .betting-page .betting-odd-button .betting-odd-price {
        width: auto !important;
        min-width: 74px !important;
        justify-content: flex-end !important;
        text-align: right !important;
    }
}

/* ==========================================================
   Betting sportsbook polish v13
   - odds line centered as one unit: x1.90
   - x and numeric odds are both white and close together
   - labels are smaller, calmer, and centered per button
   - betting page only; no global typography changes
   ========================================================== */
.betting-page .betting-odd-button {
    min-height: 68px !important;
    padding: 9px 8px 10px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    text-align: center !important;
    border-radius: 15px !important;
    overflow: hidden !important;
}

.betting-page .betting-odd-button .betting-odd-label,
.betting-page .betting-odd-button span.betting-odd-label {
    flex: 0 1 auto !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 2px !important;
    text-align: center !important;
    color: rgba(203, 213, 225, 0.76) !important;
    font-family: "Pretendard", "SUIT", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif !important;
    font-size: clamp(0.72rem, 0.68vw, 0.84rem) !important;
    line-height: 1.12 !important;
    font-weight: 760 !important;
    letter-spacing: -0.025em !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

.betting-page .betting-odd-button .betting-odd-price,
.betting-page .betting-odd-button strong.betting-odd-price {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    align-items: baseline !important;
    justify-content: center !important;
    gap: 0 !important;
    text-align: center !important;
    color: #f8fafc !important;
    font-family: "Pretendard", "SUIT", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif !important;
    font-size: clamp(1.34rem, 1.32vw, 1.62rem) !important;
    line-height: 0.95 !important;
    font-weight: 920 !important;
    letter-spacing: -0.055em !important;
    white-space: nowrap !important;
    font-variant-numeric: tabular-nums !important;
}

.betting-page .betting-odd-button .betting-odd-x,
.betting-page .betting-odd-x {
    flex: 0 0 auto !important;
    display: inline-block !important;
    margin: 0 1px 0 0 !important;
    padding: 0 !important;
    color: #f8fafc !important;
    font-size: 0.78em !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: -0.045em !important;
    transform: translateY(-0.02em) !important;
}

.betting-page .betting-odd-button .betting-odd-value,
.betting-page .betting-odd-value {
    flex: 0 0 auto !important;
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #f8fafc !important;
    line-height: 1 !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
}

.betting-page .betting-market-title h3 {
    font-size: clamp(0.98rem, 0.95vw, 1.12rem) !important;
    font-weight: 850 !important;
    letter-spacing: -0.038em !important;
}

.betting-page .betting-market-title p {
    font-size: clamp(0.68rem, 0.63vw, 0.76rem) !important;
    font-weight: 680 !important;
    color: rgba(148, 163, 184, 0.68) !important;
}

@media (min-width: 1181px) and (max-width: 1540px) {
    .betting-page .betting-odd-button {
        min-height: 66px !important;
        padding: 8px 7px 9px !important;
        gap: 6px !important;
    }

    .betting-page .betting-odd-button .betting-odd-label,
    .betting-page .betting-odd-button span.betting-odd-label {
        font-size: clamp(0.68rem, 0.62vw, 0.78rem) !important;
    }

    .betting-page .betting-odd-button .betting-odd-price,
    .betting-page .betting-odd-button strong.betting-odd-price {
        font-size: clamp(1.22rem, 1.14vw, 1.44rem) !important;
    }
}

@media (max-width: 860px) {
    .betting-page .betting-odd-button {
        min-height: 58px !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        text-align: left !important;
        gap: 12px !important;
    }

    .betting-page .betting-odd-button .betting-odd-label,
    .betting-page .betting-odd-button span.betting-odd-label {
        width: auto !important;
        text-align: left !important;
    }

    .betting-page .betting-odd-button .betting-odd-price,
    .betting-page .betting-odd-button strong.betting-odd-price {
        margin: 0 !important;
        text-align: right !important;
        justify-content: flex-end !important;
    }
}


/* ==========================================================
   Betting odds typography fix v14
   - odds are rendered as ONE centered string: x1.90
   - x is smaller/lighter via first-letter, number is larger/white
   - prevents x/value separation from older overrides
   ========================================================== */
.betting-page .betting-odd-button {
    min-height: 68px !important;
    padding: 10px 8px 11px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    text-align: center !important;
}

.betting-page .betting-odd-button .betting-odd-label,
.betting-page .betting-odd-button span.betting-odd-label {
    display: block !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 3px !important;
    text-align: center !important;
    color: rgba(203, 213, 225, 0.76) !important;
    font-size: clamp(0.70rem, 0.66vw, 0.80rem) !important;
    line-height: 1.12 !important;
    font-weight: 720 !important;
    letter-spacing: -0.018em !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
}

.betting-page .betting-odd-button .betting-odd-price.betting-odd-combined,
.betting-page .betting-odd-button strong.betting-odd-price.betting-odd-combined {
    display: block !important;
    width: fit-content !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    color: #f8fafc !important;
    text-align: center !important;
    white-space: nowrap !important;
    font-family: inherit !important;
    font-size: clamp(1.50rem, 1.52vw, 1.86rem) !important;
    line-height: 0.95 !important;
    font-weight: 860 !important;
    letter-spacing: -0.055em !important;
    font-variant-numeric: tabular-nums !important;
}

.betting-page .betting-odd-button .betting-odd-price.betting-odd-combined::first-letter,
.betting-page .betting-odd-button strong.betting-odd-price.betting-odd-combined::first-letter {
    font-size: 0.68em !important;
    font-weight: 620 !important;
    letter-spacing: -0.025em !important;
}

@media (min-width: 1181px) and (max-width: 1540px) {
    .betting-page .betting-odd-button {
        min-height: 64px !important;
        padding: 8px 7px 9px !important;
        gap: 6px !important;
    }
    .betting-page .betting-odd-button .betting-odd-label,
    .betting-page .betting-odd-button span.betting-odd-label {
        font-size: clamp(0.66rem, 0.60vw, 0.74rem) !important;
    }
    .betting-page .betting-odd-button .betting-odd-price.betting-odd-combined,
    .betting-page .betting-odd-button strong.betting-odd-price.betting-odd-combined {
        font-size: clamp(1.36rem, 1.24vw, 1.60rem) !important;
    }
}

@media (max-width: 860px) {
    .betting-page .betting-odd-button .betting-odd-price.betting-odd-combined,
    .betting-page .betting-odd-button strong.betting-odd-price.betting-odd-combined {
        margin: 0 !important;
    }
}


/* ==========================================================
   Betting odds typography fix v15
   - final compact sportsbook button rhythm
   - label above, x+odds below as one centered inline group
   - x is smaller/lighter; number is larger but not heavy
   - betting page only. No global font override.
   ========================================================== */
.betting-page .betting-market-card {
    padding: 14px 15px 13px !important;
    border-radius: 20px !important;
}

.betting-page .betting-market-title h3 {
    font-size: clamp(1.00rem, 0.92vw, 1.13rem) !important;
    line-height: 1.12 !important;
    font-weight: 780 !important;
    letter-spacing: -0.035em !important;
}

.betting-page .betting-market-title p {
    margin-top: 4px !important;
    margin-bottom: 12px !important;
    font-size: clamp(0.68rem, 0.60vw, 0.76rem) !important;
    line-height: 1.15 !important;
    font-weight: 620 !important;
    color: rgba(148, 163, 184, 0.64) !important;
}

.betting-page .betting-selection-grid {
    gap: 10px !important;
}

.betting-page .betting-odd-button {
    min-height: 66px !important;
    padding: 9px 9px 10px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    text-align: center !important;
    border-radius: 15px !important;
    overflow: hidden !important;
}

.betting-page .betting-odd-button .betting-odd-label,
.betting-page .betting-odd-button span.betting-odd-label {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 2px !important;
    text-align: center !important;
    color: rgba(203, 213, 225, 0.72) !important;
    font-size: clamp(0.70rem, 0.62vw, 0.80rem) !important;
    line-height: 1.08 !important;
    font-weight: 690 !important;
    letter-spacing: -0.018em !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
}

.betting-page .betting-odd-button .betting-odd-price,
.betting-page .betting-odd-button strong.betting-odd-price {
    display: inline-flex !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    align-items: baseline !important;
    justify-content: center !important;
    gap: 0 !important;
    text-align: center !important;
    color: #f8fafc !important;
    font-size: clamp(1.24rem, 1.12vw, 1.46rem) !important;
    line-height: 0.96 !important;
    font-weight: 760 !important;
    letter-spacing: -0.035em !important;
    white-space: nowrap !important;
    font-variant-numeric: tabular-nums !important;
}

.betting-page .betting-odd-button .betting-odd-x,
.betting-page .betting-odd-x {
    display: inline-block !important;
    margin: 0 0.055em 0 0 !important;
    padding: 0 !important;
    color: rgba(248, 250, 252, 0.92) !important;
    font-size: 0.74em !important;
    line-height: 1 !important;
    font-weight: 560 !important;
    letter-spacing: -0.015em !important;
    transform: translateY(-0.015em) !important;
}

.betting-page .betting-odd-button .betting-odd-value,
.betting-page .betting-odd-value {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #f8fafc !important;
    line-height: 1 !important;
    font-weight: 760 !important;
    letter-spacing: -0.035em !important;
}

@media (min-width: 1181px) and (max-width: 1540px) {
    .betting-page .betting-market-card {
        padding: 13px 13px 12px !important;
    }

    .betting-page .betting-selection-grid {
        gap: 9px !important;
    }

    .betting-page .betting-odd-button {
        min-height: 62px !important;
        padding: 8px 7px 9px !important;
        gap: 6px !important;
    }

    .betting-page .betting-odd-button .betting-odd-label,
    .betting-page .betting-odd-button span.betting-odd-label {
        font-size: clamp(0.65rem, 0.58vw, 0.74rem) !important;
    }

    .betting-page .betting-odd-button .betting-odd-price,
    .betting-page .betting-odd-button strong.betting-odd-price {
        font-size: clamp(1.14rem, 1.00vw, 1.32rem) !important;
    }
}

@media (max-width: 860px) {
    .betting-page .betting-odd-button {
        min-height: 58px !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        gap: 12px !important;
        padding: 0 14px !important;
    }

    .betting-page .betting-odd-button .betting-odd-label,
    .betting-page .betting-odd-button span.betting-odd-label {
        width: auto !important;
        text-align: left !important;
    }

    .betting-page .betting-odd-button .betting-odd-price,
    .betting-page .betting-odd-button strong.betting-odd-price {
        margin: 0 !important;
        justify-content: flex-end !important;
        text-align: right !important;
    }
}

/* ==========================================================
   Betting odds typography FINAL v16
   - Fixes x/value separation caused by broad older span rules.
   - Odds are a compact centered group: x1.90.
   - x is smaller/lighter, number is larger/white but not bulky.
   - Betting page only. No DB/logic/global typography changes.
   ========================================================== */
.betting-page .betting-odd-button {
    min-height: 68px !important;
    padding: 10px 10px 11px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    text-align: center !important;
    overflow: hidden !important;
}

.betting-page .betting-odd-button .betting-odd-label,
.betting-page .betting-odd-button span.betting-odd-label {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 2px !important;
    flex: 0 0 auto !important;
    text-align: center !important;
    color: rgba(203, 213, 225, 0.76) !important;
    font-size: clamp(0.72rem, 0.64vw, 0.82rem) !important;
    line-height: 1.08 !important;
    font-weight: 680 !important;
    letter-spacing: -0.018em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    word-break: keep-all !important;
}

.betting-page .betting-odd-button .betting-odd-price,
.betting-page .betting-odd-button strong.betting-odd-price {
    display: inline-flex !important;
    width: max-content !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
    align-items: baseline !important;
    justify-content: center !important;
    gap: 0.035em !important;
    text-align: center !important;
    white-space: nowrap !important;
    color: #f8fafc !important;
    line-height: 0.94 !important;
    letter-spacing: -0.035em !important;
    font-variant-numeric: tabular-nums !important;
}

/* Important: older rules targeted every span inside .betting-odd-button with width:100%.
   These direct-child overrides prevent x and value from being pushed apart. */
.betting-page .betting-odd-button .betting-odd-price > span,
.betting-page .betting-odd-button strong.betting-odd-price > span {
    display: inline-block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
    text-align: center !important;
    white-space: nowrap !important;
}

.betting-page .betting-odd-button .betting-odd-x,
.betting-page .betting-odd-x {
    color: #f8fafc !important;
    opacity: 0.96 !important;
    font-size: clamp(0.88rem, 0.80vw, 1.02rem) !important;
    line-height: 1 !important;
    font-weight: 520 !important;
    letter-spacing: -0.015em !important;
    transform: translateY(-0.035em) !important;
}

.betting-page .betting-odd-button .betting-odd-value,
.betting-page .betting-odd-value {
    color: #ffffff !important;
    font-size: clamp(1.36rem, 1.22vw, 1.60rem) !important;
    line-height: 1 !important;
    font-weight: 720 !important;
    letter-spacing: -0.045em !important;
}

/* Covers the older v14 one-piece fallback too, in case the browser still receives cached markup. */
.betting-page .betting-odd-button .betting-odd-price.betting-odd-combined,
.betting-page .betting-odd-button strong.betting-odd-price.betting-odd-combined {
    display: block !important;
    width: max-content !important;
    margin: 0 auto !important;
    color: #ffffff !important;
    font-size: clamp(1.36rem, 1.22vw, 1.60rem) !important;
    font-weight: 720 !important;
    letter-spacing: -0.045em !important;
    line-height: 0.94 !important;
    text-align: center !important;
    white-space: nowrap !important;
}

.betting-page .betting-odd-button .betting-odd-price.betting-odd-combined::first-letter,
.betting-page .betting-odd-button strong.betting-odd-price.betting-odd-combined::first-letter {
    font-size: 0.66em !important;
    font-weight: 520 !important;
    letter-spacing: -0.015em !important;
}

@media (min-width: 1181px) and (max-width: 1540px) {
    .betting-page .betting-odd-button {
        min-height: 64px !important;
        padding: 9px 8px 10px !important;
        gap: 6px !important;
    }

    .betting-page .betting-odd-button .betting-odd-label,
    .betting-page .betting-odd-button span.betting-odd-label {
        font-size: clamp(0.68rem, 0.60vw, 0.78rem) !important;
    }

    .betting-page .betting-odd-button .betting-odd-x,
    .betting-page .betting-odd-x {
        font-size: clamp(0.82rem, 0.72vw, 0.94rem) !important;
    }

    .betting-page .betting-odd-button .betting-odd-value,
    .betting-page .betting-odd-value,
    .betting-page .betting-odd-button .betting-odd-price.betting-odd-combined,
    .betting-page .betting-odd-button strong.betting-odd-price.betting-odd-combined {
        font-size: clamp(1.24rem, 1.10vw, 1.44rem) !important;
    }
}

@media (max-width: 860px) {
    .betting-page .betting-odd-button {
        min-height: 58px !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 12px !important;
        padding: 0 14px !important;
    }

    .betting-page .betting-odd-button .betting-odd-label,
    .betting-page .betting-odd-button span.betting-odd-label {
        width: auto !important;
        text-align: left !important;
    }

    .betting-page .betting-odd-button .betting-odd-price,
    .betting-page .betting-odd-button strong.betting-odd-price {
        margin: 0 !important;
        justify-content: flex-end !important;
    }
}

/* ==========================================================
   Production polish: betting page aligned with player search UI
   - Original MyPick dark/cyan glass language, not experimental casino.
   - Scope is betting page + player ranking negative color only.
   ========================================================== */

/* Player ranking negative numbers now match player search/global negative red. */
.ranking-table-modern .points.score-negative,
.ranking-table-modern td.points.score-negative,
.ranking-board-card .ranking-table-modern .points.score-negative {
    color: var(--danger) !important;
    text-shadow: none !important;
}

.betting-page {
    animation: pageSoftEnter 0.62s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.betting-page .betting-hero,
.betting-page .betting-game-card,
.betting-page .betting-slip,
.betting-page .betting-date-tabs,
.betting-page .betting-date-heading,
.betting-page .betting-empty-state {
    background:
        radial-gradient(circle at 82% 18%, rgba(125, 239, 246, 0.060), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.020)),
        rgba(7, 20, 24, 0.62) !important;
    border: 1px solid rgba(148, 163, 184, 0.13) !important;
    box-shadow:
        0 24px 58px rgba(0, 0, 0, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.060) !important;
    backdrop-filter: blur(22px) saturate(126%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(126%) !important;
}

.betting-page .betting-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 18px !important;
    min-height: 0 !important;
    padding: 22px 26px !important;
    margin-bottom: 18px !important;
    border-radius: 22px !important;
}

.betting-page .betting-hero > div:first-child {
    min-width: 0 !important;
}

.betting-page .betting-hero .eyebrow {
    margin-bottom: 8px !important;
}

.betting-page .betting-hero h1 {
    margin: 0 !important;
    font-size: clamp(30px, 3.2vw, 44px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.055em !important;
}

/* Safety: the old long description must stay hidden even if browser cache receives older template. */
.betting-page .betting-hero > div:first-child > p:not(.eyebrow) {
    display: none !important;
}

.betting-page .betting-wealth-panel.betting-history-panel,
.betting-page .betting-wealth-panel {
    min-width: 0 !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}

.betting-page .betting-history-button {
    position: relative !important;
    overflow: hidden !important;
    min-height: 42px !important;
    padding: 0 18px !important;
    border-radius: 13px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    color: #06101f !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    letter-spacing: -0.02em !important;
    background: linear-gradient(135deg, var(--primary), #54ecff) !important;
    border: 1px solid rgba(125, 239, 246, 0.36) !important;
    box-shadow:
        0 12px 30px rgba(0, 217, 255, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.38) !important;
    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease,
        filter 0.18s ease !important;
    white-space: nowrap !important;
}

.betting-page .betting-history-button::after {
    content: "";
    position: absolute;
    top: -35%;
    bottom: -35%;
    left: -65%;
    width: 42%;
    transform: rotate(18deg);
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.58), transparent);
    opacity: 0;
    pointer-events: none;
}

.betting-page .betting-history-button:hover,
.betting-page .betting-history-button:focus-visible {
    transform: translateY(-2px) !important;
    filter: brightness(1.04) !important;
    box-shadow:
        0 18px 38px rgba(0, 217, 255, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.46) !important;
}

.betting-page .betting-history-button:hover::after,
.betting-page .betting-history-button:focus-visible::after {
    animation: bettingHistoryButtonSweep 0.62s ease-out 1;
}

@keyframes bettingHistoryButtonSweep {
    0% { left: -65%; opacity: 0; }
    18% { opacity: 0.65; }
    100% { left: 125%; opacity: 0; }
}

.betting-page .betting-date-tabs {
    padding: 10px !important;
    border-radius: 18px !important;
    margin-bottom: 16px !important;
    gap: 9px !important;
}

.betting-page .betting-date-tabs a {
    min-height: 38px !important;
    padding: 0 14px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(148, 163, 184, 0.12) !important;
    background: rgba(255,255,255,0.038) !important;
    color: rgba(226, 238, 245, 0.86) !important;
    font-size: 13px !important;
    font-weight: 820 !important;
    text-decoration: none !important;
    transition:
        transform 0.2s cubic-bezier(0.16, 1, 0.3, 1),
        border-color 0.2s ease,
        background 0.2s ease,
        color 0.2s ease !important;
}

.betting-page .betting-date-tabs a:hover,
.betting-page .betting-date-tabs a:focus-visible {
    transform: translateY(-1px) !important;
    border-color: rgba(125, 239, 246, 0.24) !important;
    background: rgba(125, 239, 246, 0.075) !important;
    color: #ecfeff !important;
}

.betting-page .betting-date-heading {
    padding: 18px 20px !important;
    margin-bottom: 15px !important;
    border-radius: 20px !important;
}

.betting-page .betting-date-heading p:not(.eyebrow) {
    color: rgba(148, 163, 184, 0.78) !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
}

.betting-page .betting-game-list {
    gap: 18px !important;
}

.betting-page .betting-game-card {
    padding: 18px !important;
    border-radius: 22px !important;
    transition:
        transform 0.58s cubic-bezier(0.16, 1, 0.3, 1),
        border-color 0.58s cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 0.58s cubic-bezier(0.16, 1, 0.3, 1),
        background 0.58s cubic-bezier(0.16, 1, 0.3, 1),
        filter 0.58s cubic-bezier(0.16, 1, 0.3, 1),
        opacity 0.58s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.betting-page .betting-game-card:hover {
    transform: translateY(-4px) scale(1.002) !important;
    border-color: rgba(125, 239, 246, 0.22) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.060), rgba(255,255,255,0.024)),
        rgba(7, 22, 26, 0.66) !important;
    box-shadow:
        0 28px 62px rgba(0,0,0,0.23),
        inset 0 1px 0 rgba(255,255,255,0.070) !important;
}

.betting-page .betting-game-card.is-closed {
    opacity: 0.68 !important;
    filter: saturate(0.72) grayscale(0.14) !important;
}

.betting-page .betting-game-topline {
    margin-bottom: 13px !important;
}

.betting-page .betting-time {
    color: rgba(248, 250, 252, 0.94) !important;
    font-weight: 900 !important;
}

.betting-page .betting-venue {
    color: rgba(148, 163, 184, 0.76) !important;
}

.betting-page .betting-lock {
    border-radius: 999px !important;
    background: rgba(16, 185, 129, 0.14) !important;
    border: 1px solid rgba(16, 185, 129, 0.28) !important;
    color: rgba(167, 243, 208, 0.96) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.betting-page .betting-lock.is-locked {
    background: rgba(255, 82, 82, 0.12) !important;
    border-color: rgba(255, 82, 82, 0.26) !important;
    color: rgba(255, 170, 170, 0.95) !important;
}

.betting-page .betting-matchup {
    padding: 14px !important;
    border-radius: 18px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.040), rgba(255,255,255,0.014)),
        rgba(3, 13, 20, 0.52) !important;
    border: 1px solid rgba(148, 163, 184, 0.105) !important;
    margin-bottom: 14px !important;
}

.betting-page .betting-team strong {
    color: rgba(248, 250, 252, 0.96) !important;
    font-size: 18px !important;
    letter-spacing: -0.04em !important;
}

.betting-page .betting-team span:not(.uniform):not(.uniform-number) {
    color: rgba(148, 163, 184, 0.74) !important;
    font-size: 11px !important;
}

.betting-page .betting-vs-block span {
    color: rgba(125, 239, 246, 0.86) !important;
    font-weight: 900 !important;
    letter-spacing: 0.05em !important;
}

.betting-page .betting-market-grid {
    gap: 14px !important;
}

.betting-page .betting-market-card {
    padding: 15px !important;
    border-radius: 20px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.046), rgba(255,255,255,0.016)),
        rgba(6, 18, 22, 0.58) !important;
    border: 1px solid rgba(148, 163, 184, 0.11) !important;
    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.13),
        inset 0 1px 0 rgba(255,255,255,0.038) !important;
}

.betting-page .betting-market-title h3 {
    color: rgba(248, 250, 252, 0.97) !important;
}

.betting-page .betting-market-title p {
    color: rgba(148, 163, 184, 0.70) !important;
}

.betting-page .betting-odd-button {
    background:
        linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.016)),
        rgba(4, 13, 20, 0.58) !important;
    border-color: rgba(148, 163, 184, 0.13) !important;
    box-shadow:
        0 8px 18px rgba(0,0,0,0.12),
        inset 0 1px 0 rgba(255,255,255,0.035) !important;
}

.betting-page .betting-odd-button:hover:not(:disabled),
.betting-page .betting-odd-button.is-selected-now {
    border-color: rgba(125, 239, 246, 0.34) !important;
    background:
        radial-gradient(circle at 50% -25%, rgba(125, 239, 246, 0.15), transparent 64%),
        linear-gradient(180deg, rgba(255,255,255,0.058), rgba(255,255,255,0.020)),
        rgba(8, 29, 34, 0.66) !important;
    box-shadow:
        0 14px 30px rgba(0,0,0,0.18),
        inset 0 1px 0 rgba(255,255,255,0.055) !important;
}

.betting-page .betting-odd-button.is-picked {
    border-color: rgba(16, 185, 129, 0.42) !important;
    background:
        radial-gradient(circle at 50% -25%, rgba(16, 185, 129, 0.20), transparent 62%),
        rgba(6, 78, 59, 0.20) !important;
}

.betting-page .betting-slip {
    border-radius: 22px !important;
    overflow: hidden !important;
}

.betting-page .betting-slip-head {
    padding: 18px 18px 12px !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.13) !important;
}

.betting-page .betting-slip-head h2 {
    font-size: 1.34rem !important;
    letter-spacing: -0.04em !important;
}

.betting-page .betting-slip-body {
    padding: 18px !important;
}

.betting-page .slip-placeholder {
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    color: rgba(148, 163, 184, 0.82) !important;
    font-size: clamp(0.95rem, 1.05vw, 1.10rem) !important;
    line-height: 1.35 !important;
}

.betting-page .slip-selected {
    border-radius: 16px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.046), rgba(255,255,255,0.016)),
        rgba(3, 13, 20, 0.54) !important;
    border: 1px solid rgba(125, 239, 246, 0.14) !important;
}

.betting-page .betting-stake-label {
    color: rgba(205, 216, 225, 0.62) !important;
}

.betting-page .betting-slip input[type="number"] {
    border-radius: 13px !important;
    background: rgba(5, 14, 22, 0.72) !important;
    border: 1px solid rgba(148, 163, 184, 0.14) !important;
}

.betting-page .betting-slip input[type="number"]:focus {
    border-color: rgba(125, 239, 246, 0.34) !important;
    box-shadow: 0 0 0 3px rgba(125, 239, 246, 0.08) !important;
}

.betting-page .slip-money-row {
    color: rgba(203, 213, 225, 0.82) !important;
}

.betting-page .slip-money-row strong {
    color: rgba(248, 250, 252, 0.96) !important;
}

.betting-page .betting-confirm-button {
    border-radius: 13px !important;
}

@media (min-width: 1181px) and (max-width: 1540px) {
    .betting-page .betting-shell {
        grid-template-columns: minmax(0, 1fr) minmax(300px, 330px) !important;
        gap: 18px !important;
    }

    .betting-page .betting-hero {
        padding: 20px 22px !important;
    }
}

@media (max-width: 860px) {
    .betting-page .betting-hero {
        grid-template-columns: minmax(0, 1fr) !important;
        align-items: stretch !important;
        padding: 20px !important;
    }

    .betting-page .betting-wealth-panel,
    .betting-page .betting-wealth-panel.betting-history-panel {
        justify-content: flex-start !important;
    }

    .betting-page .betting-history-button {
        width: 100% !important;
    }

    .betting-page .slip-placeholder {
        white-space: normal !important;
    }
}

/* ==========================================================
   Asset wording + betting history polish patch
   - Uses the existing MyPick dark/cyan language.
   - Keeps betting history button aligned with the team-edit button behavior.
   ========================================================== */
.betting-page .betting-history-button,
.betting-history-card .betting-history-link {
    position: relative !important;
    isolation: isolate !important;
    width: fit-content !important;
    min-width: 148px !important;
    min-height: 52px !important;
    padding: 0 24px !important;
    border: 0 !important;
    border-radius: 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    color: #06101f !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    letter-spacing: -0.02em !important;
    background: linear-gradient(135deg, var(--primary), #54ecff) !important;
    box-shadow: 0 12px 30px rgba(0, 217, 255, 0.18) !important;
    transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease, filter 0.18s ease !important;
    white-space: nowrap !important;
}

.betting-page .betting-history-button::after,
.betting-history-card .betting-history-link::after {
    content: none !important;
    display: none !important;
    animation: none !important;
}

.betting-page .betting-history-button:hover,
.betting-page .betting-history-button:focus-visible,
.betting-history-card .betting-history-link:hover,
.betting-history-card .betting-history-link:focus-visible {
    transform: translateY(-1px) !important;
    filter: brightness(1.04) !important;
    box-shadow: 0 18px 34px rgba(0, 217, 255, 0.26) !important;
}

.betting-page .betting-history-button:active,
.betting-history-card .betting-history-link:active {
    transform: translateY(0) scale(0.98) !important;
}

.betting-page .betting-slip input[type="number"].is-over-balance {
    border-color: rgba(255, 82, 82, 0.72) !important;
    box-shadow: 0 0 0 3px rgba(255, 82, 82, 0.11) !important;
}

.betting-page .betting-confirm-button:disabled,
.betting-page .betting-confirm-button[aria-disabled="true"] {
    opacity: 0.42 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
    filter: saturate(0.72) brightness(0.88) !important;
    transform: none !important;
    box-shadow: none !important;
}

.betting-history-card {
    width: min(100%, 1180px) !important;
    margin: 28px auto !important;
    padding: clamp(22px, 3vw, 34px) !important;
    border-radius: 28px !important;
    border: 1px solid rgba(148, 163, 184, 0.16) !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(0, 229, 255, 0.12), transparent 32%),
        radial-gradient(circle at 100% 8%, rgba(16, 185, 129, 0.09), transparent 30%),
        linear-gradient(145deg, rgba(8, 13, 18, 0.97), rgba(3, 8, 13, 0.95)) !important;
    box-shadow:
        0 28px 72px rgba(0, 0, 0, 0.30),
        inset 0 1px 0 rgba(255,255,255,0.045) !important;
    overflow: hidden !important;
}

.betting-history-heading {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    margin-bottom: 24px !important;
}

.betting-history-heading .eyebrow {
    margin-bottom: 8px !important;
}

.betting-history-heading h1 {
    margin: 0 !important;
    color: #f8fafc !important;
    font-size: clamp(2rem, 3vw, 2.65rem) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.06em !important;
}

.betting-history-table-wrap {
    overflow-x: auto !important;
    border: 1px solid rgba(148, 163, 184, 0.14) !important;
    border-radius: 22px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.012)),
        rgba(2, 6, 23, 0.42) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.035) !important;
}

.betting-history-table {
    width: 100% !important;
    min-width: 920px !important;
    border-collapse: collapse !important;
}

.betting-history-table th,
.betting-history-table td {
    padding: 17px 18px !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.11) !important;
    text-align: left !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

.betting-history-table th {
    color: rgba(148, 163, 184, 0.82) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: -0.01em !important;
    background: rgba(3, 10, 17, 0.46) !important;
}

.betting-history-table td {
    color: rgba(226, 232, 240, 0.90) !important;
    font-size: 14px !important;
}

.betting-history-table tbody tr {
    transition: background 0.16s ease, box-shadow 0.16s ease !important;
}

.betting-history-table tbody tr:hover {
    background: rgba(125, 239, 246, 0.055) !important;
    box-shadow: inset 3px 0 0 rgba(125, 239, 246, 0.44) !important;
}

.betting-history-table tr:last-child td {
    border-bottom: 0 !important;
}

.betting-history-table td[data-label="배팅 금액"],
.betting-history-table td[data-label="배당"],
.betting-history-table .payout-cell {
    font-variant-numeric: tabular-nums !important;
}

.muted-cell {
    color: rgba(148, 163, 184, 0.84) !important;
}

.bet-status-pill {
    min-height: 30px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    letter-spacing: -0.02em !important;
}

.bet-status-pill.status-pending {
    color: #fde68a !important;
    background: rgba(250, 204, 21, 0.12) !important;
    border: 1px solid rgba(250, 204, 21, 0.30) !important;
}

.bet-status-pill.status-won {
    color: #86efac !important;
    background: rgba(34, 197, 94, 0.12) !important;
    border: 1px solid rgba(34, 197, 94, 0.30) !important;
}

.bet-status-pill.status-lost {
    color: #ff8a96 !important;
    background: rgba(255, 82, 82, 0.12) !important;
    border: 1px solid rgba(255, 82, 82, 0.30) !important;
}

.bet-status-pill.status-void {
    color: rgba(203, 213, 225, 0.92) !important;
    background: rgba(148, 163, 184, 0.10) !important;
    border: 1px solid rgba(148, 163, 184, 0.22) !important;
}

.payout-cell {
    text-align: right !important;
    font-weight: 950 !important;
}

.payout-cell.status-won {
    color: #86efac !important;
}

.payout-cell.status-lost {
    color: var(--danger) !important;
}

.payout-cell.status-pending,
.payout-cell.status-void {
    color: rgba(148, 163, 184, 0.90) !important;
}

.betting-history-summary {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin-top: 22px !important;
    padding-top: 0 !important;
    border-top: 0 !important;
    color: rgba(148, 163, 184, 0.90) !important;
}

.betting-history-summary span {
    min-width: 0 !important;
    padding: 14px 15px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(148, 163, 184, 0.12) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.038), rgba(255,255,255,0.012)),
        rgba(3, 13, 20, 0.42) !important;
    color: rgba(148, 163, 184, 0.86) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em !important;
}

.betting-history-summary strong {
    display: block !important;
    margin-top: 6px !important;
    color: rgba(248, 250, 252, 0.96) !important;
    font-size: clamp(1.05rem, 1.8vw, 1.28rem) !important;
    line-height: 1.08 !important;
    font-weight: 950 !important;
    overflow-wrap: anywhere !important;
}

.betting-history-summary strong.score-positive {
    color: var(--primary) !important;
}

.betting-history-summary strong.score-negative {
    color: var(--danger) !important;
}

@media (max-width: 980px) {
    .betting-history-heading {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    .betting-history-card .betting-history-link {
        width: 100% !important;
    }

    .betting-history-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 720px) {
    .betting-history-card {
        margin: 18px auto !important;
        padding: 18px !important;
        border-radius: 22px !important;
    }

    .betting-history-table {
        min-width: 0 !important;
    }

    .betting-history-table thead {
        display: none !important;
    }

    .betting-history-table,
    .betting-history-table tbody,
    .betting-history-table tr,
    .betting-history-table td {
        display: block !important;
        width: 100% !important;
    }

    .betting-history-table tr {
        padding: 14px !important;
        border-bottom: 1px solid rgba(148, 163, 184, 0.12) !important;
    }

    .betting-history-table td {
        display: flex !important;
        justify-content: space-between !important;
        gap: 18px !important;
        padding: 8px 0 !important;
        border-bottom: 0 !important;
        white-space: normal !important;
        text-align: right !important;
    }

    .betting-history-table td::before {
        content: attr(data-label) !important;
        color: rgba(148, 163, 184, 0.78) !important;
        font-weight: 800 !important;
        text-align: left !important;
    }

    .betting-history-summary {
        grid-template-columns: 1fr !important;
    }
}

/* ============================================================
   Final user-request patch 2026-05-22
   - User monthly ranking select must float above podium cards.
   - Betting / betting history / my-team entry effects aligned
     with profile, players, and user-ranking reveal language.
   - Betting history summary label cards keep compact Korean labels.
   ============================================================ */
.user-ranking-page-shell,
.user-rankings-v2-shell,
.user-rankings-v3-shell,
.user-rankings-v4-shell {
    overflow: visible !important;
}

.user-ranking-page-shell .user-ranking-filter-card,
.user-rankings-v2-shell .user-ranking-filter-card,
.user-rankings-v3-shell .user-ranking-filter-card,
.user-rankings-v4-shell .user-ranking-filter-card,
.ranking-filter-card.user-ranking-filter-card {
    position: relative !important;
    z-index: 6000 !important;
    overflow: visible !important;
}

.user-ranking-control-form,
.user-ranking-control-form .custom-select,
.user-ranking-control-form .form-field {
    position: relative !important;
    z-index: 6010 !important;
    overflow: visible !important;
}

.user-ranking-control-form .custom-select.is-open {
    z-index: 10000 !important;
}

.user-ranking-control-form .custom-select-menu {
    z-index: 10001 !important;
    background:
        linear-gradient(180deg, rgba(8, 23, 31, 0.995), rgba(3, 10, 16, 0.995)) !important;
    border: 1px solid rgba(55, 226, 239, 0.42) !important;
    box-shadow:
        0 28px 70px rgba(0, 0, 0, 0.78),
        0 0 0 1px rgba(255,255,255,0.040) inset,
        0 0 34px rgba(0, 217, 255, 0.10) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.user-ranking-control-form .custom-select-option {
    color: rgba(236, 250, 255, 0.90) !important;
}

.user-ranking-control-form .custom-select-option:hover,
.user-ranking-control-form .custom-select-option.is-selected {
    color: #041014 !important;
    background: linear-gradient(135deg, #24d6e3, #70f4ff) !important;
}

.user-ranking-page-shell .user-podium-v3,
.user-rankings-v2-shell .user-podium-v3,
.user-rankings-v3-shell .user-podium-v3,
.user-rankings-v4-shell .user-podium-v3,
.user-ranking-page-shell .user-ranking-board-card {
    position: relative !important;
    z-index: 1 !important;
}

.user-ranking-page-shell:has(.user-ranking-control-form .custom-select.is-open) .user-podium-v3,
.user-rankings-v4-shell:has(.user-ranking-control-form .custom-select.is-open) .user-podium-v3 {
    z-index: 0 !important;
    pointer-events: none !important;
}

/* ============================================================
   Emergency visibility-safe entry motion patch
   - 배팅/배팅내역/내팀을 opacity:0 상태로 고정하지 않음
   - 프로필/선수/유저랭킹과 같은 부드러운 입장감은 유지
   ============================================================ */
@keyframes mypickVisiblePanelIn {
    0% { opacity: 0; transform: translateY(18px) scale(0.992); filter: blur(4px); }
    100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
}

.betting-page,
.betting-history-card,
.my-team-page-shell {
    opacity: 1 !important;
    visibility: visible !important;
    filter: none;
    animation: pageSoftEnter 0.62s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.betting-page.betting-reveal,
.betting-page .betting-reveal,
.betting-history-card.betting-reveal,
.betting-history-card .betting-reveal,
.my-team-page-shell.ranking-reveal,
.my-team-page-shell .ranking-reveal {
    visibility: visible !important;
    animation-name: mypickVisiblePanelIn !important;
    animation-duration: 0.72s !important;
    animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
    animation-fill-mode: both !important;
    animation-delay: calc(var(--reveal-index, 0) * 70ms) !important;
}

.betting-history-summary span {
    min-height: 104px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

@media (prefers-reduced-motion: reduce) {
    .betting-page,
    .betting-page.betting-reveal,
    .betting-page .betting-reveal,
    .betting-history-card,
    .betting-history-card.betting-reveal,
    .betting-history-card .betting-reveal,
    .my-team-page-shell,
    .my-team-page-shell.ranking-reveal,
    .my-team-page-shell .ranking-reveal {
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        filter: none !important;
        animation: none !important;
    }
}

/* ============================================================
   Final requested fix 2026-05-22 v2
   - 선수 검색도 선수 랭킹처럼 실제 페이지네이션 사용
   - 배팅/내팀 입장 모션을 랭킹/프로필 계열처럼 가볍게 통일
   - 내팀 로스터 뷰 버튼의 이동형 indicator 제거
   - 월별 랭킹 custom select가 포디움에 가려지지 않도록 레이어 재정리
   ============================================================ */

/* 선수 검색 페이지네이션: 선수 랭킹 pagination과 동일한 하단 구조 */
.players-pagination,
.players-page-shell .pagination-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin: 28px auto 0 !important;
    padding: 4px !important;
    width: fit-content !important;
    max-width: 100% !important;
    border-radius: 999px !important;
    border: 1px solid rgba(148, 163, 184, 0.16) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.018)),
        rgba(3, 14, 20, 0.62) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.055), 0 14px 32px rgba(0,0,0,0.20) !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
}

.players-pagination::-webkit-scrollbar,
.players-page-shell .pagination-nav::-webkit-scrollbar {
    display: none !important;
}

.players-pagination a,
.players-pagination span,
.players-page-shell .pagination-nav a,
.players-page-shell .pagination-nav span {
    min-width: 38px !important;
    height: 38px !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    color: rgba(226, 240, 246, 0.82) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    border: 1px solid transparent !important;
    transition: background 0.16s ease, color 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease !important;
}

.players-pagination a:hover,
.players-page-shell .pagination-nav a:hover {
    color: #06101f !important;
    background: linear-gradient(135deg, #7deff6, #22d3ee) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 10px 22px rgba(34, 211, 238, 0.18) !important;
}

.players-pagination .active,
.players-page-shell .pagination-nav .active {
    color: #06101f !important;
    background: linear-gradient(135deg, #7deff6, #22d3ee) !important;
    box-shadow: 0 10px 22px rgba(34, 211, 238, 0.18), inset 0 1px 0 rgba(255,255,255,0.40) !important;
}

.players-pagination .disabled,
.players-page-shell .pagination-nav .disabled {
    color: rgba(148, 163, 184, 0.42) !important;
    cursor: not-allowed !important;
    opacity: 0.7 !important;
}

/* 배팅/내팀 입장 모션: 페이지 전체를 중복 애니메이션하지 않고 섹션만 부드럽게 */
.betting-page,
.my-team-page-shell {
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    transform: none !important;
    animation: none !important;
}

.betting-page .betting-reveal,
.betting-history-card.betting-reveal,
.my-team-page-shell .ranking-reveal {
    opacity: 0;
    visibility: visible !important;
    transform: translateY(18px) scale(0.992);
    filter: none !important;
    animation: rankingPanelIn 0.68s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
    animation-delay: calc(var(--reveal-index, 0) * 70ms) !important;
    will-change: opacity, transform;
}

.betting-page .betting-game-card,
.betting-page .betting-market-card,
.betting-page .betting-slip,
.my-team-page-shell .field-slot,
.my-team-page-shell .roster-list-row {
    will-change: auto !important;
}

/* Bet slip 위치 추적은 JS top/max-height만 쓰고 CSS transition으로 끌지 않음 */
.betting-page .betting-slip,
.betting-page .betting-slip.is-floating {
    transition: opacity 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease !important;
}

/* 배팅 금액이 보유 자산 초과일 때 명확한 입력 피드백 */
.betting-page #stake_points.is-over-balance,
.betting-page #stake_points[aria-invalid="true"] {
    border-color: rgba(255, 93, 108, 0.80) !important;
    box-shadow:
        0 0 0 4px rgba(255, 93, 108, 0.12),
        inset 0 1px 0 rgba(255,255,255,0.045) !important;
}

.betting-page .betting-confirm-button:disabled,
.betting-page .betting-confirm-button[aria-disabled="true"] {
    pointer-events: none !important;
    cursor: not-allowed !important;
    opacity: 0.48 !important;
    filter: saturate(0.55) !important;
    transform: none !important;
}

/* 내팀 로스터 뷰: 진입 시 항상 라인업, 버튼 indicator가 미끄러져 보이지 않게 제거 */
.my-team-page-shell .roster-tab-indicator {
    display: none !important;
}

.my-team-page-shell .roster-view-tabs {
    gap: 6px !important;
    overflow: visible !important;
}

.my-team-page-shell .roster-view-button {
    min-width: 76px !important;
    transform: none !important;
    transition: background 0.16s ease, color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease !important;
}

.my-team-page-shell .roster-view-button:hover,
.my-team-page-shell .roster-view-button.active {
    transform: none !important;
}

.my-team-page-shell .roster-view-button.active {
    color: #06101f !important;
    background: linear-gradient(135deg, #7deff6, #22d3ee) !important;
    box-shadow: 0 10px 22px rgba(34, 211, 238, 0.18), inset 0 1px 0 rgba(255,255,255,0.40) !important;
}

.my-team-page-shell .roster-view-panel {
    display: none !important;
    max-height: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
    transform: none !important;
    animation: none !important;
}

.my-team-page-shell .roster-view-panel.active {
    display: block !important;
    animation: rankingPanelIn 0.42s cubic-bezier(0.16, 1, 0.3, 1) both !important;
}

/* 유저 월별 랭킹 select: 선수 검색 필터처럼 항상 포디움 위에서 클릭 가능 */
.user-ranking-page-shell,
.user-rankings-v2-shell,
.user-rankings-v3-shell,
.user-rankings-v4-shell,
.ranking-page-shell {
    overflow: visible !important;
}

.user-ranking-page-shell .user-ranking-filter-card,
.user-rankings-v2-shell .user-ranking-filter-card,
.user-rankings-v3-shell .user-ranking-filter-card,
.user-rankings-v4-shell .user-ranking-filter-card,
.user-ranking-filter-card {
    position: relative !important;
    z-index: 20000 !important;
    overflow: visible !important;
    isolation: isolate !important;
}

.user-ranking-control-form,
.user-ranking-control-form .form-field,
.user-ranking-control-form .custom-select,
.user-ranking-control-form .custom-select-trigger,
.user-ranking-control-form select {
    position: relative !important;
    z-index: 20010 !important;
    pointer-events: auto !important;
}

.user-ranking-control-form .custom-select.is-open {
    z-index: 30000 !important;
}

.user-ranking-control-form .custom-select-menu {
    z-index: 30001 !important;
    max-height: 320px !important;
    overflow-y: auto !important;
    pointer-events: auto !important;
}

.user-ranking-page-shell .user-podium-v3,
.user-rankings-v2-shell .user-podium-v3,
.user-rankings-v3-shell .user-podium-v3,
.user-rankings-v4-shell .user-podium-v3,
.user-podium-v3,
.user-ranking-board-card {
    position: relative !important;
    z-index: 1 !important;
}

.user-ranking-page-shell:has(.user-ranking-control-form .custom-select.is-open) .user-podium-v3,
.user-rankings-v2-shell:has(.user-ranking-control-form .custom-select.is-open) .user-podium-v3,
.user-rankings-v3-shell:has(.user-ranking-control-form .custom-select.is-open) .user-podium-v3,
.user-rankings-v4-shell:has(.user-ranking-control-form .custom-select.is-open) .user-podium-v3 {
    pointer-events: none !important;
}

@media (prefers-reduced-motion: reduce) {
    .betting-page .betting-reveal,
    .betting-history-card.betting-reveal,
    .my-team-page-shell .ranking-reveal,
    .my-team-page-shell .roster-view-panel.active {
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
        animation: none !important;
    }
}

/* ==========================================================
   Final polish: Friends / Support / My Tickets / Settings
   - match current MyPick dark-cyan design system
   - scoped overrides only; no DB/logic changes
   ========================================================== */
.friends-page-shell,
.support-shell,
.settings-page-shell {
    width: min(100%, 1240px) !important;
    margin: 0 auto 64px !important;
    padding: 0 clamp(14px, 2.4vw, 26px) !important;
    gap: clamp(16px, 2vw, 24px) !important;
}

.friends-page-shell,
.support-shell,
.settings-page-shell,
.support-detail-shell {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    animation: none !important;
}

.friends-page-shell .ranking-reveal,
.support-shell .ranking-reveal,
.settings-page-shell .ranking-reveal {
    opacity: 0;
    transform: translateY(18px) scale(0.992);
    filter: none !important;
    animation: rankingPanelIn 0.68s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
    animation-delay: calc(var(--reveal-index, 0) * 70ms) !important;
    will-change: opacity, transform;
}

.friends-page-shell .hero-panel,
.support-shell .hero-panel,
.settings-page-shell .settings-hero {
    position: relative !important;
    overflow: hidden !important;
    border: 1px solid rgba(125, 240, 255, 0.17) !important;
    border-radius: 28px !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(34, 211, 238, 0.12), transparent 36%),
        radial-gradient(circle at 100% 100%, rgba(16, 185, 129, 0.08), transparent 38%),
        linear-gradient(180deg, rgba(255,255,255,0.052), rgba(255,255,255,0.022)),
        rgba(5, 16, 24, 0.76) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.06),
        0 24px 68px rgba(0,0,0,0.24) !important;
}

.friends-page-shell .hero-panel::after,
.support-shell .hero-panel::after,
.settings-page-shell .settings-hero::before {
    content: "" !important;
    position: absolute !important;
    inset: auto -90px -125px auto !important;
    width: 320px !important;
    height: 320px !important;
    border-radius: 999px !important;
    background: radial-gradient(circle, rgba(34, 211, 238, 0.17), transparent 68%) !important;
    pointer-events: none !important;
}

.friends-page-shell .hero-panel > *,
.support-shell .hero-panel > *,
.settings-page-shell .settings-hero > * {
    position: relative !important;
    z-index: 1 !important;
}

.friends-page-shell .eyebrow,
.support-shell .eyebrow,
.settings-page-shell .eyebrow {
    color: #37e6f2 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    font-weight: 950 !important;
}

.friends-page-shell h1,
.support-shell h1,
.settings-page-shell h1 {
    margin: 0 !important;
    color: rgba(248, 252, 255, 0.98) !important;
    font-size: clamp(30px, 4vw, 48px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.065em !important;
}

.friends-page-shell .hero-copy,
.support-shell .hero-copy,
.settings-page-shell .settings-hero p:not(.eyebrow) {
    max-width: 760px !important;
    color: rgba(167, 184, 197, 0.92) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.6 !important;
}

.friends-page-shell .button-link,
.support-shell .button-link,
.settings-page-shell .button-link,
.settings-page-shell .settings-form button:not(.danger-button),
.support-shell .support-submit-row button,
.friends-page-shell .friend-action-button.accept {
    min-height: 44px !important;
    padding: 0 18px !important;
    border-radius: 15px !important;
    border: 1px solid rgba(125, 240, 255, 0.38) !important;
    color: #06101f !important;
    background: linear-gradient(135deg, #7deff6, #22d3ee) !important;
    box-shadow:
        0 12px 28px rgba(34, 211, 238, 0.16),
        inset 0 1px 0 rgba(255,255,255,0.42) !important;
    font-weight: 950 !important;
    text-decoration: none !important;
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease, filter 0.16s ease !important;
}

.friends-page-shell .button-link:hover,
.support-shell .button-link:hover,
.settings-page-shell .button-link:hover,
.settings-page-shell .settings-form button:not(.danger-button):hover,
.support-shell .support-submit-row button:hover,
.friends-page-shell .friend-action-button.accept:hover {
    transform: translateY(-2px) !important;
    filter: brightness(1.05) !important;
    box-shadow:
        0 18px 38px rgba(34, 211, 238, 0.24),
        inset 0 1px 0 rgba(255,255,255,0.48) !important;
}

.friends-page-shell .button-link.secondary,
.support-shell .button-link.secondary,
.settings-page-shell .button-link.secondary,
.friends-page-shell .tiny-link {
    color: rgba(226, 240, 246, 0.94) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.050), rgba(255,255,255,0.020)),
        rgba(9, 24, 34, 0.78) !important;
    border-color: rgba(125, 240, 255, 0.20) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.045), 0 12px 28px rgba(0,0,0,0.16) !important;
}

.friends-page-shell .button-link.secondary:hover,
.support-shell .button-link.secondary:hover,
.settings-page-shell .button-link.secondary:hover,
.friends-page-shell .tiny-link:hover {
    color: #7deff6 !important;
    border-color: rgba(125, 240, 255, 0.36) !important;
    background: rgba(15, 39, 51, 0.82) !important;
}

/* Summary cards */
.friends-summary-grid,
.settings-summary-grid,
.support-summary-grid {
    gap: 14px !important;
}

.friends-summary-card,
.settings-summary-card,
.support-summary-card {
    position: relative !important;
    min-height: 104px !important;
    overflow: hidden !important;
    padding: 19px 20px !important;
    border: 1px solid rgba(125, 240, 255, 0.15) !important;
    border-radius: 22px !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(34, 211, 238, 0.11), transparent 42%),
        linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.018)),
        rgba(5, 16, 24, 0.66) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 14px 36px rgba(0,0,0,0.16) !important;
}

.friends-summary-card::after,
.support-summary-card::after {
    content: "" !important;
    position: absolute !important;
    right: -48px !important;
    bottom: -64px !important;
    width: 150px !important;
    height: 150px !important;
    border-radius: 999px !important;
    background: rgba(34, 211, 238, 0.075) !important;
    pointer-events: none !important;
}

.friends-summary-card span,
.settings-summary-card span,
.support-summary-card span {
    display: block !important;
    margin: 0 0 9px !important;
    color: rgba(167, 184, 197, 0.82) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
}

.friends-summary-card strong,
.settings-summary-card strong,
.support-summary-card strong {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    color: rgba(240, 254, 255, 0.98) !important;
    font-size: clamp(22px, 2.5vw, 34px) !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.055em !important;
    word-break: break-word !important;
}

/* Cards and section headers */
.friends-card,
.support-card,
.support-guide-card,
.settings-card,
.support-side-panel .content-card {
    border: 1px solid rgba(125, 240, 255, 0.15) !important;
    border-radius: 24px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.046), rgba(255,255,255,0.018)),
        rgba(5, 16, 24, 0.70) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.052), 0 20px 54px rgba(0,0,0,0.18) !important;
}

.friends-card:hover,
.support-card:hover,
.support-guide-card:hover,
.settings-card:hover {
    border-color: rgba(125, 240, 255, 0.25) !important;
}

.friends-page-shell .section-heading,
.support-shell .section-heading,
.settings-page-shell .settings-card-heading {
    gap: 14px !important;
}

.friends-page-shell h2,
.support-shell h2,
.settings-page-shell h2,
.support-guide-card h3 {
    color: rgba(248, 252, 255, 0.96) !important;
    letter-spacing: -0.045em !important;
}

.friends-page-shell p,
.support-shell p,
.settings-page-shell p {
    color: rgba(167, 184, 197, 0.86);
}

/* Friends page */
.friends-page-shell .friends-hero-panel {
    padding: clamp(22px, 3vw, 30px) !important;
}

.friends-grid {
    grid-template-columns: minmax(330px, 0.95fr) minmax(0, 1.35fr) !important;
    gap: 18px !important;
}

.friend-request-card,
.friend-card,
.outgoing-request-pill {
    position: relative !important;
    overflow: hidden !important;
    border: 1px solid rgba(125, 240, 255, 0.14) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.012)),
        rgba(3, 12, 18, 0.68) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.035) !important;
}

.friend-request-card::before,
.friend-card::before,
.outgoing-request-pill::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 auto 0 0 !important;
    width: 3px !important;
    background: linear-gradient(180deg, #7deff6, rgba(34, 211, 238, 0.15)) !important;
    opacity: 0 !important;
    transition: opacity 0.16s ease !important;
}

.friend-request-card:hover::before,
.friend-card:hover::before,
.outgoing-request-pill:hover::before,
.friend-request-card:focus-visible::before,
.friend-card:focus-visible::before {
    opacity: 1 !important;
}

.friend-request-card:hover,
.friend-card:hover,
.friend-request-card:focus-visible,
.friend-card:focus-visible,
.outgoing-request-pill:hover {
    border-color: rgba(125, 240, 255, 0.34) !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(34, 211, 238, 0.08), transparent 45%),
        rgba(7, 20, 28, 0.84) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 18px 44px rgba(0,0,0,0.20), 0 0 28px rgba(34, 211, 238, 0.07) !important;
}

.friend-person-main strong {
    color: rgba(248, 252, 255, 0.98) !important;
    font-weight: 950 !important;
}

.friend-avatar-wrap {
    border-radius: 17px !important;
    border-color: rgba(125, 240, 255, 0.18) !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(34, 211, 238, 0.13), transparent 65%),
        rgba(255,255,255,0.035) !important;
}

.friend-person-meta,
.friend-score-line span,
.outgoing-request-pill small {
    color: rgba(167, 184, 197, 0.78) !important;
}

.friend-score-line strong,
.friend-person-meta span:not(.favorite-unselected-pill) {
    color: rgba(226, 240, 246, 0.95) !important;
    font-weight: 900 !important;
}

.friend-request-actions {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

.friend-action-button {
    min-height: 36px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
}

.friend-action-button.decline {
    color: rgba(255, 210, 216, 0.98) !important;
    border: 1px solid rgba(255, 93, 108, 0.34) !important;
    background: rgba(255, 93, 108, 0.10) !important;
    box-shadow: none !important;
}

.friend-action-button.decline:hover {
    color: #fff !important;
    background: rgba(255, 93, 108, 0.18) !important;
    transform: translateY(-1px) !important;
}

.friend-remove-form .icon-button.danger {
    width: 34px !important;
    height: 34px !important;
    border-radius: 12px !important;
    color: #ffd1d7 !important;
    background: rgba(255, 93, 108, 0.11) !important;
    border-color: rgba(255, 93, 108, 0.26) !important;
}

.friend-remove-form .icon-button.danger:hover {
    color: #fff !important;
    background: rgba(255, 93, 108, 0.20) !important;
}

/* MYPICK MOBILE FRIENDS REMOVE BUTTON ALWAYS VISIBLE 2026-06-02 START */
@media (max-width: 680px) {
    .friends-page-shell .friend-card-grid .friend-card {
        padding-right: 58px !important;
    }

    .friends-page-shell .friend-card-grid .friend-card .friend-remove-form {
        top: 14px !important;
        right: 14px !important;
        z-index: 5 !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        transform: none !important;
    }

    .friends-page-shell .friend-card-grid .friend-card .friend-remove-form .icon-button.danger {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 34px !important;
        height: 34px !important;
        padding: 0 !important;
        border-radius: 999px !important;
        color: #fff !important;
        font-size: 24px !important;
        font-weight: 950 !important;
        line-height: 1 !important;
        background: rgba(255, 93, 108, 0.18) !important;
        border: 1px solid rgba(255, 93, 108, 0.38) !important;
        box-shadow: 0 10px 24px rgba(255, 93, 108, 0.12) !important;
    }
}
/* MYPICK MOBILE FRIENDS REMOVE BUTTON ALWAYS VISIBLE 2026-06-02 END */

/* Support pages */
.support-shell .support-hero-panel {
    padding: clamp(22px, 3vw, 30px) !important;
}

.support-layout,
.support-detail-grid {
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr) !important;
    gap: 20px !important;
}

.support-form,
.settings-form {
    gap: 16px !important;
}

.support-form .form-field,
.settings-form .form-field {
    display: grid !important;
    gap: 7px !important;
}

.support-form label,
.settings-form label {
    color: rgba(226, 240, 246, 0.88) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.support-form input,
.support-form select,
.support-form textarea,
.settings-form input,
.settings-form select,
.settings-form textarea {
    border: 1px solid rgba(125, 240, 255, 0.16) !important;
    border-radius: 16px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.032), rgba(255,255,255,0.010)),
        rgba(2, 10, 16, 0.72) !important;
    color: rgba(248, 252, 255, 0.96) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.035) !important;
}

.support-form input:focus,
.support-form select:focus,
.support-form textarea:focus,
.settings-form input:focus,
.settings-form select:focus,
.settings-form textarea:focus {
    outline: none !important;
    border-color: rgba(125, 240, 255, 0.48) !important;
    box-shadow: 0 0 0 4px rgba(34, 211, 238, 0.10), inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

.support-form .form-field small,
.optional-label,
.field-hint {
    color: rgba(167, 184, 197, 0.74) !important;
}

.support-submit-row {
    border-top: 1px solid rgba(125, 240, 255, 0.10) !important;
    padding-top: 18px !important;
}

.support-submit-row p,
.support-status-guide p,
.support-guide-card li {
    color: rgba(167, 184, 197, 0.84) !important;
}

.support-submit-row strong {
    color: #7deff6 !important;
}

.support-guide-card ul {
    display: grid !important;
    gap: 8px !important;
    padding-left: 18px !important;
}

.support-guide-card li::marker {
    color: #37e6f2 !important;
}

.support-policy-note {
    border-color: rgba(125, 240, 255, 0.16) !important;
    border-radius: 16px !important;
    color: rgba(217, 244, 249, 0.86) !important;
    background:
        linear-gradient(90deg, rgba(34, 211, 238, 0.09), rgba(16, 185, 129, 0.045)),
        rgba(5, 16, 24, 0.58) !important;
}

.support-ticket-list {
    gap: 12px !important;
}

.support-ticket-row {
    border: 1px solid rgba(125, 240, 255, 0.14) !important;
    border-radius: 18px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.012)),
        rgba(3, 12, 18, 0.68) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.035) !important;
}

.support-ticket-row:hover {
    border-color: rgba(125, 240, 255, 0.34) !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(34, 211, 238, 0.08), transparent 45%),
        rgba(7, 20, 28, 0.84) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 18px 44px rgba(0,0,0,0.20), 0 0 28px rgba(34, 211, 238, 0.07) !important;
}

.support-ticket-title-line strong,
.support-detail-meta dd,
.support-message-box h2,
.support-reply-card h2 {
    color: rgba(248, 252, 255, 0.98) !important;
}

.support-ticket-meta span,
.support-category-pill,
.support-detail-meta div {
    border-color: rgba(125, 240, 255, 0.11) !important;
    background: rgba(255,255,255,0.035) !important;
}

.support-ticket-reply-preview,
.support-message-box p,
.support-reply-card p {
    color: rgba(226, 240, 246, 0.86) !important;
}

.support-row-arrow {
    color: #37e6f2 !important;
    transition: transform 0.16s ease !important;
}

.support-ticket-row:hover .support-row-arrow {
    transform: translateX(3px) !important;
}

.support-status-badge.open {
    color: #7deff6 !important;
    border-color: rgba(34, 211, 238, 0.34) !important;
    background: rgba(34, 211, 238, 0.11) !important;
}

.support-status-badge.reviewing {
    color: #facc6b !important;
    border-color: rgba(250, 204, 107, 0.34) !important;
    background: rgba(250, 204, 107, 0.12) !important;
}

.support-status-badge.resolved {
    color: #86efac !important;
    border-color: rgba(134, 239, 172, 0.32) !important;
    background: rgba(134, 239, 172, 0.11) !important;
}

.support-status-badge.closed {
    color: rgba(203, 213, 225, 0.86) !important;
    border-color: rgba(148, 163, 184, 0.25) !important;
    background: rgba(148, 163, 184, 0.10) !important;
}

.support-detail-meta {
    gap: 12px !important;
}

.support-message-box {
    border-color: rgba(125, 240, 255, 0.14) !important;
    border-radius: 18px !important;
    background: rgba(34, 211, 238, 0.055) !important;
}

.left-align-empty {
    align-items: flex-start !important;
    text-align: left !important;
}

/* Settings page */
.settings-page-shell .settings-hero {
    padding: clamp(22px, 3vw, 30px) !important;
}

.settings-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

.settings-card {
    padding: clamp(20px, 2.4vw, 26px) !important;
}

.settings-card-heading {
    align-items: start !important;
    margin-bottom: 20px !important;
}

.settings-card-icon {
    width: 46px !important;
    height: 46px !important;
    border-radius: 16px !important;
    color: #7deff6 !important;
    border-color: rgba(125, 240, 255, 0.22) !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(34, 211, 238, 0.18), transparent 70%),
        rgba(34, 211, 238, 0.075) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.045) !important;
}

.settings-card-icon.danger {
    color: #ff8a94 !important;
    border-color: rgba(255, 93, 108, 0.32) !important;
    background: rgba(255, 93, 108, 0.12) !important;
}

.settings-card-heading p:not(.eyebrow) {
    color: rgba(167, 184, 197, 0.84) !important;
}

.settings-form button:not(.danger-button) {
    width: fit-content !important;
    min-width: 148px !important;
}

.settings-danger-card {
    border-color: rgba(255, 93, 108, 0.22) !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 93, 108, 0.10), transparent 38%),
        linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.012)),
        rgba(5, 16, 24, 0.72) !important;
}

.settings-danger-note {
    border-radius: 16px !important;
    border-color: rgba(255, 93, 108, 0.25) !important;
    color: rgba(255, 222, 226, 0.94) !important;
    background: rgba(255, 93, 108, 0.09) !important;
}

.settings-page-shell .danger-button {
    min-height: 44px !important;
    width: fit-content !important;
    min-width: 148px !important;
    border-radius: 15px !important;
    color: #fff !important;
    border: 1px solid rgba(255, 93, 108, 0.36) !important;
    background: linear-gradient(135deg, #ff4b5d, #d82f45) !important;
    box-shadow: 0 14px 32px rgba(255, 93, 108, 0.16) !important;
}

.settings-page-shell .danger-button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 18px 42px rgba(255, 93, 108, 0.24) !important;
}

/* Empty states on these account/support pages */
.friends-page-shell .empty-state,
.support-shell .empty-state,
.settings-page-shell .empty-state {
    border: 1px dashed rgba(125, 240, 255, 0.20) !important;
    border-radius: 20px !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(34, 211, 238, 0.08), transparent 58%),
        rgba(3, 12, 18, 0.50) !important;
}

.friends-page-shell .empty-state strong,
.support-shell .empty-state strong,
.settings-page-shell .empty-state strong {
    color: rgba(248, 252, 255, 0.96) !important;
}

.friends-page-shell .empty-state p,
.support-shell .empty-state p,
.settings-page-shell .empty-state p {
    color: rgba(167, 184, 197, 0.82) !important;
}

@media (max-width: 980px) {
    .friends-hero-panel,
    .support-hero-panel,
    .settings-hero {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    .friends-grid,
    .support-layout,
    .support-detail-grid,
    .settings-grid {
        grid-template-columns: 1fr !important;
    }

    .friend-card-grid,
    .support-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 680px) {
    .friends-page-shell,
    .support-shell,
    .settings-page-shell {
        padding-inline: 12px !important;
    }

    .friends-summary-grid,
    .settings-summary-grid,
    .support-summary-grid,
    .friend-card-grid,
    .settings-two-col,
    .support-detail-meta {
        grid-template-columns: 1fr !important;
    }

    .friend-request-actions,
    .support-submit-row {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    .friend-request-actions form,
    .friend-request-actions button,
    .support-submit-row button,
    .settings-form button,
    .settings-page-shell .danger-button,
    .settings-form button:not(.danger-button) {
        width: 100% !important;
    }

    .support-ticket-row {
        grid-template-columns: 1fr !important;
    }

    .support-row-arrow {
        display: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .friends-page-shell .ranking-reveal,
    .support-shell .ranking-reveal,
    .settings-page-shell .ranking-reveal {
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
    }
}


/* ============================================================
   Final correction: header asset color only
   - Do not change the rank-card design/filter layout here.
   - Top-3 podium cards must stay rank-based even when the entry is mine.
   ============================================================ */
.header-wealth-pill strong,
.header-wealth-pill strong.score-positive,
.header-wealth-pill strong.score-negative,
.header-wealth-pill strong.score-zero {
    color: var(--text) !important;
    -webkit-text-fill-color: var(--text) !important;
    text-shadow: none !important;
}

.user-ranking-control-form label[for="ranking-month-select"] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}


/* Betting history display refinements: show game date, prefix odds with x, keep payout clean. */
.betting-history-table .betting-history-game-date {
    display: block;
    margin-top: 6px;
    color: rgba(167, 184, 197, 0.70);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.25;
}

.betting-history-table .betting-history-odds {
    color: rgba(226, 240, 246, 0.94);
    font-weight: 900;
    letter-spacing: -0.02em;
    white-space: nowrap;
}

/* Team edit AJAX interactions: keep roster/search updates in-place without full-page refresh. */
.team-edit-page-shell.team-edit-ajax-busy #roster-section,
.team-edit-page-shell.team-edit-ajax-busy #market-section,
.team-edit-page-shell.team-edit-ajax-busy #team-status-region {
    transition: opacity 0.16s ease, filter 0.16s ease;
}

.team-edit-page-shell.team-edit-ajax-busy .is-ajax-loading,
.team-edit-page-shell.team-edit-ajax-busy #market-section.is-ajax-loading,
.team-edit-page-shell.team-edit-ajax-busy #roster-section.is-ajax-loading {
    opacity: 0.72;
    filter: saturate(0.82);
    pointer-events: none;
}

.team-edit-page-shell .market-add-button:disabled,
.team-edit-page-shell .icon-button:disabled,
.team-edit-page-shell .captain-select-button:disabled,
.team-edit-page-shell #team-market-search-form button:disabled {
    cursor: wait;
    opacity: 0.58;
}


/* Team edit filter select polish
   - AJAX refresh replaces the market panel, so selects are re-enhanced by JS.
   - Keep the dropdown in the MyPick dark/cyan style and above the market list. */
.team-edit-page-shell .market-filter-form .form-field {
    position: relative;
    overflow: visible;
}

.team-edit-page-shell #market-section,
.team-edit-page-shell .team-market-card,
.team-edit-page-shell .market-filter-form {
    overflow: visible;
}

.team-edit-page-shell .market-filter-form .custom-select {
    width: 100%;
    z-index: 30;
}

.team-edit-page-shell .market-filter-form .custom-select.is-open {
    z-index: 700;
}

.team-edit-page-shell .market-filter-form .custom-select-trigger {
    min-height: 52px;
    border-radius: 14px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    background: rgba(2, 6, 12, 0.9);
    color: rgba(241, 245, 249, 0.94);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}

.team-edit-page-shell .market-filter-form .custom-select-trigger:hover,
.team-edit-page-shell .market-filter-form .custom-select.is-open .custom-select-trigger {
    border-color: rgba(0, 229, 255, 0.62);
    box-shadow: 0 0 0 3px rgba(0, 229, 255, 0.10), inset 0 1px 0 rgba(255,255,255,0.04);
}

.team-edit-page-shell .market-filter-form .custom-select-menu {
    border-radius: 16px;
    border: 1px solid rgba(0, 229, 255, 0.28);
    background: linear-gradient(180deg, rgba(8, 20, 26, 0.98), rgba(2, 8, 14, 0.99));
    box-shadow: 0 22px 50px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.03);
    color: rgba(241, 245, 249, 0.94);
    z-index: 900;
}

.team-edit-page-shell .market-filter-form .custom-select-option {
    color: rgba(226, 232, 240, 0.94);
}

.team-edit-page-shell .market-filter-form .custom-select-option:hover,
.team-edit-page-shell .market-filter-form .custom-select-option.is-selected {
    background: rgba(0, 229, 255, 0.13);
    color: #f8fafc;
}

.team-edit-page-shell .market-filter-form select option {
    background: #071116;
    color: #e5f7fb;
}


/* ============================================================
   Profile/ranking numeric display patch 2026-05-24
   - 총 자산은 흰색, 최근 수익은 +/- 의미 색상
   - 순위는 #04 대신 4위 형태
   - 선택 선수 미완성 숫자와 모든 score-negative 숫자는 빨강
   ============================================================ */
.profile-total-asset-value {
    color: rgba(245, 250, 252, 0.98) !important;
    text-shadow: none !important;
}

.profile-v2-stat-card.primary.recent strong.score-positive {
    color: var(--primary) !important;
    text-shadow: 0 0 18px rgba(8, 212, 223, 0.10) !important;
}

.profile-v2-stat-card.primary.recent strong.score-negative,
.profile-v2-stat-card strong.score-negative,
.profile-budget-strip strong.score-negative,
.profile-status-grid strong.score-negative,
.ranking-primary-number.score-negative,
.ranking-neutral-number.score-negative,
.friend-score-line strong.score-negative,
.friend-person-meta .score-negative,
.player-season-total-value.score-negative,
.season-total-detail-value.score-negative,
.season-total-cell.score-negative,
.podium-score-box strong.score-negative {
    color: var(--danger) !important;
    text-shadow: 0 0 18px rgba(255, 79, 107, 0.12) !important;
}

.profile-v2-stat-card.primary.recent strong.score-zero {
    color: var(--muted) !important;
    text-shadow: none !important;
}

.profile-rank-value {
    display: inline-flex;
    align-items: baseline;
    gap: 3px;
    white-space: nowrap;
    color: rgba(245, 250, 252, 0.98);
    text-shadow: none;
}

.profile-rank-value b {
    font: inherit;
    font-weight: 920;
    letter-spacing: -0.055em;
}

.profile-rank-value em {
    font-style: normal;
    font-size: 0.54em;
    font-weight: 900;
    letter-spacing: -0.04em;
    color: rgba(212, 228, 235, 0.84);
    transform: translateY(-1px);
}

.profile-selected-count {
    display: inline-flex;
    align-items: baseline;
    gap: 2px;
    color: rgba(245, 250, 252, 0.96) !important;
}

.profile-selected-count .selected-current {
    color: #7ee7b8 !important;
}

.profile-selected-count .selected-current.is-incomplete {
    color: var(--danger) !important;
    text-shadow: 0 0 16px rgba(255, 79, 107, 0.14);
}

.profile-selected-count em {
    font-style: normal;
    color: rgba(224, 237, 242, 0.78);
}

.profile-budget-white {
    color: rgba(245, 250, 252, 0.98) !important;
    text-shadow: none !important;
}

.profile-budget-strip strong.profile-budget-white,
.my-team-metric-item .remaining-budget-value,
.my-team-metric-item.team-budget-item strong:not(.budget-negative),
.team-status-mini-item .remaining-budget-value {
    color: rgba(245, 250, 252, 0.98) !important;
    text-shadow: none !important;
}

.rank-chip-v3,
.podium-rank-chip {
    letter-spacing: -0.035em;
}

.ranking-primary-number.score-negative,
.ranking-neutral-number.score-negative {
    font-weight: 900;
}

/* ============================================================
   Profile numeric size revert patch 2026-05-24
   Keep requested "1위" format and incomplete-count red highlight,
   but restore the original profile card number sizes.
   ============================================================ */
.profile-v2-stat-card strong > .profile-rank-value {
    display: inline-flex !important;
    align-items: baseline;
    gap: 4px;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    color: inherit !important;
    text-shadow: inherit !important;
}

.profile-v2-stat-card strong > .profile-rank-value b {
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    color: inherit !important;
}

.profile-v2-stat-card strong > .profile-rank-value em {
    display: inline !important;
    font-style: normal;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    color: inherit !important;
    transform: none !important;
}

.profile-status-grid strong.profile-selected-count {
    display: inline-flex !important;
    align-items: baseline;
    gap: 2px;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
}

.profile-status-grid strong.profile-selected-count .selected-current,
.profile-status-grid strong.profile-selected-count em {
    display: inline !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    margin: 0 !important;
}

.profile-status-grid strong.profile-selected-count .selected-current:not(.is-incomplete) {
    color: inherit !important;
    text-shadow: inherit !important;
}

.profile-status-grid strong.profile-selected-count .selected-current.is-incomplete {
    color: var(--danger) !important;
    text-shadow: 0 0 16px rgba(255, 79, 107, 0.14) !important;
}

.profile-status-grid strong.profile-selected-count em {
    font-style: normal;
    color: inherit !important;
    opacity: 1;
}

/* ============================================================
   Profile rank/count typography harmony patch 2026-05-24
   Keep the original large stat-number size, but stop suffixes like "위" and
   "/15" from inheriting the heavy numeric face/weight.
   ============================================================ */
.profile-v2-stat-card strong > .profile-rank-value {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 0.08em !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    color: inherit !important;
    text-shadow: inherit !important;
    font-variant-numeric: tabular-nums;
}

.profile-v2-stat-card strong > .profile-rank-value b {
    display: inline-block !important;
    font: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    color: inherit !important;
    text-shadow: inherit !important;
}

.profile-v2-stat-card strong > .profile-rank-value em {
    display: inline-block !important;
    font-family: inherit !important;
    font-style: normal !important;
    font-size: 0.66em !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    color: rgba(225, 239, 244, 0.88) !important;
    text-shadow: none !important;
    transform: translateY(-0.03em) !important;
}

.profile-status-grid strong.profile-selected-count {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 0.08em !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    color: rgba(242, 251, 255, 0.94) !important;
    text-shadow: inherit !important;
}

.profile-status-grid strong.profile-selected-count .selected-current {
    display: inline-block !important;
    font: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    margin: 0 !important;
}

.profile-status-grid strong.profile-selected-count .selected-current:not(.is-incomplete) {
    color: rgba(242, 251, 255, 0.94) !important;
    text-shadow: inherit !important;
}

.profile-status-grid strong.profile-selected-count .selected-current.is-incomplete {
    color: var(--danger) !important;
    text-shadow: 0 0 16px rgba(255, 79, 107, 0.14) !important;
}

.profile-status-grid strong.profile-selected-count em {
    display: inline-block !important;
    font-family: inherit !important;
    font-style: normal !important;
    font-size: 0.78em !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    color: rgba(224, 237, 242, 0.74) !important;
    opacity: 1 !important;
    margin: 0 !important;
    transform: translateY(-0.02em) !important;
}

.position-mismatch-slot {
    border-color: rgba(59, 130, 246, 0.72) !important;
    box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.35), 0 16px 36px rgba(37, 99, 235, 0.18);
}

.position-mismatch-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 20px;
    padding: 2px 8px;
    border-radius: 999px;
    border: 1px solid rgba(96, 165, 250, 0.48);
    background: rgba(37, 99, 235, 0.16);
    color: #bfdbfe;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: -0.01em;
    white-space: nowrap;
}

/* Inactive players keep the same slot border as ordinary players in team edit.
   The 말소 badge remains the visible inactive marker. */
.team-edit-page-shell .field-slot.inactive-player-slot:not(.captain-gold-slot):not(.position-mismatch-slot) {
    border-color: rgba(148, 163, 184, 0.115) !important;
}


/* =========================================================
   2026-05-25 patch: explicit search only + mismatch/team value UI.
   ========================================================= */
.position-mismatch-slot {
    border-color: rgba(248, 113, 113, 0.72) !important;
    box-shadow: 0 0 0 1px rgba(248, 113, 113, 0.30), 0 16px 36px rgba(127, 29, 29, 0.16) !important;
}

.position-mismatch-badge {
    min-height: 19px !important;
    padding: 2px 7px !important;
    border-color: rgba(248, 113, 113, 0.52) !important;
    background: rgba(127, 29, 29, 0.24) !important;
    color: rgba(254, 202, 202, 0.96) !important;
    font-size: 0.68rem !important;
    font-weight: 760 !important;
    letter-spacing: -0.035em !important;
    line-height: 1.05 !important;
    text-shadow: 0 0 10px rgba(248, 113, 113, 0.12) !important;
}

.field-slot .position-mismatch-badge {
    display: inline-flex !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin-top: 4px !important;
    min-height: 17px !important;
    padding: 1px 6px !important;
    border-radius: 999px !important;
    font-size: 10.2px !important;
    font-weight: 740 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.07em !important;
    white-space: nowrap !important;
    flex: 0 0 auto !important;
}

.field-slot.position-mismatch-slot .slot-player-main {
    align-items: center !important;
}

.my-team-page-shell .team-value-item strong.metric-current-ok {
    color: #72f2ac !important;
    text-shadow: 0 0 18px rgba(114, 242, 172, 0.16) !important;
}

.my-team-page-shell .team-value-item strong.metric-current-over {
    color: #38bdf8 !important;
    text-shadow: 0 0 18px rgba(56, 189, 248, 0.18) !important;
}

/* ============================================================
   Final correction 2026-05-25: user/friend rankings monthly controls
   - 월간 수익 탭에서도 필터 카드 높이가 총 자산 탭처럼 compact하게 유지
   - 월 선택 드롭다운은 유저 검색 input 바로 왼쪽에 고정
   - custom select의 기본 width:100%가 검색줄을 밀어내지 않도록 랭킹 필터 안에서만 제한
   ============================================================ */
@media (min-width: 781px) {
    .user-ranking-page-shell .user-ranking-filter-card,
    .user-rankings-v2-shell .user-ranking-filter-card,
    .user-rankings-v3-shell .user-ranking-filter-card,
    .user-rankings-v4-shell .user-ranking-filter-card,
    .ranking-filter-card.user-ranking-filter-card {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 14px !important;
        min-height: 82px !important;
        padding-top: 18px !important;
        padding-bottom: 18px !important;
    }

    .user-ranking-page-shell .user-ranking-type-tabs,
    .user-rankings-v2-shell .user-ranking-type-tabs,
    .user-rankings-v3-shell .user-ranking-type-tabs,
    .user-rankings-v4-shell .user-ranking-type-tabs {
        flex: 0 0 auto !important;
        align-self: center !important;
    }

    .user-ranking-page-shell .user-ranking-control-form,
    .user-rankings-v2-shell .user-ranking-control-form,
    .user-rankings-v3-shell .user-ranking-control-form,
    .user-rankings-v4-shell .user-ranking-control-form {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex: 0 1 auto !important;
        flex-wrap: nowrap !important;
        gap: 10px !important;
        width: auto !important;
        min-width: 0 !important;
        margin-left: auto !important;
    }

    .user-ranking-page-shell .user-ranking-control-form > .custom-select,
    .user-rankings-v2-shell .user-ranking-control-form > .custom-select,
    .user-rankings-v3-shell .user-ranking-control-form > .custom-select,
    .user-rankings-v4-shell .user-ranking-control-form > .custom-select {
        flex: 0 0 240px !important;
        width: 240px !important;
        min-width: 220px !important;
        max-width: 240px !important;
    }

    .user-ranking-page-shell .user-ranking-control-form > .custom-select .custom-select-trigger,
    .user-rankings-v2-shell .user-ranking-control-form > .custom-select .custom-select-trigger,
    .user-rankings-v3-shell .user-ranking-control-form > .custom-select .custom-select-trigger,
    .user-rankings-v4-shell .user-ranking-control-form > .custom-select .custom-select-trigger {
        min-height: 42px !important;
    }

    .user-ranking-page-shell .user-ranking-control-form input[type="search"],
    .user-rankings-v2-shell .user-ranking-control-form input[type="search"],
    .user-rankings-v3-shell .user-ranking-control-form input[type="search"],
    .user-rankings-v4-shell .user-ranking-control-form input[type="search"] {
        flex: 0 1 320px !important;
        width: min(320px, 30vw) !important;
        min-width: 240px !important;
    }

    .user-ranking-page-shell .user-ranking-control-form button,
    .user-rankings-v2-shell .user-ranking-control-form button,
    .user-rankings-v3-shell .user-ranking-control-form button,
    .user-rankings-v4-shell .user-ranking-control-form button,
    .user-ranking-page-shell .ranking-search-reset,
    .user-rankings-v2-shell .ranking-search-reset,
    .user-rankings-v3-shell .ranking-search-reset,
    .user-rankings-v4-shell .ranking-search-reset {
        flex: 0 0 auto !important;
        white-space: nowrap !important;
    }
}

@media (min-width: 781px) and (max-width: 1100px) {
    .user-ranking-page-shell .user-ranking-filter-card,
    .user-rankings-v2-shell .user-ranking-filter-card,
    .user-rankings-v3-shell .user-ranking-filter-card,
    .user-rankings-v4-shell .user-ranking-filter-card,
    .ranking-filter-card.user-ranking-filter-card {
        flex-wrap: wrap !important;
    }

    .user-ranking-page-shell .user-ranking-control-form,
    .user-rankings-v2-shell .user-ranking-control-form,
    .user-rankings-v3-shell .user-ranking-control-form,
    .user-rankings-v4-shell .user-ranking-control-form {
        flex-wrap: nowrap !important;
    }
}

/* ============================================================
   Final correction 2026-05-25: podium current-user card size
   - 내 카드가 1/2/3위 포디움에 들어와도 카드 높이/폭이 변하지 않게 고정
   - 포디움 안의 '나' 배지는 카드 크기를 밀어내지 않도록 숨김
   - 리스트 row의 '나' 표시는 그대로 유지
   ============================================================ */
.user-ranking-page-shell .user-podium-card.my-team-row,
.user-rankings-v2-shell .user-podium-card.my-team-row,
.user-rankings-v3-shell .user-podium-card.my-team-row,
.user-rankings-v4-shell .user-podium-card.my-team-row {
    outline: none !important;
    outline-offset: 0 !important;
}

.user-rankings-v4-shell .user-podium-card .my-user-mini-badge,
.user-ranking-page-shell .user-podium-card .my-user-mini-badge {
    display: none !important;
}

.user-rankings-v4-shell .user-podium-card,
.user-rankings-v4-shell .user-podium-card.my-team-row,
.user-rankings-v4-shell .user-podium-card.rank-second,
.user-rankings-v4-shell .user-podium-card.rank-second.my-team-row,
.user-rankings-v4-shell .user-podium-card.rank-third,
.user-rankings-v4-shell .user-podium-card.rank-third.my-team-row {
    min-height: 196px !important;
    padding: 16px 18px 15px !important;
    transform: none !important;
}

.user-rankings-v4-shell .user-podium-card.rank-first,
.user-rankings-v4-shell .user-podium-card.rank-first.my-team-row {
    min-height: 196px !important;
    padding: 16px 18px 15px !important;
    transform: translateY(-16px) !important;
}

.user-rankings-v4-shell .user-podium-card:hover,
.user-rankings-v4-shell .user-podium-card.my-team-row:hover,
.user-rankings-v4-shell .user-podium-card.rank-second:hover,
.user-rankings-v4-shell .user-podium-card.rank-second.my-team-row:hover,
.user-rankings-v4-shell .user-podium-card.rank-third:hover,
.user-rankings-v4-shell .user-podium-card.rank-third.my-team-row:hover,
.user-rankings-v4-shell .user-podium-card:focus-visible,
.user-rankings-v4-shell .user-podium-card.my-team-row:focus-visible,
.user-rankings-v4-shell .user-podium-card.rank-second:focus-visible,
.user-rankings-v4-shell .user-podium-card.rank-second.my-team-row:focus-visible,
.user-rankings-v4-shell .user-podium-card.rank-third:focus-visible,
.user-rankings-v4-shell .user-podium-card.rank-third.my-team-row:focus-visible {
    transform: translateY(-4px) !important;
}

.user-rankings-v4-shell .user-podium-card.rank-first:hover,
.user-rankings-v4-shell .user-podium-card.rank-first.my-team-row:hover,
.user-rankings-v4-shell .user-podium-card.rank-first:focus-visible,
.user-rankings-v4-shell .user-podium-card.rank-first.my-team-row:focus-visible {
    transform: translateY(-20px) !important;
}


/* ============================================================
   MyPick patch 2026-05-25: player detail / ranking hero text cleanup
   ============================================================ */
.player-detail-metrics .stat-card strong.season-total-detail-value,
.player-detail-metrics .stat-card strong.season-total-detail-value.score-positive,
.player-detail-metrics .stat-card strong.season-total-detail-value.score-zero,
.player-detail-metrics .stat-card strong.season-total-detail-value.price-up {
    color: rgba(248, 250, 252, 0.98) !important;
    text-shadow: none !important;
}

.player-detail-metrics .stat-card strong.season-total-detail-value.score-negative {
    color: var(--danger) !important;
    text-shadow: 0 0 18px rgba(255, 79, 107, 0.12) !important;
}

.user-rankings-hero-panel .hero-copy.single-line-copy {
    display: none !important;
}

/* ============================================================
   Profile rank/count final polish 2026-05-26
   - 선택 선수 숫자와 /15를 같은 크기/글씨체로 통일
   - 완료 숫자는 초록, 미완성 숫자는 빨강
   - 순위 표기는 박스형 칩을 제거하고 세련된 인라인 숫자로 정리
   ============================================================ */
.profile-status-grid strong.profile-selected-count,
.profile-status-grid strong.profile-selected-count .selected-current,
.profile-status-grid strong.profile-selected-count em {
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-shadow: inherit !important;
    font-variant-numeric: tabular-nums !important;
}

.profile-status-grid strong.profile-selected-count {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 0 !important;
    color: rgba(242, 251, 255, 0.94) !important;
}

.profile-status-grid strong.profile-selected-count .selected-current:not(.is-incomplete) {
    color: #7ee7b8 !important;
    text-shadow: 0 0 14px rgba(126, 231, 184, 0.10) !important;
}

.profile-status-grid strong.profile-selected-count .selected-current.is-incomplete {
    color: var(--danger) !important;
    text-shadow: 0 0 14px rgba(255, 79, 107, 0.12) !important;
}

.profile-status-grid strong.profile-selected-count em {
    display: inline !important;
    font-style: normal !important;
    color: rgba(242, 251, 255, 0.94) !important;
    opacity: 1 !important;
    margin: 0 !important;
    transform: none !important;
}

.profile-v2-stat-card strong > .profile-rank-value {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 0.10em !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: rgba(245, 250, 252, 0.98) !important;
    text-shadow: none !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    font-variant-numeric: tabular-nums !important;
}

.profile-v2-stat-card strong > .profile-rank-value b {
    display: inline-block !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: rgba(245, 250, 252, 0.98) !important;
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    text-shadow: none !important;
}

.profile-v2-stat-card strong > .profile-rank-value em {
    display: inline-block !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-family: inherit !important;
    font-style: normal !important;
    font-size: 0.62em !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: -0.03em !important;
    color: var(--primary) !important;
    text-shadow: 0 0 14px rgba(8, 212, 223, 0.12) !important;
    transform: translateY(-0.05em) !important;
}

/* ============================================================
   Profile/my-team final typography cleanup 2026-05-26
   - 선택 선수 숫자는 누적 경기 숫자와 같은 숫자체/크기/두께 사용
   - 프로필 순위의 "위" suffix 색상을 흰색으로 정리
   ============================================================ */
.profile-status-grid strong.profile-selected-count {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 0 !important;
    color: rgba(242, 251, 255, 0.94) !important;
}

.profile-status-grid strong.profile-selected-count,
.profile-status-grid strong.profile-selected-count .selected-current,
.profile-status-grid strong.profile-selected-count em {
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 1em !important;
    font-weight: 700 !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    font-variant-numeric: tabular-nums !important;
    text-shadow: none !important;
}

.profile-status-grid strong.profile-selected-count .selected-current:not(.is-incomplete) {
    color: #7ee7b8 !important;
}

.profile-status-grid strong.profile-selected-count .selected-current.is-incomplete {
    color: var(--danger) !important;
}

.profile-status-grid strong.profile-selected-count em {
    display: inline !important;
    font-style: normal !important;
    color: rgba(242, 251, 255, 0.94) !important;
    opacity: 1 !important;
    margin: 0 !important;
    transform: none !important;
}

.profile-v2-stat-card strong > .profile-rank-value,
.profile-v2-stat-card strong > .profile-rank-value b,
.profile-v2-stat-card strong > .profile-rank-value em {
    color: rgba(245, 250, 252, 0.98) !important;
    text-shadow: none !important;
}


/* ============================================================
   MyPick patch 2026-05-26: settings/admin/profile micro polish
   - 환경설정 hero 설명 제거 후 카드 숫자/글자 부담 완화
   - 관리자 문의 필터 custom select가 아래 카드에 가려지지 않게 레이어 보정
   - 프로필 선택 선수 숫자는 누적 경기 숫자와 같은 자연스러운 숫자체/간격 사용
   ============================================================ */
.settings-page-shell .settings-hero p {
    display: none !important;
}

.settings-page-shell .settings-summary-card {
    min-height: 92px !important;
    padding: 16px 18px !important;
    border-radius: 20px !important;
}

.settings-page-shell .settings-summary-card span {
    margin-bottom: 7px !important;
    font-size: 11px !important;
    font-weight: 760 !important;
    letter-spacing: 0.045em !important;
    color: rgba(174, 193, 203, 0.78) !important;
}

.settings-page-shell .settings-summary-card strong {
    font-size: clamp(20px, 2.05vw, 26px) !important;
    font-weight: 760 !important;
    line-height: 1.12 !important;
    letter-spacing: -0.035em !important;
    color: rgba(241, 248, 251, 0.96) !important;
}

.admin-support-shell .support-filter-card {
    position: relative !important;
    z-index: 80 !important;
    overflow: visible !important;
}

.admin-support-shell .support-filter-card .support-admin-filter,
.admin-support-shell .support-filter-card .form-field,
.admin-support-shell .support-filter-card .custom-select {
    overflow: visible !important;
}

.admin-support-shell .support-admin-filter .form-field {
    position: relative !important;
    z-index: 10 !important;
}

.admin-support-shell .support-admin-filter .custom-select {
    position: relative !important;
    z-index: 20 !important;
}

.admin-support-shell .support-admin-filter .custom-select.is-open {
    z-index: 500 !important;
}

.admin-support-shell .support-admin-filter .custom-select-menu {
    z-index: 600 !important;
    max-height: 260px !important;
}

.admin-support-shell .support-filter-card + .support-card,
.admin-support-shell .support-filter-card ~ .support-card {
    position: relative !important;
    z-index: 1 !important;
}

.profile-status-grid strong.profile-selected-count,
.profile-status-grid strong.profile-selected-count .selected-current,
.profile-status-grid strong.profile-selected-count em {
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    font-variant-numeric: normal !important;
    font-feature-settings: normal !important;
    font-kerning: normal !important;
    text-shadow: none !important;
}

.profile-status-grid strong.profile-selected-count {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 0 !important;
    color: rgba(242, 251, 255, 0.94) !important;
}

.profile-status-grid strong.profile-selected-count .selected-current {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
}

.profile-status-grid strong.profile-selected-count .selected-current:not(.is-incomplete) {
    color: #7ee7b8 !important;
}

.profile-status-grid strong.profile-selected-count .selected-current.is-incomplete {
    color: var(--danger) !important;
}

.profile-status-grid strong.profile-selected-count em {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    font-style: normal !important;
    color: rgba(242, 251, 255, 0.94) !important;
    opacity: 1 !important;
    transform: none !important;
}


/* ============================================================
   MyPick patch 2026-05-26: final profile count + guide page
   - 선택 선수 숫자 전체를 누적 경기 숫자와 같은 strong 타이포로 강제
   - 구단 상태 설명 문구는 템플릿에서 제거
   - 플레이 가이드 페이지 스타일 추가
   ============================================================ */
.profile-status-grid strong.profile-selected-count {
    display: inline !important;
    color: rgba(242, 251, 255, 0.94) !important;
    font: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    font-variant-numeric: inherit !important;
    font-feature-settings: inherit !important;
    font-kerning: inherit !important;
    white-space: nowrap !important;
    word-spacing: 0 !important;
    text-shadow: none !important;
}

.profile-status-grid strong.profile-selected-count b {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    font-variant-numeric: inherit !important;
    font-feature-settings: inherit !important;
    font-kerning: inherit !important;
    text-shadow: none !important;
    transform: none !important;
}

.profile-status-grid strong.profile-selected-count b.selected-current:not(.is-incomplete) {
    color: #7ee7b8 !important;
}

.profile-status-grid strong.profile-selected-count b.selected-current.is-incomplete {
    color: var(--danger) !important;
}

.profile-status-grid strong.profile-selected-count b.selected-total {
    color: rgba(242, 251, 255, 0.94) !important;
}

.play-guide-shell {
    width: min(1320px, calc(100% - 32px));
    margin: 48px auto 80px;
    display: grid;
    gap: 20px;
}

.play-guide-hero {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: center;
    padding: 34px 38px;
    border-radius: 32px;
    background:
        radial-gradient(circle at 95% 0%, rgba(8, 212, 223, 0.16), transparent 34%),
        linear-gradient(135deg, rgba(12, 38, 44, 0.78), rgba(5, 16, 22, 0.88));
}

.play-guide-hero h1 {
    margin: 4px 0 10px;
    font-size: clamp(2.4rem, 5vw, 4.8rem);
    line-height: 0.95;
    letter-spacing: -0.075em;
}

.play-guide-hero p:not(.eyebrow) {
    max-width: 760px;
    margin: 0;
    color: rgba(209, 228, 236, 0.70);
    font-size: 1.02rem;
    line-height: 1.7;
    font-weight: 700;
}

.guide-quick-grid,
.guide-two-column,
.scoring-grid {
    display: grid;
    gap: 16px;
}

.guide-quick-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.guide-quick-grid article {
    padding: 20px;
    border-radius: 24px;
    border: 1px solid rgba(125, 240, 255, 0.14);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018)),
        rgba(7, 20, 26, 0.72);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.055);
}

.guide-quick-grid article span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 28px;
    margin-bottom: 14px;
    border-radius: 999px;
    color: rgba(14, 236, 245, 0.94);
    border: 1px solid rgba(14, 236, 245, 0.22);
    background: rgba(8, 212, 223, 0.09);
    font-size: 0.75rem;
    font-weight: 900;
}

.guide-quick-grid article strong {
    display: block;
    color: rgba(245, 250, 252, 0.97);
    font-size: 1.05rem;
    margin-bottom: 8px;
}

.guide-quick-grid article p {
    margin: 0;
    color: rgba(203, 223, 231, 0.64);
    line-height: 1.55;
    font-size: 0.92rem;
    font-weight: 650;
}

.guide-two-column {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.guide-card {
    padding: 28px;
    border-radius: 30px;
}

.guide-card h2 {
    margin: 4px 0 18px;
    font-size: clamp(1.8rem, 3vw, 2.7rem);
    line-height: 1;
    letter-spacing: -0.06em;
}

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

.guide-rule-list div,
.score-list div {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
    padding: 13px 14px;
    border-radius: 18px;
    border: 1px solid rgba(125, 240, 255, 0.10);
    background: rgba(255,255,255,0.035);
}

.guide-rule-list strong,
.score-list dt {
    color: rgba(243, 249, 252, 0.95);
    font-weight: 900;
}

.guide-rule-list span,
.score-list dd {
    margin: 0;
    color: rgba(205, 224, 232, 0.70);
    line-height: 1.52;
    font-weight: 700;
}

.guide-section-heading {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: end;
    margin-bottom: 18px;
}

.guide-section-heading h2 {
    margin-bottom: 0;
}

.guide-section-heading > span {
    color: rgba(14, 236, 245, 0.82);
    font-size: 0.82rem;
    font-weight: 900;
    letter-spacing: -0.02em;
}

.scoring-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.scoring-grid h3 {
    margin: 0 0 12px;
    color: rgba(245, 250, 252, 0.96);
    font-size: 1.2rem;
    letter-spacing: -0.03em;
}

.score-list {
    display: grid;
    gap: 8px;
    margin: 0;
}

.score-list dd {
    text-align: right;
    color: rgba(149, 245, 248, 0.94);
}

@media (max-width: 980px) {
    .play-guide-hero,
    .guide-section-heading {
        flex-direction: column;
        align-items: flex-start;
    }

    .guide-quick-grid,
    .guide-two-column,
    .scoring-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .play-guide-shell {
        width: min(100% - 20px, 1320px);
        margin-top: 28px;
    }

    .play-guide-hero,
    .guide-card {
        padding: 22px;
        border-radius: 24px;
    }

    .guide-rule-list div,
    .score-list div {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .score-list dd {
        text-align: left;
    }
}


/* ============================================================
   MyPick patch 2026-05-26: requested final profile count/guide polish
   ============================================================ */
.profile-status-grid .profile-status-item > strong.profile-selected-count {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(242, 251, 255, 0.94) !important;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    font-variant-numeric: normal !important;
    font-feature-settings: normal !important;
    font-kerning: normal !important;
    word-spacing: 0 !important;
    text-shadow: none !important;
    transform: none !important;
}
.profile-status-grid .profile-status-item > strong.profile-selected-count .selected-current,
.profile-status-grid .profile-status-item > strong.profile-selected-count .selected-total {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    font-variant-numeric: inherit !important;
    font-feature-settings: inherit !important;
    font-kerning: inherit !important;
    word-spacing: inherit !important;
    text-shadow: none !important;
    transform: none !important;
}
.profile-status-grid .profile-status-item > strong.profile-selected-count .selected-current:not(.is-incomplete) {
    color: #7ee7b8 !important;
}
.profile-status-grid .profile-status-item > strong.profile-selected-count .selected-current.is-incomplete {
    color: var(--danger) !important;
}
.profile-status-grid .profile-status-item > strong.profile-selected-count .selected-total {
    color: rgba(242, 251, 255, 0.94) !important;
}
.profile-budget-strip + .profile-note {
    position: relative !important;
    top: 6px !important;
}
.play-guide-shell {
    width: min(1240px, calc(100% - 32px)) !important;
    margin-top: 38px !important;
    gap: 16px !important;
}
.play-guide-hero {
    padding: 24px 30px !important;
    border-radius: 26px !important;
}
.play-guide-hero h1 {
    margin: 3px 0 0 !important;
    font-size: clamp(2.2rem, 4.2vw, 4rem) !important;
    letter-spacing: -0.07em !important;
}
.play-guide-hero .button-link,
.play-guide-hero .button-link.secondary {
    min-height: 44px !important;
    padding: 0 18px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(14, 236, 245, 0.22) !important;
    background: rgba(7, 20, 26, 0.66) !important;
    color: rgba(242, 251, 255, 0.94) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 12px 28px rgba(0,0,0,0.18) !important;
    font-size: 0.92rem !important;
    font-weight: 850 !important;
}
.play-guide-hero .button-link:hover,
.play-guide-hero .button-link.secondary:hover {
    border-color: rgba(14, 236, 245, 0.48) !important;
    background: rgba(8, 212, 223, 0.12) !important;
    transform: translateY(-1px) !important;
}
.guide-quick-grid {
    gap: 12px !important;
}
.guide-quick-grid article {
    padding: 16px !important;
    border-radius: 20px !important;
}
.guide-quick-grid article span {
    width: 30px !important;
    height: 24px !important;
    margin-bottom: 10px !important;
    font-size: 0.68rem !important;
}
.guide-quick-grid article strong {
    font-size: 0.98rem !important;
    margin-bottom: 6px !important;
}
.guide-quick-grid article p {
    font-size: 0.86rem !important;
    line-height: 1.48 !important;
}
.guide-card {
    padding: 22px !important;
    border-radius: 24px !important;
}
.guide-card h2 {
    font-size: clamp(1.55rem, 2.4vw, 2.2rem) !important;
    margin-bottom: 14px !important;
}
.guide-rule-list div,
.score-list div {
    padding: 11px 12px !important;
    border-radius: 15px !important;
    grid-template-columns: 132px minmax(0, 1fr) !important;
}
.guide-rule-list strong,
.score-list dt {
    font-size: 0.92rem !important;
}
.guide-rule-list span,
.score-list dd {
    font-size: 0.9rem !important;
    line-height: 1.45 !important;
}
@media (max-width: 640px) {
    .guide-rule-list div,
    .score-list div {
        grid-template-columns: 1fr !important;
    }
}

/* ==========================================================
   MyPick Center dashboard
   ========================================================== */
.home-center-shell {
    display: grid;
    gap: 28px;
    padding-bottom: 36px;
}

.home-center-hero {
    position: relative;
    overflow: hidden;
    min-height: 220px;
    padding: 44px 48px;
    border: 1px solid rgba(53, 236, 244, 0.16);
    border-radius: 30px;
    background:
        radial-gradient(circle at 78% 16%, rgba(24, 220, 230, 0.18), transparent 28%),
        linear-gradient(135deg, rgba(12, 34, 42, 0.96), rgba(6, 15, 22, 0.94));
    box-shadow: 0 22px 70px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.home-center-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(53, 236, 244, 0.06), transparent 44%),
        repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.025) 0 1px, transparent 1px 56px);
    pointer-events: none;
}

.home-center-hero > * {
    position: relative;
    z-index: 1;
}

.home-center-hero h1 {
    margin: 8px 0 0;
    font-size: clamp(48px, 7vw, 92px);
    letter-spacing: -0.07em;
    line-height: 0.92;
}

.home-center-date {
    min-width: 190px;
    padding: 18px 22px;
    border: 1px solid rgba(53, 236, 244, 0.18);
    border-radius: 22px;
    background: rgba(3, 12, 18, 0.45);
    text-align: right;
}

.home-center-date span,
.home-section-heading > span,
.home-muted-empty {
    color: var(--text-muted);
    font-weight: 800;
}

.home-center-date strong {
    display: block;
    margin-top: 6px;
    color: var(--text-main);
    font-size: 20px;
    letter-spacing: -0.03em;
}

.home-center-summary-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.home-summary-card {
    min-height: 154px;
    padding: 22px 24px;
    border: 1px solid rgba(53, 236, 244, 0.15);
    border-radius: 24px;
    background: linear-gradient(145deg, rgba(13, 30, 38, 0.94), rgba(5, 13, 20, 0.96));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
}

.home-summary-card span,
.home-card-kicker {
    color: var(--text-muted);
    font-size: 14px;
    font-weight: 900;
    letter-spacing: -0.02em;
}

.home-summary-card strong {
    color: var(--text-main);
    font-size: 22px;
    line-height: 1.1;
    letter-spacing: -0.05em;
}

.home-summary-card em {
    color: var(--accent-cyan);
    font-size: 32px;
    font-style: normal;
    font-weight: 950;
    letter-spacing: -0.05em;
}

.home-summary-card small {
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 800;
}

.home-feature-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.home-feature-column,
.home-market-card,
.home-popular-card,
.home-standings-card {
    min-width: 0;
}

.home-section-heading {
    margin-bottom: 14px;
}

.home-team-carousel {
    display: flex;
    gap: 18px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 8px;
}

.home-team-carousel::-webkit-scrollbar,
.home-mover-list::-webkit-scrollbar {
    height: 8px;
}

.home-team-carousel::-webkit-scrollbar-thumb,
.home-mover-list::-webkit-scrollbar-thumb {
    background: rgba(53, 236, 244, 0.22);
    border-radius: 999px;
}

.home-best-team-card {
    flex: 0 0 100%;
    scroll-snap-align: start;
    display: grid;
    grid-template-columns: minmax(220px, 0.78fr) minmax(360px, 1.25fr);
    gap: 20px;
    padding: 22px;
    border: 1px solid rgba(53, 236, 244, 0.18);
    border-radius: 28px;
    background:
        radial-gradient(circle at 72% 20%, rgba(53, 236, 244, 0.10), transparent 28%),
        linear-gradient(145deg, rgba(12, 29, 37, 0.96), rgba(3, 10, 16, 0.98));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 18px 50px rgba(0, 0, 0, 0.24);
}

.home-best-team-info {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.home-team-title-link,
.home-team-mvp,
.home-mover-row,
.home-popular-row {
    text-decoration: none;
    color: inherit;
}

.home-team-title-link {
    display: flex;
    gap: 14px;
    align-items: center;
    margin-top: 10px;
}

.home-team-title-link strong {
    display: block;
    color: var(--text-main);
    font-size: 26px;
    letter-spacing: -0.05em;
}

.home-team-title-link small,
.home-team-meta-line,
.home-team-mvp small,
.home-mover-name small,
.home-popular-row small {
    color: var(--text-muted);
    font-weight: 800;
}

.home-empty-avatar {
    width: 48px;
    height: 48px;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(53, 236, 244, 0.20);
    color: var(--accent-cyan);
    background: rgba(53, 236, 244, 0.07);
    font-weight: 950;
}

.home-team-score {
    margin-top: 22px;
    color: var(--accent-cyan);
    font-size: clamp(34px, 4.5vw, 54px);
    line-height: 0.95;
    font-weight: 950;
    letter-spacing: -0.06em;
}

.home-team-meta-line {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    margin-top: 12px;
    font-size: 14px;
}

.home-team-meta-line span {
    padding: 7px 10px;
    border: 1px solid rgba(148, 163, 184, 0.13);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.025);
}

.home-team-mvp {
    margin-top: auto;
    padding: 14px 15px;
    border: 1px solid rgba(53, 236, 244, 0.14);
    border-radius: 18px;
    background: rgba(2, 8, 14, 0.42);
    display: grid;
    gap: 4px;
}

.home-team-mvp span {
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 900;
}

.home-team-mvp strong {
    color: var(--text-main);
    font-size: 19px;
    letter-spacing: -0.04em;
}

.home-team-mvp em {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(250, 204, 21, 0.16);
    color: #fde68a;
    font-size: 12px;
    font-style: normal;
}

.home-mini-lineup {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 112px;
    gap: 12px;
    align-items: stretch;
    min-width: 0;
}

.home-mini-field {
    min-height: 330px;
    border-radius: 24px;
    overflow: hidden;
    background: rgba(2, 8, 14, 0.60);
}

.home-mini-field .field-bg {
    width: 100%;
    height: 100%;
}

.home-mini-field .field-position {
    width: 92px;
    transform: translate(-50%, -50%) scale(0.74);
    transform-origin: center center;
}

.home-field-player {
    min-height: 66px;
    padding: 8px 9px;
    border: 1px solid rgba(53, 236, 244, 0.23);
    border-radius: 14px;
    background: rgba(3, 18, 24, 0.84);
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.22);
    display: grid;
    gap: 2px;
}

.home-field-player.is-captain {
    border-color: rgba(250, 204, 21, 0.55);
    box-shadow: 0 0 0 1px rgba(250, 204, 21, 0.18), 0 10px 24px rgba(0, 0, 0, 0.22);
}

.home-field-slot-code {
    color: var(--accent-cyan);
    font-size: 12px;
    font-weight: 950;
}

.home-field-player strong {
    color: var(--text-main);
    font-size: 14px;
    line-height: 1.05;
    letter-spacing: -0.04em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.home-field-player span {
    font-size: 12px;
    font-weight: 950;
    white-space: nowrap;
}

.home-field-player.is-empty {
    opacity: 0.45;
}

.home-mini-bullpen {
    display: grid;
    grid-template-rows: auto repeat(5, minmax(0, 1fr));
    gap: 8px;
    padding: 12px;
    border: 1px solid rgba(53, 236, 244, 0.14);
    border-radius: 22px;
    background: rgba(3, 12, 18, 0.48);
}

.home-mini-bullpen .home-field-player {
    min-height: 0;
}

.home-mini-bullpen-title {
    color: var(--text-main);
    font-weight: 950;
    font-size: 13px;
}

.home-market-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.home-popular-card {
    grid-column: span 2;
}

.home-mover-list,
.home-popular-list {
    display: grid;
    gap: 10px;
}

.home-mover-row,
.home-popular-row {
    display: grid;
    align-items: center;
    gap: 12px;
    min-height: 74px;
    padding: 12px 14px;
    border: 1px solid rgba(53, 236, 244, 0.11);
    border-radius: 18px;
    background: rgba(2, 8, 14, 0.38);
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.home-mover-row {
    grid-template-columns: auto minmax(130px, 1fr) auto 132px;
}

.home-popular-row {
    grid-template-columns: 34px auto minmax(160px, 1fr) auto auto;
}

.home-mover-row:hover,
.home-popular-row:hover {
    transform: translateY(-2px);
    border-color: rgba(53, 236, 244, 0.28);
    background: rgba(9, 25, 33, 0.62);
}

.home-mover-name strong,
.home-popular-row strong {
    display: block;
    color: var(--text-main);
    font-size: 17px;
    letter-spacing: -0.04em;
}

.home-price-flow {
    text-align: right;
    display: grid;
    gap: 3px;
}

.home-price-flow small {
    color: var(--text-muted);
    font-weight: 800;
}

.home-price-flow em {
    font-size: 20px;
    font-style: normal;
    font-weight: 950;
}

.home-sparkline {
    width: 132px;
    height: 42px;
    overflow: visible;
}

.home-sparkline polyline {
    fill: none;
    stroke: var(--accent-cyan);
    stroke-width: 3.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 0 7px rgba(53, 236, 244, 0.25));
}

.home-sparkline.down polyline {
    stroke: #fb7185;
    filter: drop-shadow(0 0 7px rgba(251, 113, 133, 0.18));
}

.home-popular-rank,
.home-standing-rank {
    color: var(--accent-cyan);
    font-size: 20px;
    font-weight: 950;
    letter-spacing: -0.04em;
}

.home-popular-row em {
    color: var(--text-main);
    font-style: normal;
    font-weight: 950;
}

.home-standings-list {
    display: grid;
    gap: 9px;
}

.home-standing-row {
    display: grid;
    grid-template-columns: 38px auto minmax(180px, 1fr) repeat(5, minmax(54px, auto));
    gap: 12px;
    align-items: center;
    padding: 12px 14px;
    border: 1px solid rgba(53, 236, 244, 0.10);
    border-radius: 18px;
    background: rgba(2, 8, 14, 0.35);
}

.home-standing-row.is-leader {
    border-color: rgba(53, 236, 244, 0.24);
    background: linear-gradient(90deg, rgba(53, 236, 244, 0.09), rgba(2, 8, 14, 0.36));
}

.home-standing-team b {
    display: block;
    color: var(--text-main);
    font-size: 16px;
}

.home-standing-team small {
    display: block;
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 800;
}

.home-standing-row > span:not(.home-standing-team),
.home-standing-row > strong {
    color: var(--text-main);
    font-weight: 900;
}

.home-empty-panel {
    padding: 24px;
    color: var(--text-muted);
}

/* Profile honors */
.profile-honors-card {
    margin-top: 24px;
}

.profile-honors-count {
    color: var(--text-muted);
    font-weight: 900;
}

.profile-honor-showcase {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.profile-honor-card {
    min-height: 148px;
    padding: 20px;
    border: 1px solid rgba(53, 236, 244, 0.15);
    border-radius: 22px;
    background: linear-gradient(145deg, rgba(9, 26, 34, 0.92), rgba(3, 11, 17, 0.96));
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.profile-honor-card.honor-gold {
    border-color: rgba(250, 204, 21, 0.24);
    background: linear-gradient(145deg, rgba(49, 38, 10, 0.35), rgba(3, 11, 17, 0.96));
}

.profile-honor-card.honor-silver {
    border-color: rgba(203, 213, 225, 0.22);
}

.profile-honor-card.honor-bronze {
    border-color: rgba(251, 146, 60, 0.22);
}

.profile-honor-card span,
.profile-honor-timeline-row span {
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 900;
}

.profile-honor-card strong {
    color: var(--text-main);
    font-size: 24px;
    line-height: 1.08;
    letter-spacing: -0.05em;
}

.profile-honor-card em,
.profile-honor-timeline-row em {
    color: var(--accent-cyan);
    font-style: normal;
    font-weight: 950;
}

.profile-honor-timeline {
    display: grid;
    gap: 8px;
    margin-top: 14px;
}

.profile-honor-timeline-row {
    display: grid;
    grid-template-columns: 130px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 12px 14px;
    border: 1px solid rgba(53, 236, 244, 0.09);
    border-radius: 16px;
    background: rgba(2, 8, 14, 0.34);
}

.profile-honor-timeline-row strong {
    color: var(--text-main);
}

.profile-honor-empty {
    padding: 22px;
    border: 1px dashed rgba(148, 163, 184, 0.18);
    border-radius: 20px;
    color: var(--text-muted);
}

.profile-honor-empty strong {
    display: block;
    margin-bottom: 6px;
    color: var(--text-main);
    font-size: 19px;
}

@media (max-width: 1320px) {
    .home-feature-grid,
    .home-market-grid {
        grid-template-columns: 1fr;
    }

    .home-popular-card {
        grid-column: auto;
    }

    .home-best-team-card {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 980px) {
    .home-center-hero {
        min-height: 0;
        padding: 32px;
        align-items: flex-start;
        flex-direction: column;
        gap: 22px;
    }

    .home-center-summary-grid,
    .profile-honor-showcase {
        grid-template-columns: 1fr;
    }

    .home-mini-lineup {
        grid-template-columns: 1fr;
    }

    .home-mini-bullpen {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        grid-template-rows: auto auto;
    }

    .home-mini-bullpen-title {
        grid-column: 1 / -1;
    }

    .home-mover-row {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .home-sparkline {
        grid-column: 1 / -1;
        width: 100%;
    }

    .home-standing-row {
        grid-template-columns: 32px auto minmax(130px, 1fr) repeat(2, auto);
    }

    .home-standing-row span:nth-last-child(-n+3) {
        display: none;
    }
}

@media (max-width: 680px) {
    .home-mini-field {
        min-height: 260px;
    }

    .home-mini-field .field-position {
        transform: translate(-50%, -50%) scale(0.58);
    }

    .home-popular-row {
        grid-template-columns: 28px auto minmax(0, 1fr);
    }

    .home-popular-row em,
    .home-popular-row > small {
        grid-column: 3;
    }

    .profile-honor-timeline-row {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================
   Home center redesign correction
   - Remove oversized landing-card feeling.
   - Use the same roster field language as 내 팀/프로필.
   - Keep KBO standings compact and half-width.
   ========================================================== */
.home-center-shell {
    gap: 24px !important;
    padding-bottom: 42px !important;
}

.home-center-hero {
    min-height: 138px !important;
    padding: 30px 36px !important;
    border-radius: 26px !important;
    align-items: center !important;
    background:
        radial-gradient(circle at 82% 10%, rgba(53, 236, 244, 0.10), transparent 30%),
        linear-gradient(135deg, rgba(8, 26, 32, 0.94), rgba(4, 13, 18, 0.96)) !important;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255,255,255,0.045) !important;
}

.home-center-hero h1 {
    margin-top: 8px !important;
    font-size: clamp(42px, 4.6vw, 66px) !important;
    line-height: 0.96 !important;
    letter-spacing: -0.065em !important;
}

.home-center-date {
    min-width: 150px !important;
    padding: 14px 18px !important;
    border-radius: 19px !important;
}

.home-center-date strong {
    font-size: 18px !important;
}

.home-feature-stack {
    display: grid;
    gap: 24px;
}

.home-feature-column {
    min-width: 0;
}

.home-section-heading {
    margin-bottom: 12px !important;
}

.home-section-heading h2 {
    font-size: clamp(24px, 2.5vw, 34px) !important;
    line-height: 1.05 !important;
    letter-spacing: -0.055em !important;
}

.home-section-heading > span {
    font-size: 14px !important;
}

.home-team-carousel {
    gap: 14px !important;
    padding-bottom: 4px !important;
}

.home-best-team-card {
    flex: 0 0 100% !important;
    grid-template-columns: minmax(260px, 0.34fr) minmax(0, 1fr) !important;
    gap: 18px !important;
    padding: 18px !important;
    border-radius: 26px !important;
    background:
        radial-gradient(circle at 92% 6%, rgba(125, 239, 246, 0.055), transparent 34%),
        linear-gradient(145deg, rgba(8, 22, 29, 0.94), rgba(3, 10, 15, 0.97)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.043), 0 16px 42px rgba(0,0,0,0.22) !important;
}

.home-best-team-info {
    padding: 4px 2px !important;
}

.home-card-kicker {
    font-size: 12px !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: var(--accent-cyan) !important;
}

.home-team-title-link {
    gap: 12px !important;
    margin-top: 12px !important;
}

.home-team-title-link strong {
    font-size: 23px !important;
    line-height: 1.1 !important;
}

.home-team-title-link small {
    font-size: 13px !important;
}

.home-team-score {
    margin-top: 18px !important;
    font-size: clamp(34px, 4vw, 50px) !important;
    letter-spacing: -0.058em !important;
}

.home-team-meta-line {
    margin-top: 11px !important;
    font-size: 13px !important;
    gap: 7px !important;
}

.home-team-meta-line span {
    padding: 6px 9px !important;
}

.home-team-mvp {
    margin-top: 16px !important;
    padding: 13px 14px !important;
    border-radius: 17px !important;
}

.home-team-mvp strong {
    font-size: 18px !important;
}

.home-lineup-board {
    grid-template-columns: minmax(0, 1fr) minmax(190px, 222px) !important;
    gap: 13px !important;
}

.home-lineup-field-wrap {
    min-width: 0 !important;
}

.home-team-stadium {
    width: 100% !important;
    max-width: none !important;
    aspect-ratio: 1200 / 760 !important;
    margin: 0 !important;
    border-radius: 26px !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 50% 12%, rgba(125, 239, 246, 0.10), transparent 34%),
        rgba(2, 6, 23, 0.56) !important;
}

.home-center-shell .field-position {
    width: clamp(104px, 7.7vw, 126px) !important;
    z-index: 2;
}

.home-center-shell .home-team-stadium .pos-lf { left: 24% !important; top: 28% !important; }
.home-center-shell .home-team-stadium .pos-cf { left: 50% !important; top: 17% !important; }
.home-center-shell .home-team-stadium .pos-rf { left: 76% !important; top: 28% !important; }
.home-center-shell .home-team-stadium .pos-ss { left: 40% !important; top: 44% !important; }
.home-center-shell .home-team-stadium .pos-2b { left: 60% !important; top: 44% !important; }
.home-center-shell .home-team-stadium .pos-3b { left: 31% !important; top: 58% !important; }
.home-center-shell .home-team-stadium .pos-1b { left: 69% !important; top: 58% !important; }
.home-center-shell .home-team-stadium .pos-p1 { left: 50% !important; top: 62% !important; }
.home-center-shell .home-team-stadium .pos-c { left: 50% !important; top: 88% !important; }
.home-center-shell .home-team-stadium .pos-util { left: 78% !important; top: 78% !important; }

.home-center-shell .field-slot {
    min-height: 92px !important;
    padding: 8px !important;
    border-radius: 15px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.052), rgba(255,255,255,0.018)),
        rgba(3, 15, 22, 0.78) !important;
    border-color: rgba(148, 163, 184, 0.16) !important;
    box-shadow: 0 12px 26px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.05) !important;
    backdrop-filter: none !important;
}

.home-center-shell .field-slot.filled {
    border-color: rgba(125, 239, 246, 0.26) !important;
}

.home-center-shell .slot-code {
    font-size: 11px !important;
}

.home-center-shell .slot-label {
    font-size: 10px !important;
}

.home-center-shell .slot-player-main {
    gap: 7px !important;
    margin-top: 4px !important;
}

.home-center-shell .slot-player-text {
    min-width: 0 !important;
}

.home-center-shell .field-slot .player-link {
    font-size: 12.5px !important;
    line-height: 1.15 !important;
}

.home-center-shell .field-slot .uniform-sm {
    width: 34px !important;
    height: 42px !important;
    flex: 0 0 34px !important;
}

.home-center-shell .field-slot .slot-meta {
    display: none !important;
}

.home-center-shell .slot-stats {
    margin-top: 6px !important;
    font-size: 10.5px !important;
    gap: 4px !important;
}

.home-center-shell .slot-stats span {
    min-width: 0 !important;
}

.home-bullpen-panel {
    padding: 13px !important;
    border-radius: 23px !important;
}

.home-bullpen-rail {
    gap: 9px !important;
}

.home-bullpen-rail .field-slot {
    width: 100% !important;
    min-height: 88px !important;
}

.home-bullpen-rail .field-slot .uniform-sm {
    width: 32px !important;
    height: 39px !important;
    flex-basis: 32px !important;
}

.home-market-grid,
.home-lower-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
}

.home-market-card,
.home-popular-card,
.home-standings-card {
    grid-column: auto !important;
    padding: 22px !important;
    border-radius: 24px !important;
}

.home-mover-row,
.home-popular-row {
    min-height: 66px !important;
    padding: 10px 12px !important;
    border-radius: 16px !important;
}

.home-mover-row {
    grid-template-columns: auto minmax(120px, 1fr) auto 106px !important;
}

.home-popular-row {
    grid-template-columns: 30px auto minmax(130px, 1fr) auto auto !important;
}

.home-mover-name strong,
.home-popular-row strong {
    font-size: 15.5px !important;
}

.home-price-flow em {
    font-size: 18px !important;
}

.home-sparkline {
    width: 106px !important;
    height: 34px !important;
}

.home-standing-row {
    grid-template-columns: 30px auto minmax(110px, 1fr) 56px 48px !important;
    gap: 9px !important;
    min-height: 58px !important;
    padding: 9px 10px !important;
    border-radius: 15px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.012)),
        rgba(2, 8, 14, 0.32) !important;
}

.home-standing-row.is-leader {
    border-color: rgba(125, 239, 246, 0.25) !important;
    background:
        linear-gradient(90deg, rgba(125, 239, 246, 0.075), rgba(2, 8, 14, 0.34)) !important;
}

.home-standing-rank {
    font-size: 18px !important;
}

.home-standing-team b {
    font-size: 15px !important;
}

.home-standing-team small {
    font-size: 11px !important;
}

.home-standing-pct,
.home-standing-gb {
    color: var(--text-main) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-align: right !important;
}

.home-empty-panel {
    min-height: 120px !important;
    padding: 20px !important;
}

@media (max-width: 1280px) {
    .home-best-team-card {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 1120px) {
    .home-market-grid,
    .home-lower-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 900px) {
    .home-center-hero {
        padding: 28px !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 18px !important;
    }
    .home-lineup-board {
        grid-template-columns: 1fr !important;
    }
    .home-bullpen-rail {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        grid-template-rows: none !important;
    }
    .home-bullpen-panel .bullpen-heading {
        margin-bottom: 10px !important;
    }
    .home-center-shell .field-position {
        width: clamp(86px, 17vw, 112px) !important;
    }
}

/* ==========================================================
   Home center official standings + market carousel rework
   ========================================================== */
.home-top-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.04fr) minmax(360px, 0.76fr);
    gap: 22px;
    align-items: start;
}

.home-market-side-stack {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.home-standings-card-top {
    align-self: start;
    padding: 22px !important;
    border-radius: 24px !important;
    background:
        radial-gradient(circle at 88% 0%, rgba(53, 236, 244, 0.06), transparent 30%),
        linear-gradient(145deg, rgba(7, 20, 27, 0.94), rgba(3, 10, 15, 0.97)) !important;
}

.home-standings-table {
    display: grid;
    gap: 7px;
}

.home-standing-head,
.home-standing-row {
    display: grid !important;
    grid-template-columns: 44px minmax(112px, 1.15fr) minmax(112px, 1fr) 62px 56px minmax(88px, 0.95fr) 60px !important;
    gap: 10px !important;
    align-items: center !important;
}

.home-standing-head {
    min-height: 34px;
    padding: 0 12px 3px;
    color: rgba(148, 163, 184, 0.82);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: -0.02em;
    border-bottom: 1px solid rgba(148, 163, 184, 0.10);
}

.home-standing-row {
    min-height: 50px !important;
    padding: 8px 12px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(148, 163, 184, 0.095) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.008)),
        rgba(2, 8, 14, 0.31) !important;
    box-shadow: none !important;
}

.home-standing-row.is-leader {
    border-color: rgba(125, 239, 246, 0.22) !important;
    background:
        linear-gradient(90deg, rgba(125, 239, 246, 0.070), rgba(2, 8, 14, 0.32)) !important;
}

.home-standing-rank {
    color: var(--text-main) !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    text-align: center;
}

.home-standing-club {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.home-standing-club .uniform-xs {
    width: 30px !important;
    height: 37px !important;
    flex: 0 0 30px !important;
}

.home-standing-club b {
    color: var(--text-main);
    font-size: 15px;
    font-weight: 900;
    letter-spacing: -0.03em;
    white-space: nowrap;
}

.home-standing-row > span:not(.home-standing-club),
.home-standing-row > strong {
    color: rgba(226, 232, 240, 0.92) !important;
    font-size: 12.5px !important;
    font-weight: 850 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.home-market-carousel-card {
    overflow: hidden;
    min-height: 278px;
    padding: 20px !important;
    border-radius: 24px !important;
    background:
        radial-gradient(circle at 90% 12%, rgba(53, 236, 244, 0.08), transparent 34%),
        linear-gradient(145deg, rgba(8, 22, 29, 0.94), rgba(3, 10, 15, 0.97)) !important;
}

.home-carousel-controls {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.home-carousel-controls button {
    width: 32px;
    height: 32px;
    border-radius: 999px;
    border: 1px solid rgba(53, 236, 244, 0.18);
    background: rgba(2, 8, 14, 0.46);
    color: var(--text-main);
    font-size: 21px;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
}

.home-carousel-controls button:hover {
    transform: translateY(-1px);
    border-color: rgba(53, 236, 244, 0.35);
    background: rgba(53, 236, 244, 0.11);
}

.home-market-slider {
    display: flex;
    transition: transform 460ms cubic-bezier(.2, .8, .2, 1);
    will-change: transform;
}

.home-market-slide {
    flex: 0 0 100%;
    min-width: 100%;
}

.home-market-slide-card {
    display: grid;
    grid-template-rows: auto auto 1fr;
    gap: 14px;
    min-height: 188px;
    color: inherit;
    text-decoration: none;
}

.home-market-player-main {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.home-market-player-main .uniform-sm {
    width: 52px !important;
    height: 64px !important;
    flex: 0 0 52px !important;
}

.home-market-player-copy {
    min-width: 0;
}

.home-market-player-copy strong {
    display: block;
    margin-top: 4px;
    color: var(--text-main);
    font-size: 24px;
    line-height: 1.06;
    letter-spacing: -0.055em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.home-market-player-copy small {
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 850;
}

.home-market-price-line {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px;
}

.home-market-price-line span {
    color: rgba(226, 232, 240, 0.86);
    font-size: 15px;
    font-weight: 900;
    letter-spacing: -0.03em;
}

.home-market-price-line em {
    font-size: 34px;
    line-height: 0.95;
    font-style: normal;
    font-weight: 950;
    letter-spacing: -0.05em;
}

.home-market-chart-wrap {
    min-height: 66px;
    padding: 8px 0 0;
    border-top: 1px solid rgba(148, 163, 184, 0.09);
}

.home-market-slide-card .home-sparkline {
    width: 100% !important;
    height: 58px !important;
}

.home-market-slide-card .home-sparkline polyline {
    stroke-width: 3.2 !important;
}

.home-carousel-dots {
    display: flex;
    justify-content: center;
    gap: 7px;
    margin-top: 12px;
}

.home-carousel-dots button {
    width: 7px;
    height: 7px;
    padding: 0;
    border-radius: 999px;
    border: 0;
    background: rgba(148, 163, 184, 0.34);
    cursor: pointer;
}

.home-carousel-dots button.is-active {
    width: 18px;
    background: var(--accent-cyan);
    box-shadow: 0 0 10px rgba(53, 236, 244, 0.35);
}

.home-feature-stack {
    display: grid !important;
    gap: 24px !important;
}

.home-lower-grid-single {
    grid-template-columns: minmax(0, 1fr) !important;
}

.home-popular-card {
    max-width: none;
}

@media (max-width: 1280px) {
    .home-top-grid {
        grid-template-columns: 1fr;
    }
    .home-market-side-stack {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .home-market-side-stack {
        grid-template-columns: 1fr;
    }
    .home-standing-head,
    .home-standing-row {
        grid-template-columns: 38px minmax(90px, 1fr) 88px 54px 46px !important;
    }
    .home-standing-head span:nth-last-child(-n+2),
    .home-standing-row span:nth-last-child(-n+2) {
        display: none;
    }
}

@media (max-width: 680px) {
    .home-standings-card-top {
        padding: 16px !important;
    }
    .home-standing-head,
    .home-standing-row {
        grid-template-columns: 32px minmax(90px, 1fr) 74px 48px !important;
        gap: 7px !important;
    }
    .home-standing-head span:nth-child(5),
    .home-standing-row span:nth-child(5) {
        display: none;
    }
    .home-market-player-copy strong {
        font-size: 21px;
    }
    .home-market-price-line em {
        font-size: 30px;
    }
}

/* ==========================================================
   Home market carousel polish: clipped slides + profile-style graph
   ========================================================== */
.home-market-carousel-card {
    min-height: 246px !important;
    padding: 18px 20px 16px !important;
    overflow: hidden !important;
}

.home-market-carousel-card .home-section-heading {
    margin-bottom: 14px !important;
}

.home-market-carousel-card .home-section-heading h2 {
    font-size: clamp(24px, 2.35vw, 32px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.055em !important;
}

.home-market-carousel-card .eyebrow {
    color: var(--accent-cyan) !important;
    font-size: 12px !important;
    letter-spacing: 0.18em !important;
}

.home-market-slider-viewport {
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    border-radius: 20px !important;
}

.home-market-slider {
    display: flex !important;
    align-items: stretch !important;
    transition: transform 460ms cubic-bezier(.2, .8, .2, 1) !important;
    will-change: transform !important;
    overflow: visible !important;
}

.home-market-slide {
    flex: 0 0 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.home-market-slide-card {
    display: grid !important;
    grid-template-columns: minmax(170px, 0.92fr) minmax(120px, 0.55fr) minmax(168px, 0.95fr) !important;
    grid-template-rows: none !important;
    align-items: center !important;
    gap: 18px !important;
    min-height: 150px !important;
    padding: 6px 2px 2px !important;
    overflow: hidden !important;
}

.home-market-player-main {
    min-width: 0 !important;
    gap: 13px !important;
}

.home-market-player-main .uniform-sm {
    width: 48px !important;
    height: 59px !important;
    flex: 0 0 48px !important;
}

.home-market-player-copy strong {
    font-size: clamp(20px, 2.05vw, 25px) !important;
    line-height: 1.05 !important;
    letter-spacing: -0.055em !important;
}

.home-market-player-copy small {
    display: block !important;
    margin-top: 5px !important;
    font-size: 12.5px !important;
    line-height: 1.25 !important;
}

.home-market-change-panel {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    min-width: 0 !important;
    gap: 13px !important;
    padding-left: 2px !important;
}

.home-market-change-panel em {
    display: block !important;
    font-size: clamp(34px, 4.2vw, 50px) !important;
    line-height: 0.92 !important;
    font-style: normal !important;
    font-weight: 950 !important;
    letter-spacing: -0.055em !important;
    white-space: nowrap !important;
}

.home-market-flow {
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    padding: 7px 10px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(148, 163, 184, 0.14) !important;
    background: rgba(2, 8, 14, 0.36) !important;
    color: rgba(226, 232, 240, 0.84) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    letter-spacing: -0.025em !important;
    white-space: nowrap !important;
}

.home-market-flow i {
    color: rgba(148, 163, 184, 0.82) !important;
    font-style: normal !important;
    font-weight: 900 !important;
}

.home-market-flow b {
    color: rgba(226, 232, 240, 0.96) !important;
    font-weight: 950 !important;
}

.home-market-chart-wrap {
    position: relative !important;
    min-height: 116px !important;
    padding: 28px 13px 12px !important;
    border-top: 0 !important;
    border-left: 1px solid rgba(148, 163, 184, 0.11) !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    background:
        linear-gradient(90deg, rgba(148, 163, 184, 0.055) 1px, transparent 1px) 0 0 / 28px 100%,
        linear-gradient(180deg, rgba(148, 163, 184, 0.060) 1px, transparent 1px) 0 0 / 100% 28px,
        radial-gradient(circle at 18% 18%, rgba(53, 236, 244, 0.070), transparent 42%),
        rgba(2, 8, 14, 0.36) !important;
}

.home-market-chart-label {
    position: absolute !important;
    top: 10px !important;
    left: 13px !important;
    color: rgba(148, 163, 184, 0.78) !important;
    font-size: 10.5px !important;
    font-weight: 900 !important;
    letter-spacing: 0.04em !important;
}

.home-market-slide-card .home-sparkline {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    height: 78px !important;
    display: block !important;
    overflow: visible !important;
}

.home-market-slide-card .home-sparkline polyline {
    fill: none !important;
    stroke-width: 3.2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    vector-effect: non-scaling-stroke !important;
    filter: drop-shadow(0 0 6px rgba(53, 236, 244, 0.25)) !important;
}

.home-market-slide-card.is-down .home-sparkline polyline {
    filter: drop-shadow(0 0 6px rgba(255, 92, 115, 0.20)) !important;
}

.home-market-slide-card.is-up .home-market-chart-wrap {
    box-shadow: inset 0 0 0 1px rgba(53, 236, 244, 0.045) !important;
}

.home-market-slide-card.is-down .home-market-chart-wrap {
    box-shadow: inset 0 0 0 1px rgba(255, 92, 115, 0.040) !important;
}

.home-carousel-dots {
    margin-top: 14px !important;
    gap: 8px !important;
}

.home-carousel-dots button {
    width: 8px !important;
    height: 8px !important;
    border: 1px solid rgba(255, 255, 255, 0.28) !important;
    background: rgba(255, 255, 255, 0.50) !important;
    opacity: 0.9 !important;
    transition: width 160ms ease, background 160ms ease, border-color 160ms ease, opacity 160ms ease !important;
}

.home-carousel-dots button.is-active {
    width: 24px !important;
    border-color: rgba(53, 236, 244, 0.72) !important;
    background: rgba(53, 236, 244, 0.94) !important;
    opacity: 1 !important;
    box-shadow: 0 0 14px rgba(53, 236, 244, 0.42) !important;
}

@media (max-width: 1460px) {
    .home-market-slide-card {
        grid-template-columns: minmax(160px, 0.9fr) minmax(118px, 0.55fr) minmax(150px, 0.85fr) !important;
        gap: 14px !important;
    }

    .home-market-change-panel em {
        font-size: clamp(32px, 3.6vw, 44px) !important;
    }
}

@media (max-width: 1280px) {
    .home-market-slide-card {
        grid-template-columns: minmax(160px, 0.85fr) minmax(122px, 0.5fr) minmax(170px, 0.85fr) !important;
    }
}

@media (max-width: 780px) {
    .home-market-carousel-card {
        min-height: 0 !important;
    }

    .home-market-slide-card {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .home-market-change-panel {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    .home-market-chart-wrap {
        min-height: 96px !important;
    }
}

/* ==========================================================
   Home market carousel final polish: larger cards + player detail + profile-like graph
   ========================================================== */
.home-top-grid {
    align-items: stretch !important;
}

.home-market-side-stack {
    height: 100% !important;
    grid-template-rows: repeat(2, minmax(292px, 1fr)) !important;
}

.home-market-carousel-card {
    min-height: 292px !important;
    padding: 20px 22px 18px !important;
    display: flex !important;
    flex-direction: column !important;
}

.home-market-carousel-card .home-section-heading {
    margin-bottom: 16px !important;
}

.home-market-carousel-card .home-section-heading h2 {
    font-size: clamp(25px, 2.2vw, 34px) !important;
    letter-spacing: -0.055em !important;
}

.home-market-carousel-card .eyebrow {
    color: var(--accent-cyan) !important;
    font-size: 11.5px !important;
    letter-spacing: 0.19em !important;
}

.home-market-slider-viewport {
    flex: 1 1 auto !important;
    display: flex !important;
    overflow: hidden !important;
}

.home-market-slider {
    flex: 1 1 auto !important;
}

.home-market-slide {
    display: flex !important;
}

.home-market-slide-card {
    width: 100% !important;
    grid-template-columns: minmax(205px, 0.98fr) minmax(142px, 0.50fr) minmax(230px, 1.04fr) !important;
    align-items: center !important;
    gap: 20px !important;
    min-height: 188px !important;
    padding: 4px 0 0 !important;
}

.home-market-player-main {
    align-items: center !important;
    gap: 14px !important;
}

.home-market-player-main .uniform-sm {
    width: 58px !important;
    height: 70px !important;
    flex: 0 0 58px !important;
}

.home-market-player-copy strong {
    margin-top: 0 !important;
    font-size: clamp(23px, 2.15vw, 30px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.055em !important;
}

.home-market-player-copy small {
    margin-top: 6px !important;
    color: rgba(226, 232, 240, 0.76) !important;
    font-size: 13.5px !important;
    font-weight: 850 !important;
}

.home-market-player-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-top: 10px !important;
}

.home-market-player-tags span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 25px !important;
    padding: 5px 9px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(53, 236, 244, 0.16) !important;
    background: rgba(53, 236, 244, 0.065) !important;
    color: rgba(226, 232, 240, 0.88) !important;
    font-size: 11.5px !important;
    font-weight: 900 !important;
    letter-spacing: -0.02em !important;
    line-height: 1 !important;
}

.home-market-change-panel {
    gap: 18px !important;
    padding-left: 0 !important;
}

.home-market-change-panel em {
    font-size: clamp(40px, 4vw, 56px) !important;
    letter-spacing: -0.06em !important;
}

.home-market-flow {
    gap: 12px !important;
    padding: 8px 12px !important;
    font-size: 13.5px !important;
    background: rgba(2, 8, 14, 0.44) !important;
}

.home-market-flow i {
    padding: 0 2px !important;
}

.home-market-chart-wrap {
    min-height: 156px !important;
    padding: 31px 15px 13px !important;
    border-left: 1px solid rgba(148, 163, 184, 0.12) !important;
    border-radius: 20px !important;
    background:
        linear-gradient(90deg, rgba(148, 163, 184, 0.055) 1px, transparent 1px) 0 0 / 34px 100%,
        linear-gradient(180deg, rgba(148, 163, 184, 0.060) 1px, transparent 1px) 0 0 / 100% 32px,
        radial-gradient(circle at 22% 20%, rgba(53, 236, 244, 0.075), transparent 43%),
        rgba(2, 8, 14, 0.42) !important;
}

.home-market-slide-card.is-down .home-market-chart-wrap {
    background:
        linear-gradient(90deg, rgba(148, 163, 184, 0.052) 1px, transparent 1px) 0 0 / 34px 100%,
        linear-gradient(180deg, rgba(148, 163, 184, 0.058) 1px, transparent 1px) 0 0 / 100% 32px,
        radial-gradient(circle at 22% 20%, rgba(255, 92, 115, 0.062), transparent 43%),
        rgba(2, 8, 14, 0.42) !important;
}

.home-market-chart-label {
    top: 11px !important;
    left: 15px !important;
    font-size: 10.5px !important;
    color: rgba(148, 163, 184, 0.82) !important;
}

.home-market-slide-card .home-sparkline {
    width: 100% !important;
    height: 112px !important;
    overflow: visible !important;
}

.home-market-slide-card .home-sparkline polyline {
    stroke-width: 3.1 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    vector-effect: non-scaling-stroke !important;
}

.home-market-slide-card .home-sparkline circle {
    fill: rgba(2, 8, 14, 0.98) !important;
    stroke: var(--accent-cyan) !important;
    stroke-width: 2.2 !important;
    opacity: 0.95 !important;
    vector-effect: non-scaling-stroke !important;
    transition: r 140ms ease, opacity 140ms ease, fill 140ms ease !important;
}

.home-market-slide-card.is-down .home-sparkline circle {
    stroke: var(--danger) !important;
}

.home-market-slide-card .home-sparkline circle:hover {
    r: 4.8 !important;
    opacity: 1 !important;
    fill: rgba(226, 232, 240, 0.96) !important;
}

.home-carousel-dots {
    margin-top: 15px !important;
}

.home-carousel-dots button {
    background: rgba(226, 232, 240, 0.62) !important;
    border-color: rgba(226, 232, 240, 0.34) !important;
}

.home-carousel-dots button.is-active {
    background: var(--text-main) !important;
    border-color: rgba(255, 255, 255, 0.86) !important;
    box-shadow: 0 0 14px rgba(255, 255, 255, 0.22) !important;
}

@media (max-width: 1500px) {
    .home-market-slide-card {
        grid-template-columns: minmax(185px, 0.92fr) minmax(130px, 0.48fr) minmax(210px, 1fr) !important;
        gap: 16px !important;
    }
    .home-market-player-main .uniform-sm {
        width: 54px !important;
        height: 66px !important;
        flex-basis: 54px !important;
    }
    .home-market-change-panel em {
        font-size: clamp(36px, 3.7vw, 50px) !important;
    }
}

@media (max-width: 1280px) {
    .home-market-side-stack {
        height: auto !important;
        grid-template-rows: none !important;
    }
    .home-market-slide-card {
        grid-template-columns: minmax(180px, 0.92fr) minmax(130px, 0.48fr) minmax(210px, 1fr) !important;
    }
}

@media (max-width: 780px) {
    .home-market-slide-card {
        grid-template-columns: 1fr !important;
        min-height: 0 !important;
    }
    .home-market-change-panel {
        flex-direction: row !important;
    }
    .home-market-chart-wrap {
        min-height: 126px !important;
    }
    .home-market-slide-card .home-sparkline {
        height: 92px !important;
    }
}

/* ==========================================================
   Home market carousel final repair: visible price + right chart
   ========================================================== */
.home-market-side-stack {
    grid-template-rows: repeat(2, minmax(320px, 1fr)) !important;
    gap: 20px !important;
}

.home-market-carousel-card {
    min-height: 320px !important;
    padding: 22px 24px 18px !important;
}

.home-market-carousel-card .home-section-heading {
    margin-bottom: 10px !important;
}

.home-market-carousel-card .home-section-heading h2 {
    font-size: clamp(24px, 2.1vw, 31px) !important;
    line-height: 1.05 !important;
}

.home-market-slider-viewport {
    flex: 1 1 auto !important;
    width: 100% !important;
    overflow: hidden !important;
    border-radius: 18px !important;
}

.home-market-slider {
    height: 100% !important;
    display: flex !important;
}

.home-market-slide {
    height: 100% !important;
    flex: 0 0 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

.home-market-slide-card {
    height: 100% !important;
    min-height: 214px !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(260px, 0.95fr) minmax(290px, 1.05fr) !important;
    gap: 22px !important;
    align-items: start !important;
    padding: 14px 4px 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.home-market-identity {
    display: grid !important;
    grid-template-columns: 76px minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: start !important;
    min-width: 0 !important;
    padding-top: 3px !important;
}

.home-market-uniform-wrap {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    width: 76px !important;
    min-width: 76px !important;
}

.home-market-uniform-wrap .uniform-sm,
.home-market-identity .uniform-sm {
    width: 68px !important;
    height: 82px !important;
    flex: 0 0 68px !important;
    border-radius: 18px !important;
}

.home-market-player-copy {
    min-width: 0 !important;
    padding-top: 1px !important;
}

.home-market-player-copy strong {
    display: block !important;
    max-width: 100% !important;
    color: var(--text-main) !important;
    font-size: clamp(25px, 2.2vw, 32px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.055em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.home-market-player-copy small {
    display: block !important;
    margin-top: 7px !important;
    color: rgba(226, 232, 240, 0.74) !important;
    font-size: 13.5px !important;
    font-weight: 850 !important;
    letter-spacing: -0.025em !important;
}

.home-market-player-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    margin-top: 11px !important;
}

.home-market-player-tags span {
    min-height: 26px !important;
    padding: 6px 10px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(53, 236, 244, 0.17) !important;
    background: rgba(53, 236, 244, 0.065) !important;
    color: rgba(226, 232, 240, 0.88) !important;
    font-size: 11.8px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

.home-market-change-row {
    display: flex !important;
    align-items: flex-end !important;
    gap: 18px !important;
    margin-top: 22px !important;
    min-width: 0 !important;
}

.home-market-change-row em {
    display: block !important;
    flex: 0 0 auto !important;
    font-size: clamp(43px, 4.4vw, 58px) !important;
    line-height: 0.88 !important;
    font-style: normal !important;
    font-weight: 950 !important;
    letter-spacing: -0.06em !important;
    white-space: nowrap !important;
}

.home-market-change-row .home-market-flow {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 3px !important;
    padding: 8px 13px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(148, 163, 184, 0.16) !important;
    background: rgba(2, 8, 14, 0.46) !important;
    color: rgba(226, 232, 240, 0.84) !important;
    font-size: 13.5px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

.home-market-change-row .home-market-flow i {
    color: rgba(148, 163, 184, 0.86) !important;
    font-style: normal !important;
}

.home-market-chart-wrap {
    position: relative !important;
    width: 100% !important;
    min-height: 190px !important;
    padding: 34px 16px 14px !important;
    border: 1px solid rgba(148, 163, 184, 0.105) !important;
    border-radius: 22px !important;
    overflow: visible !important;
    background:
        linear-gradient(90deg, rgba(148, 163, 184, 0.065) 1px, transparent 1px) 0 0 / 35px 100%,
        linear-gradient(180deg, rgba(148, 163, 184, 0.065) 1px, transparent 1px) 0 0 / 100% 32px,
        radial-gradient(circle at 22% 20%, rgba(53, 236, 244, 0.085), transparent 44%),
        rgba(2, 8, 14, 0.44) !important;
    box-sizing: border-box !important;
}

.home-market-slide-card.is-down .home-market-chart-wrap {
    background:
        linear-gradient(90deg, rgba(148, 163, 184, 0.058) 1px, transparent 1px) 0 0 / 35px 100%,
        linear-gradient(180deg, rgba(148, 163, 184, 0.060) 1px, transparent 1px) 0 0 / 100% 32px,
        radial-gradient(circle at 22% 20%, rgba(255, 92, 115, 0.070), transparent 44%),
        rgba(2, 8, 14, 0.44) !important;
}

.home-market-chart-label {
    position: absolute !important;
    top: 12px !important;
    left: 16px !important;
    color: rgba(148, 163, 184, 0.82) !important;
    font-size: 10.5px !important;
    font-weight: 900 !important;
    letter-spacing: 0.03em !important;
}

.home-market-slide-card .home-sparkline {
    display: block !important;
    width: 100% !important;
    height: 138px !important;
    overflow: visible !important;
}

.home-market-slide-card .home-sparkline polyline {
    fill: none !important;
    stroke: var(--accent-cyan) !important;
    stroke-width: 3.4 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    vector-effect: non-scaling-stroke !important;
    opacity: 1 !important;
    filter: drop-shadow(0 0 8px rgba(53, 236, 244, 0.30)) !important;
}

.home-market-slide-card.is-down .home-sparkline polyline,
.home-market-slide-card .home-sparkline.down polyline {
    stroke: var(--danger) !important;
    filter: drop-shadow(0 0 8px rgba(255, 92, 115, 0.25)) !important;
}

.home-market-slide-card .home-sparkline circle {
    fill: rgba(2, 8, 14, 0.96) !important;
    stroke: var(--accent-cyan) !important;
    stroke-width: 2.3 !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    vector-effect: non-scaling-stroke !important;
}

.home-market-slide-card.is-down .home-sparkline circle,
.home-market-slide-card .home-sparkline.down circle {
    stroke: var(--danger) !important;
}

.home-market-slide-card .home-sparkline circle:hover {
    r: 5.2 !important;
    fill: rgba(226, 232, 240, 0.96) !important;
}

.home-carousel-dots {
    margin-top: 12px !important;
    gap: 8px !important;
}

.home-carousel-dots button {
    width: 8px !important;
    height: 8px !important;
    background: rgba(226, 232, 240, 0.68) !important;
    border: 1px solid rgba(255,255,255,0.38) !important;
    opacity: 1 !important;
}

.home-carousel-dots button.is-active {
    width: 24px !important;
    background: #ffffff !important;
    border-color: rgba(255,255,255,0.90) !important;
    box-shadow: 0 0 15px rgba(255,255,255,0.24) !important;
}

@media (max-width: 1500px) {
    .home-market-slide-card {
        grid-template-columns: minmax(230px, 0.92fr) minmax(250px, 1fr) !important;
        gap: 18px !important;
    }
    .home-market-identity {
        grid-template-columns: 68px minmax(0, 1fr) !important;
        gap: 15px !important;
    }
    .home-market-uniform-wrap,
    .home-market-uniform-wrap .uniform-sm,
    .home-market-identity .uniform-sm {
        width: 62px !important;
        height: 76px !important;
        flex-basis: 62px !important;
    }
    .home-market-change-row {
        gap: 14px !important;
    }
    .home-market-chart-wrap {
        min-height: 172px !important;
    }
    .home-market-slide-card .home-sparkline {
        height: 122px !important;
    }
}

@media (max-width: 1280px) {
    .home-market-side-stack {
        grid-template-rows: none !important;
    }
}

@media (max-width: 780px) {
    .home-market-slide-card {
        grid-template-columns: 1fr !important;
    }
    .home-market-chart-wrap {
        min-height: 134px !important;
    }
    .home-market-slide-card .home-sparkline {
        height: 96px !important;
    }
}

/* ==========================================================
   Home market cards FINAL correction 2026-05-26
   - Put price movement directly under the player identity.
   - Keep the number compact, not oversized.
   - Render the graph in a visible profile-detail-like chart panel on the right.
   - Prevent horizontal overflow inside carousel slides.
   ========================================================== */
.home-market-side-stack {
    grid-template-rows: repeat(2, minmax(318px, 1fr)) !important;
    gap: 18px !important;
}

.home-market-carousel-card {
    min-height: 318px !important;
    max-height: 420px !important;
    padding: 20px 22px 16px !important;
    overflow: hidden !important;
}

.home-market-carousel-card .home-section-heading {
    margin-bottom: 8px !important;
}

.home-market-carousel-card .home-section-heading h2 {
    font-size: clamp(24px, 2vw, 30px) !important;
    line-height: 1.05 !important;
    letter-spacing: -0.055em !important;
}

.home-market-slider-viewport,
.home-market-slider,
.home-market-slide {
    min-width: 0 !important;
    overflow: hidden !important;
}

.home-market-slide-card {
    height: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 216px !important;
    display: grid !important;
    grid-template-columns: minmax(250px, 0.86fr) minmax(300px, 1.14fr) !important;
    align-items: center !important;
    gap: 24px !important;
    padding: 10px 2px 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    text-decoration: none !important;
}

.home-market-identity {
    display: grid !important;
    grid-template-columns: 78px minmax(0, 1fr) !important;
    column-gap: 18px !important;
    align-items: start !important;
    min-width: 0 !important;
    align-self: center !important;
    padding-top: 0 !important;
}

.home-market-uniform-wrap {
    width: 78px !important;
    min-width: 78px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
}

.home-market-uniform-wrap .uniform-sm,
.home-market-identity .uniform-sm {
    width: 72px !important;
    height: 86px !important;
    flex: 0 0 72px !important;
    border-radius: 19px !important;
}

.home-market-player-copy {
    min-width: 0 !important;
    padding-top: 0 !important;
}

.home-market-player-copy strong {
    max-width: 100% !important;
    margin: 0 !important;
    font-size: clamp(24px, 2.05vw, 31px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.055em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.home-market-player-copy small {
    display: block !important;
    margin-top: 7px !important;
    color: rgba(226, 232, 240, 0.75) !important;
    font-size: 13.5px !important;
    font-weight: 850 !important;
    letter-spacing: -0.025em !important;
}

.home-market-player-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    margin-top: 12px !important;
}

.home-market-player-tags span {
    min-height: 24px !important;
    padding: 5px 9px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(53, 236, 244, 0.17) !important;
    background: rgba(53, 236, 244, 0.065) !important;
    color: rgba(226, 232, 240, 0.88) !important;
    font-size: 11.5px !important;
    font-weight: 880 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.home-market-change-row {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 13px !important;
    margin-top: 18px !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

.home-market-change-row em {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    min-width: 76px !important;
    font-size: clamp(32px, 3.1vw, 42px) !important;
    line-height: 1 !important;
    font-style: normal !important;
    font-weight: 910 !important;
    letter-spacing: -0.055em !important;
    white-space: nowrap !important;
    text-shadow: 0 0 18px rgba(53, 236, 244, 0.14) !important;
}

.home-market-slide-card.is-down .home-market-change-row em {
    text-shadow: 0 0 18px rgba(255, 92, 115, 0.12) !important;
}

.home-market-change-row .home-market-flow {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    max-width: calc(100% - 90px) !important;
    padding: 7px 12px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(148, 163, 184, 0.16) !important;
    background: rgba(2, 8, 14, 0.44) !important;
    color: rgba(226, 232, 240, 0.84) !important;
    font-size: 13px !important;
    font-weight: 870 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.home-market-change-row .home-market-flow b,
.home-market-change-row .home-market-flow i {
    flex: 0 0 auto !important;
    font-style: normal !important;
}

.home-market-change-row .home-market-flow i {
    color: rgba(148, 163, 184, 0.86) !important;
}

.home-market-chart-wrap {
    position: relative !important;
    align-self: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 182px !important;
    padding: 34px 18px 16px !important;
    border: 1px solid rgba(148, 163, 184, 0.12) !important;
    border-radius: 22px !important;
    overflow: visible !important;
    background:
        linear-gradient(90deg, rgba(148, 163, 184, 0.075) 1px, transparent 1px) 0 0 / 36px 100%,
        linear-gradient(180deg, rgba(148, 163, 184, 0.070) 1px, transparent 1px) 0 0 / 100% 34px,
        radial-gradient(circle at 20% 22%, rgba(53, 236, 244, 0.095), transparent 43%),
        rgba(2, 8, 14, 0.50) !important;
    box-sizing: border-box !important;
    color: var(--accent-cyan) !important;
}

.home-market-slide-card.is-down .home-market-chart-wrap {
    background:
        linear-gradient(90deg, rgba(148, 163, 184, 0.066) 1px, transparent 1px) 0 0 / 36px 100%,
        linear-gradient(180deg, rgba(148, 163, 184, 0.064) 1px, transparent 1px) 0 0 / 100% 34px,
        radial-gradient(circle at 20% 22%, rgba(255, 92, 115, 0.075), transparent 43%),
        rgba(2, 8, 14, 0.50) !important;
    color: var(--danger) !important;
}

.home-market-chart-label {
    position: absolute !important;
    top: 12px !important;
    left: 18px !important;
    color: rgba(148, 163, 184, 0.82) !important;
    font-size: 10.5px !important;
    font-weight: 900 !important;
    letter-spacing: 0.035em !important;
}

.home-market-slide-card .home-sparkline {
    display: block !important;
    width: 100% !important;
    height: 126px !important;
    overflow: visible !important;
    color: var(--accent-cyan) !important;
}

.home-market-slide-card.is-down .home-sparkline,
.home-market-slide-card .home-sparkline.down {
    color: var(--danger) !important;
}

.home-market-slide-card .home-sparkline .home-sparkline-line,
.home-market-slide-card .home-sparkline polyline {
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 3.6 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    opacity: 1 !important;
    vector-effect: non-scaling-stroke !important;
    filter: drop-shadow(0 0 9px rgba(53, 236, 244, 0.34)) !important;
}

.home-market-slide-card.is-down .home-sparkline .home-sparkline-line,
.home-market-slide-card.is-down .home-sparkline polyline {
    filter: drop-shadow(0 0 9px rgba(255, 92, 115, 0.28)) !important;
}

.home-market-slide-card .home-sparkline .home-sparkline-point,
.home-market-slide-card .home-sparkline circle {
    fill: rgba(2, 8, 14, 0.98) !important;
    stroke: currentColor !important;
    stroke-width: 2.4 !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    vector-effect: non-scaling-stroke !important;
}

.home-market-slide-card .home-sparkline circle:hover {
    r: 5.2 !important;
    fill: rgba(226, 232, 240, 0.96) !important;
}

.home-carousel-dots {
    margin-top: 11px !important;
}

@media (max-width: 1500px) {
    .home-market-slide-card {
        grid-template-columns: minmax(230px, 0.86fr) minmax(270px, 1.14fr) !important;
        gap: 18px !important;
    }

    .home-market-uniform-wrap,
    .home-market-uniform-wrap .uniform-sm,
    .home-market-identity .uniform-sm {
        width: 66px !important;
        height: 80px !important;
        flex-basis: 66px !important;
    }

    .home-market-identity {
        grid-template-columns: 70px minmax(0, 1fr) !important;
        gap: 15px !important;
    }

    .home-market-change-row em {
        min-width: 68px !important;
        font-size: clamp(30px, 3vw, 38px) !important;
    }

    .home-market-chart-wrap {
        min-height: 166px !important;
    }

    .home-market-slide-card .home-sparkline {
        height: 112px !important;
    }
}

@media (max-width: 780px) {
    .home-market-slide-card {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .home-market-chart-wrap {
        min-height: 132px !important;
    }

    .home-market-slide-card .home-sparkline {
        height: 92px !important;
    }
}

/* ==========================================================
   Home market profile-chart pass 2026-05-26
   ========================================================== */
.home-market-slide-card.is-up {
    --home-market-tone: var(--primary);
    --home-market-tone-rgb: 0, 217, 255;
}

.home-market-slide-card.is-down {
    --home-market-tone: var(--danger);
    --home-market-tone-rgb: 255, 82, 82;
}

.home-market-side-stack {
    grid-template-rows: repeat(2, minmax(304px, 1fr)) !important;
    gap: 18px !important;
}

.home-market-carousel-card {
    min-height: 304px !important;
    max-height: none !important;
    padding: 20px 22px 16px !important;
    border-radius: 24px !important;
}

.home-market-carousel-card .home-section-heading {
    margin-bottom: 10px !important;
}

.home-market-slider-viewport {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
}

.home-market-slider,
.home-market-slide {
    height: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
}

.home-market-slide-card {
    display: grid !important;
    grid-template-columns: minmax(220px, 0.9fr) minmax(286px, 1.1fr) !important;
    grid-template-rows: none !important;
    align-items: center !important;
    gap: 22px !important;
    width: 100% !important;
    min-height: 218px !important;
    height: 100% !important;
    padding: 8px 0 0 !important;
    color: inherit !important;
    overflow: hidden !important;
    text-decoration: none !important;
}

.home-market-identity {
    display: grid !important;
    grid-template-columns: 70px minmax(0, 1fr) !important;
    column-gap: 16px !important;
    align-items: start !important;
    min-width: 0 !important;
}

.home-market-uniform-wrap {
    width: 70px !important;
    min-width: 70px !important;
}

.home-market-uniform-wrap .uniform-sm,
.home-market-identity .uniform-sm {
    width: 64px !important;
    height: 78px !important;
    flex: 0 0 64px !important;
    border-radius: 17px !important;
}

.home-market-player-copy strong {
    display: block !important;
    max-width: 100% !important;
    margin: 0 !important;
    color: var(--text) !important;
    font-size: clamp(23px, 1.9vw, 28px) !important;
    font-weight: 820 !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.home-market-player-copy small {
    display: block !important;
    margin-top: 7px !important;
    color: var(--muted) !important;
    font-size: 13px !important;
    font-weight: 680 !important;
    letter-spacing: 0 !important;
}

.home-market-player-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-top: 12px !important;
}

.home-market-player-tags span {
    min-height: 24px !important;
    padding: 5px 9px !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.035) !important;
    color: rgba(255, 255, 255, 0.78) !important;
    font-size: 11.5px !important;
    font-weight: 660 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.home-market-change-row {
    grid-column: 1 / -1 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
    margin-top: 16px !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

.home-market-change-row em {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
    color: var(--home-market-tone) !important;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: clamp(30px, 2.8vw, 38px) !important;
    font-style: normal !important;
    font-weight: 720 !important;
    font-variant-numeric: tabular-nums !important;
    font-feature-settings: "tnum" 1, "zero" 1 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
    white-space: nowrap !important;
}

.home-market-change-row .home-market-flow {
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    max-width: min(100%, 150px) !important;
    padding: 7px 11px !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    border-radius: 999px !important;
    background: rgba(2, 8, 14, 0.38) !important;
    color: rgba(255, 255, 255, 0.76) !important;
    font-size: 12.5px !important;
    font-weight: 620 !important;
    font-variant-numeric: tabular-nums !important;
    font-feature-settings: "tnum" 1, "zero" 1 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.home-market-change-row .home-market-flow b {
    color: rgba(255, 255, 255, 0.9) !important;
    font-weight: 700 !important;
}

.home-market-change-row .home-market-flow i {
    color: var(--muted) !important;
    font-style: normal !important;
    font-weight: 600 !important;
}

.home-market-chart-wrap {
    position: relative !important;
    align-self: stretch !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 176px !important;
    padding: 40px 16px 18px 38px !important;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    border-radius: 18px !important;
    background: rgba(2, 8, 14, 0.42) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
    color: var(--home-market-tone) !important;
    overflow: hidden !important;
}

.home-market-chart-meta {
    position: absolute !important;
    top: 12px !important;
    left: 38px !important;
    right: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    pointer-events: none !important;
}

.home-market-chart-meta span {
    color: var(--muted) !important;
    font-size: 11px !important;
    font-weight: 680 !important;
    letter-spacing: 0 !important;
}

.home-market-chart-meta b {
    color: var(--text) !important;
    font-size: 12px !important;
    font-weight: 720 !important;
    font-variant-numeric: tabular-nums !important;
    font-feature-settings: "tnum" 1, "zero" 1 !important;
    letter-spacing: 0 !important;
}

.home-market-chart-scale {
    position: absolute !important;
    top: 43px !important;
    bottom: 22px !important;
    left: 13px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    width: 20px !important;
    color: rgba(139, 156, 179, 0.86) !important;
    font-size: 10px !important;
    font-weight: 620 !important;
    font-variant-numeric: tabular-nums !important;
    font-feature-settings: "tnum" 1, "zero" 1 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    pointer-events: none !important;
}

.home-market-slide-card .home-sparkline {
    display: block !important;
    width: 100% !important;
    height: 118px !important;
    color: var(--home-market-tone) !important;
    overflow: visible !important;
}

.home-market-slide-card .home-sparkline-grid-line {
    stroke: rgba(255, 255, 255, 0.075) !important;
    stroke-width: 1 !important;
    vector-effect: non-scaling-stroke !important;
}

.home-market-slide-card .home-sparkline-area {
    fill: currentColor !important;
    opacity: 0.12 !important;
}

.home-market-slide-card .home-sparkline-line,
.home-market-slide-card .home-sparkline polyline {
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2.6 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    opacity: 1 !important;
    filter: none !important;
    vector-effect: non-scaling-stroke !important;
}

.home-market-slide-card .home-sparkline-point,
.home-market-slide-card .home-sparkline circle {
    fill: #02080e !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
    opacity: 1 !important;
    vector-effect: non-scaling-stroke !important;
    transition: fill 140ms ease, opacity 140ms ease, r 140ms ease !important;
}

.home-market-slide-card .home-sparkline circle:hover {
    r: 4.8 !important;
    fill: var(--text) !important;
}

.home-carousel-dots {
    margin-top: 10px !important;
}

@media (max-width: 1500px) {
    .home-market-slide-card {
        grid-template-columns: minmax(204px, 0.9fr) minmax(260px, 1.1fr) !important;
        gap: 18px !important;
    }

    .home-market-identity {
        grid-template-columns: 64px minmax(0, 1fr) !important;
        column-gap: 14px !important;
    }

    .home-market-uniform-wrap,
    .home-market-uniform-wrap .uniform-sm,
    .home-market-identity .uniform-sm {
        width: 60px !important;
        height: 74px !important;
        flex-basis: 60px !important;
    }

    .home-market-chart-wrap {
        min-height: 164px !important;
    }

    .home-market-slide-card .home-sparkline {
        height: 106px !important;
    }
}

@media (max-width: 1280px) {
    .home-market-side-stack {
        grid-template-rows: none !important;
    }
}

@media (max-width: 900px) {
    .home-market-carousel-card {
        min-height: 0 !important;
    }

    .home-market-slide-card {
        grid-template-columns: 1fr !important;
        min-height: 0 !important;
        gap: 14px !important;
    }

    .home-market-chart-wrap {
        min-height: 150px !important;
    }
}

@media (max-width: 560px) {
    .home-market-identity {
        grid-template-columns: 56px minmax(0, 1fr) !important;
        column-gap: 12px !important;
    }

    .home-market-uniform-wrap,
    .home-market-uniform-wrap .uniform-sm,
    .home-market-identity .uniform-sm {
        width: 52px !important;
        height: 64px !important;
        flex-basis: 52px !important;
    }

    .home-market-change-row {
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: 8px !important;
    }

    .home-market-change-row .home-market-flow {
        max-width: 100% !important;
    }

    .home-market-chart-wrap {
        padding-left: 34px !important;
    }

    .home-market-chart-meta {
        left: 34px !important;
    }
}

/* ==========================================================
   Home page alignment with Player Search visual system
   2026-05-26 final requested polish
   ========================================================== */
.home-center-shell {
    gap: 22px !important;
}

.home-center-shell .home-center-hero {
    min-height: 0 !important;
    padding: 22px 26px !important;
    margin-bottom: 4px !important;
    border-radius: 30px !important;
    border-color: rgba(255, 255, 255, 0.095) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.026)),
        rgba(8, 16, 19, 0.58) !important;
    backdrop-filter: blur(26px) saturate(128%) !important;
    -webkit-backdrop-filter: blur(26px) saturate(128%) !important;
    box-shadow: 0 24px 80px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.055) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
    transition: transform 0.58s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.58s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.58s cubic-bezier(0.16, 1, 0.3, 1), background 0.58s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.home-center-shell .home-center-hero::after {
    background:
        linear-gradient(90deg, rgba(53, 236, 244, 0.045), transparent 46%),
        repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.020) 0 1px, transparent 1px 56px) !important;
    opacity: 0.75 !important;
}

.home-center-shell .home-center-hero:hover,
.home-center-shell .home-standings-card-top:hover,
.home-center-shell .home-market-carousel-card:hover,
.home-center-shell .home-best-team-card:hover,
.home-center-shell .home-popular-card:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(125, 239, 246, 0.22) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.056), rgba(255,255,255,0.022)),
        rgba(8, 26, 30, 0.72) !important;
    box-shadow:
        0 26px 58px rgba(0,0,0,0.20),
        inset 0 1px 0 rgba(255,255,255,0.07) !important;
}

.home-center-shell .home-center-hero h1 {
    font-size: clamp(30px, 3.2vw, 44px) !important;
    line-height: 1 !important;
    letter-spacing: -0.055em !important;
    margin: 0 !important;
    font-weight: 900 !important;
}

.home-center-shell .home-center-hero .eyebrow {
    margin-bottom: 8px !important;
    color: var(--accent-cyan) !important;
}

.home-center-date {
    display: none !important;
}

.home-center-shell .content-card,
.home-center-shell .home-market-carousel-card,
.home-center-shell .home-standings-card-top,
.home-center-shell .home-best-team-card,
.home-center-shell .home-popular-card {
    border-color: rgba(255, 255, 255, 0.095) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.052), rgba(255,255,255,0.020)),
        rgba(8, 16, 19, 0.60) !important;
    backdrop-filter: blur(24px) saturate(124%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(124%) !important;
    box-shadow: 0 22px 70px rgba(0,0,0,0.20), inset 0 1px 0 rgba(255,255,255,0.045) !important;
    transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.28s ease, background 0.28s ease, box-shadow 0.28s ease !important;
}

/* KBO standings: fixed column rhythm and centered headers/items */
.home-standings-card-top {
    padding: 22px 24px !important;
}

.home-standings-card-top .home-section-heading h2 {
    font-size: clamp(30px, 2.8vw, 42px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.055em !important;
}

.home-standings-table {
    gap: 8px !important;
}

.home-standing-head,
.home-standing-row {
    grid-template-columns: 58px minmax(132px, 1.2fr) minmax(150px, 1.15fr) 86px 82px minmax(128px, 1.05fr) 82px !important;
    column-gap: 12px !important;
    align-items: center !important;
}

.home-standing-head {
    padding: 0 14px 8px !important;
    min-height: 36px !important;
}

.home-standing-head span {
    text-align: center !important;
    justify-self: stretch !important;
    color: rgba(148, 163, 184, 0.88) !important;
    font-size: 11.5px !important;
    font-weight: 900 !important;
}

.home-standing-row {
    min-height: 54px !important;
    padding: 8px 14px !important;
}

.home-standing-row > span,
.home-standing-row > strong {
    justify-self: stretch !important;
    text-align: center !important;
}

.home-standing-rank {
    text-align: center !important;
}

.home-standing-club {
    justify-content: center !important;
    text-align: center !important;
}

.home-standing-club b {
    min-width: 44px !important;
    text-align: left !important;
}

.home-standing-club .uniform-xs {
    width: 31px !important;
    height: 38px !important;
    flex: 0 0 31px !important;
}

/* Market card layout: keep price flow visible and move value block left */
.home-market-carousel-card {
    min-height: 318px !important;
    padding: 20px 22px 18px !important;
}

.home-market-carousel-card .eyebrow,
.home-market-carousel-card .home-section-heading .eyebrow {
    color: var(--accent-cyan) !important;
}

.home-market-carousel-card .home-section-heading h2 {
    font-size: clamp(26px, 2.25vw, 34px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.055em !important;
}

.home-market-slider-viewport {
    overflow: hidden !important;
    border-radius: 18px !important;
}

.home-market-slider {
    display: flex !important;
    overflow: visible !important;
}

.home-market-slide {
    flex: 0 0 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
}

.home-market-slide-card {
    grid-template-columns: minmax(270px, 0.88fr) minmax(315px, 1.12fr) !important;
    gap: 22px !important;
    align-items: center !important;
    padding: 10px 0 0 !important;
    overflow: hidden !important;
}

.home-market-identity {
    grid-template-columns: 72px minmax(0, 1fr) !important;
    gap: 16px !important;
    align-items: start !important;
}

.home-market-uniform-wrap,
.home-market-uniform-wrap .uniform-sm,
.home-market-identity .uniform-sm {
    width: 68px !important;
    height: 82px !important;
    flex-basis: 68px !important;
}

.home-market-player-copy strong {
    font-size: clamp(24px, 2.1vw, 31px) !important;
    line-height: 1.03 !important;
    letter-spacing: -0.045em !important;
}

.home-market-player-copy small {
    font-size: 13px !important;
    font-weight: 780 !important;
    color: rgba(226, 232, 240, 0.74) !important;
}

.home-market-change-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 13px !important;
    margin-top: 17px !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    transform: translateX(-3px) !important;
}

.home-market-change-row em {
    flex: 0 0 auto !important;
    font-size: clamp(34px, 3.2vw, 44px) !important;
    line-height: 1 !important;
    font-weight: 760 !important;
    letter-spacing: -0.035em !important;
    white-space: nowrap !important;
    text-shadow: none !important;
}

.home-market-change-row .home-market-flow {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    width: auto !important;
    max-width: none !important;
    min-width: max-content !important;
    overflow: visible !important;
    gap: 10px !important;
    padding: 7px 12px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: rgba(2, 8, 14, 0.44) !important;
    border: 1px solid rgba(148, 163, 184, 0.16) !important;
    color: rgba(226, 232, 240, 0.82) !important;
    font-size: 12.8px !important;
    font-weight: 760 !important;
    letter-spacing: 0 !important;
}

.home-market-change-row .home-market-flow b,
.home-market-change-row .home-market-flow i {
    flex: 0 0 auto !important;
}

.home-market-chart-wrap {
    min-height: 190px !important;
    padding: 38px 16px 14px 32px !important;
    border-radius: 20px !important;
}

.home-market-chart-meta {
    left: 32px !important;
}

.home-market-chart-scale {
    left: 10px !important;
}

.home-market-slide-card .home-sparkline {
    height: 130px !important;
}

@media (max-width: 1500px) {
    .home-standing-head,
    .home-standing-row {
        grid-template-columns: 48px minmax(110px, 1.1fr) minmax(132px, 1.05fr) 74px 68px minmax(104px, 0.95fr) 68px !important;
        column-gap: 9px !important;
    }
    .home-market-slide-card {
        grid-template-columns: minmax(245px, 0.88fr) minmax(280px, 1.12fr) !important;
        gap: 18px !important;
    }
    .home-market-change-row em {
        font-size: clamp(31px, 3vw, 39px) !important;
    }
    .home-market-change-row .home-market-flow {
        font-size: 12.2px !important;
        padding: 7px 10px !important;
    }
}

@media (max-width: 980px) {
    .home-market-slide-card {
        grid-template-columns: 1fr !important;
    }
    .home-standing-head,
    .home-standing-row {
        grid-template-columns: 42px minmax(96px, 1fr) minmax(118px, 1fr) 62px 58px !important;
    }
    .home-standing-head span:nth-last-child(-n+2),
    .home-standing-row span:nth-last-child(-n+2) {
        display: none !important;
    }
}

/* ==========================================================
   Home layout final correction 2026-05-26
   Requested fixes:
   - Make the top home hero match the Player Search hero.
   - Prevent KBO standing rows from protruding horizontally.
   - Only each KBO standing row gets hover effect, not the whole card.
   - Restore the market chart panel so points/line are not clipped.
   - Move the price movement block left so the old -> new price pill is fully visible.
   ========================================================== */
.home-center-shell section.home-center-hero.hero-panel.compact-hero-panel {
    padding: 22px 26px !important;
    margin-bottom: 16px !important;
    min-height: 0 !important;
    border-radius: 30px !important;
    border-color: rgba(255, 255, 255, 0.095) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.026)),
        rgba(8, 16, 19, 0.58) !important;
    backdrop-filter: blur(26px) saturate(128%) !important;
    -webkit-backdrop-filter: blur(26px) saturate(128%) !important;
    box-shadow: 0 24px 80px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.055) !important;
    transition:
        transform 0.58s cubic-bezier(0.16, 1, 0.3, 1),
        border-color 0.58s cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 0.58s cubic-bezier(0.16, 1, 0.3, 1),
        background 0.58s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.home-center-shell section.home-center-hero.hero-panel.compact-hero-panel h1 {
    font-size: clamp(30px, 3.2vw, 44px) !important;
    line-height: 1 !important;
    letter-spacing: -0.055em !important;
    margin: 0 !important;
    font-weight: 900 !important;
}

.home-center-shell section.home-center-hero.hero-panel.compact-hero-panel .eyebrow {
    margin-bottom: 8px !important;
    color: var(--accent-cyan) !important;
}

.home-center-shell section.home-center-hero.hero-panel.compact-hero-panel:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(125, 239, 246, 0.22) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.056), rgba(255,255,255,0.022)),
        rgba(8, 26, 30, 0.72) !important;
    box-shadow:
        0 26px 58px rgba(0,0,0,0.20),
        inset 0 1px 0 rgba(255,255,255,0.07) !important;
}

/* Keep the KBO standings card itself stable; hover only rows. */
.home-center-shell .home-standings-card-top:hover {
    transform: none !important;
}

.home-standings-card-top,
.home-standings-table,
.home-standing-head,
.home-standing-row {
    box-sizing: border-box !important;
}

.home-standings-card-top {
    overflow: hidden !important;
}

.home-standings-table {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    padding-right: 0 !important;
}

.home-standing-head,
.home-standing-row {
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: 54px minmax(120px, 1.08fr) minmax(142px, 1.12fr) 78px 72px minmax(112px, 0.95fr) 70px !important;
    column-gap: 10px !important;
    align-items: center !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.home-standing-head {
    padding: 0 14px 8px !important;
}

.home-standing-row {
    padding: 8px 14px !important;
    border-color: rgba(148, 163, 184, 0.10) !important;
    transition:
        transform 0.18s cubic-bezier(0.16, 1, 0.3, 1),
        border-color 0.18s ease,
        background 0.18s ease,
        box-shadow 0.18s ease !important;
}

.home-standing-head span,
.home-standing-row > span,
.home-standing-row > strong {
    justify-self: stretch !important;
    text-align: center !important;
}

.home-standing-club {
    justify-content: center !important;
    min-width: 0 !important;
}

.home-standing-row:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(125, 239, 246, 0.22) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.054), rgba(255,255,255,0.022)),
        rgba(7, 24, 29, 0.72) !important;
    box-shadow: 0 12px 26px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.06) !important;
}

/* Market cards: protect carousel, restore chart panel, and keep price flow visible. */
.home-market-slider-viewport {
    overflow: hidden !important;
}

.home-market-slider,
.home-market-slide {
    overflow: visible !important;
}

.home-market-slide-card {
    grid-template-columns: minmax(278px, 0.9fr) minmax(300px, 1.1fr) !important;
    gap: 18px !important;
    overflow: hidden !important;
}

.home-market-identity {
    transform: translateX(-4px) !important;
}

.home-market-change-row {
    transform: translateX(-14px) !important;
    gap: 10px !important;
    overflow: visible !important;
    padding-left: 0 !important;
    max-width: calc(100% + 14px) !important;
}

.home-market-change-row em {
    font-size: clamp(32px, 3vw, 42px) !important;
    font-weight: 760 !important;
    min-width: 0 !important;
}

.home-market-change-row .home-market-flow {
    max-width: none !important;
    min-width: max-content !important;
    flex: 0 0 auto !important;
    overflow: visible !important;
    padding: 7px 12px !important;
}

.home-market-chart-wrap {
    min-height: 170px !important;
    height: 170px !important;
    padding: 34px 18px 14px 32px !important;
    overflow: hidden !important;
    border-radius: 20px !important;
}

.home-market-chart-meta {
    left: 32px !important;
    right: 18px !important;
}

.home-market-chart-scale {
    left: 10px !important;
    top: 43px !important;
    bottom: 22px !important;
}

.home-market-slide-card .home-sparkline {
    width: 100% !important;
    height: 116px !important;
    display: block !important;
    overflow: visible !important;
}

.home-market-slide-card .home-sparkline-line,
.home-market-slide-card .home-sparkline polyline {
    stroke-width: 2.6 !important;
}

.home-market-slide-card .home-sparkline-point,
.home-market-slide-card .home-sparkline circle {
    stroke-width: 2 !important;
}

@media (max-width: 1500px) {
    .home-standing-head,
    .home-standing-row {
        grid-template-columns: 48px minmax(108px, 1fr) minmax(128px, 1.05fr) 72px 64px minmax(100px, 0.9fr) 64px !important;
        column-gap: 8px !important;
    }

    .home-market-slide-card {
        grid-template-columns: minmax(250px, 0.9fr) minmax(282px, 1.1fr) !important;
        gap: 16px !important;
    }

    .home-market-chart-wrap {
        min-height: 158px !important;
        height: 158px !important;
    }

    .home-market-slide-card .home-sparkline {
        height: 104px !important;
    }
}

@media (max-width: 980px) {
    .home-standing-head,
    .home-standing-row {
        grid-template-columns: 42px minmax(96px, 1fr) minmax(118px, 1fr) 62px 58px !important;
    }

    .home-market-slide-card {
        grid-template-columns: 1fr !important;
    }

    .home-market-identity,
    .home-market-change-row {
        transform: none !important;
    }
}

/* ============================================================
   Home exact alignment pass 2026-05-26
   - Reuse Player Search hero behaviour for home hero.
   - Keep home interactions light: only hero + KBO rows get hover.
   - Prevent KBO rows and market values from overflowing.
   - Restore larger, unclipped profile-style market chart.
   ============================================================ */
.home-center-shell section.home-center-hero.hero-panel.compact-hero-panel {
    padding: 22px 26px !important;
    margin-bottom: 16px !important;
    min-height: 0 !important;
    border-radius: 30px !important;
    border-color: rgba(255, 255, 255, 0.095) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.026)),
        rgba(8, 16, 19, 0.58) !important;
    backdrop-filter: blur(26px) saturate(128%) !important;
    -webkit-backdrop-filter: blur(26px) saturate(128%) !important;
    box-shadow: 0 24px 80px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.055) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
    transition:
        transform 0.58s cubic-bezier(0.16, 1, 0.3, 1),
        border-color 0.58s cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 0.58s cubic-bezier(0.16, 1, 0.3, 1),
        background 0.58s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.home-center-shell section.home-center-hero.hero-panel.compact-hero-panel h1 {
    font-size: clamp(30px, 3.2vw, 44px) !important;
    line-height: 1 !important;
    letter-spacing: -0.055em !important;
    margin: 0 !important;
    font-weight: 900 !important;
}

.home-center-shell section.home-center-hero.hero-panel.compact-hero-panel .eyebrow {
    margin-bottom: 8px !important;
    color: var(--accent-cyan) !important;
}

.home-center-shell section.home-center-hero.hero-panel.compact-hero-panel::after {
    opacity: 0.38 !important;
    filter: blur(6px) !important;
}

.home-center-shell section.home-center-hero.hero-panel.compact-hero-panel:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(125, 239, 246, 0.22) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.056), rgba(255,255,255,0.022)),
        rgba(8, 26, 30, 0.72) !important;
    box-shadow:
        0 26px 58px rgba(0,0,0,0.20),
        inset 0 1px 0 rgba(255,255,255,0.07) !important;
}

/* Remove heavy home-wide hover repaint. Keep the page calm and consistent. */
.home-center-shell .home-standings-card-top:hover,
.home-center-shell .home-market-carousel-card:hover,
.home-center-shell .home-best-team-card:hover,
.home-center-shell .home-popular-card:hover,
.home-center-shell .content-card:hover {
    transform: none !important;
}

/* KBO standing: keep rows inside the card and align headers to row centers. */
.home-standings-card-top {
    overflow: hidden !important;
}

.home-standings-table {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.home-standing-head,
.home-standing-row {
    width: calc(100% - 12px) !important;
    max-width: calc(100% - 12px) !important;
    margin-left: 6px !important;
    margin-right: 6px !important;
    box-sizing: border-box !important;
    grid-template-columns: 58px minmax(128px, 1.08fr) minmax(156px, 1.16fr) 86px 78px minmax(124px, 0.98fr) 78px !important;
    column-gap: 10px !important;
    align-items: center !important;
}

.home-standing-head {
    padding: 0 14px 9px !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.12) !important;
}

.home-standing-row {
    padding: 8px 14px !important;
    border-color: rgba(148, 163, 184, 0.10) !important;
    transition:
        transform 0.20s cubic-bezier(0.16, 1, 0.3, 1),
        border-color 0.20s ease,
        background 0.20s ease,
        box-shadow 0.20s ease !important;
}

.home-standing-head span,
.home-standing-row > span,
.home-standing-row > strong {
    width: 100% !important;
    min-width: 0 !important;
    justify-self: stretch !important;
    text-align: center !important;
}

.home-standing-club {
    justify-content: center !important;
    text-align: left !important;
    min-width: 0 !important;
}

.home-standing-row:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(125, 239, 246, 0.22) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.054), rgba(255,255,255,0.022)),
        rgba(7, 24, 29, 0.72) !important;
    box-shadow: 0 12px 26px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.06) !important;
}

/* Market carousel: viewport cuts, track stays open. */
.home-market-slider-viewport {
    overflow: hidden !important;
    width: 100% !important;
}

.home-market-slider,
.home-market-slide {
    overflow: visible !important;
}

.home-market-slide {
    min-width: 100% !important;
    flex: 0 0 100% !important;
    box-sizing: border-box !important;
}

.home-market-slide-card {
    display: grid !important;
    grid-template-columns: minmax(286px, 0.78fr) minmax(440px, 1.22fr) !important;
    gap: 24px !important;
    align-items: center !important;
    overflow: hidden !important;
    min-height: 248px !important;
    padding: 18px 26px 18px 18px !important;
}

.home-market-identity {
    min-width: 0 !important;
    transform: none !important;
    align-self: center !important;
}

.home-market-change-row {
    transform: translateX(-18px) !important;
    margin-top: 16px !important;
    gap: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    max-width: 100% !important;
    overflow: visible !important;
}

.home-market-change-row em {
    font-size: clamp(32px, 3vw, 42px) !important;
    line-height: 0.95 !important;
    letter-spacing: -0.055em !important;
    font-weight: 760 !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
}

.home-market-change-row .home-market-flow {
    flex: 0 0 auto !important;
    min-width: max-content !important;
    max-width: none !important;
    overflow: visible !important;
    padding: 7px 12px !important;
    gap: 10px !important;
    white-space: nowrap !important;
}

.home-market-chart-wrap {
    min-height: 210px !important;
    height: 210px !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 36px 20px 18px 34px !important;
    border-radius: 22px !important;
    overflow: hidden !important;
}

.home-market-chart-meta {
    left: 34px !important;
    right: 20px !important;
    top: 16px !important;
}

.home-market-chart-scale {
    left: 12px !important;
    top: 46px !important;
    bottom: 24px !important;
}

.home-market-slide-card .home-sparkline {
    width: 100% !important;
    height: 156px !important;
    display: block !important;
    overflow: visible !important;
}

.home-market-slide-card .home-sparkline-area {
    fill: rgba(var(--home-market-tone-rgb), 0.16) !important;
}

.home-market-slide-card .home-sparkline-line,
.home-market-slide-card .home-sparkline polyline {
    stroke-width: 2.8 !important;
}

.home-market-slide-card .home-sparkline-point,
.home-market-slide-card .home-sparkline circle {
    r: 3.4px;
    stroke-width: 2 !important;
}

@media (max-width: 1500px) {
    .home-standing-head,
    .home-standing-row {
        grid-template-columns: 50px minmax(108px, 1.02fr) minmax(134px, 1.08fr) 74px 68px minmax(102px, 0.92fr) 66px !important;
        column-gap: 8px !important;
    }

    .home-market-slide-card {
        grid-template-columns: minmax(246px, 0.78fr) minmax(360px, 1.22fr) !important;
        min-height: 230px !important;
        gap: 18px !important;
    }

    .home-market-change-row {
        transform: translateX(-12px) !important;
    }

    .home-market-chart-wrap {
        min-height: 190px !important;
        height: 190px !important;
        padding: 34px 18px 16px 30px !important;
    }

    .home-market-slide-card .home-sparkline {
        height: 138px !important;
    }
}

@media (max-width: 980px) {
    .home-market-slide-card {
        grid-template-columns: 1fr !important;
    }

    .home-market-change-row {
        transform: none !important;
    }

    .home-market-chart-wrap {
        min-height: 178px !important;
        height: 178px !important;
    }

    .home-standing-head,
    .home-standing-row {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        grid-template-columns: 42px minmax(96px, 1fr) minmax(118px, 1fr) 62px 58px !important;
    }
}

/* ============================================================
   HOME SURGICAL FIX 2026-05-26
   Source of truth for this pass:
   1) Home hero must reuse the player-search hero behavior.
   2) Home page must stay light: remove broad card hover effects.
   3) KBO row hover only, no parent-card hover.
   4) Market graph must not clip; chart is restored larger and price pill moves left.
   ============================================================ */
.home-center-shell {
    animation: none !important;
}

.home-center-shell .home-center-hero.hero-panel.compact-hero-panel {
    padding: 22px 26px !important;
    margin: 0 0 16px !important;
    min-height: 0 !important;
    border-radius: 30px !important;
    border: 1px solid rgba(255, 255, 255, 0.095) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.026)),
        rgba(8, 16, 19, 0.58) !important;
    backdrop-filter: blur(26px) saturate(128%) !important;
    -webkit-backdrop-filter: blur(26px) saturate(128%) !important;
    box-shadow:
        0 24px 80px rgba(0,0,0,0.22),
        inset 0 1px 0 rgba(255,255,255,0.055) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
    transition:
        transform 0.58s cubic-bezier(0.16, 1, 0.3, 1),
        border-color 0.58s cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 0.58s cubic-bezier(0.16, 1, 0.3, 1),
        background 0.58s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.home-center-shell .home-center-hero.hero-panel.compact-hero-panel h1 {
    font-size: clamp(30px, 3.2vw, 44px) !important;
    line-height: 1 !important;
    letter-spacing: -0.055em !important;
    margin: 0 !important;
    font-weight: 900 !important;
}

.home-center-shell .home-center-hero.hero-panel.compact-hero-panel .eyebrow {
    margin-bottom: 8px !important;
    color: var(--accent-cyan) !important;
}

.home-center-shell .home-center-hero.hero-panel.compact-hero-panel::after {
    opacity: 0.38 !important;
    filter: blur(6px) !important;
}

.home-center-shell .home-center-hero.hero-panel.compact-hero-panel:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(125, 239, 246, 0.22) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.056), rgba(255,255,255,0.022)),
        rgba(8, 26, 30, 0.72) !important;
    box-shadow:
        0 26px 58px rgba(0,0,0,0.20),
        inset 0 1px 0 rgba(255,255,255,0.07) !important;
}

.home-center-shell .home-standings-card-top:hover,
.home-center-shell .home-market-carousel-card:hover,
.home-center-shell .home-best-team-card:hover,
.home-center-shell .home-popular-card:hover,
.home-center-shell .content-card:hover {
    transform: none !important;
    filter: none !important;
}

.home-standings-card-top {
    overflow: hidden !important;
}

.home-standings-table {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    padding: 0 10px 0 0 !important;
}

.home-standing-head,
.home-standing-row {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    margin-left: 8px !important;
    margin-right: 16px !important;
    box-sizing: border-box !important;
    grid-template-columns: 58px minmax(132px, 1.05fr) minmax(164px, 1.18fr) 86px 78px minmax(132px, 0.98fr) 78px !important;
    column-gap: 10px !important;
    align-items: center !important;
}

.home-standing-head {
    padding: 0 12px 9px !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.12) !important;
}

.home-standing-row {
    padding: 8px 12px !important;
    border-color: rgba(148, 163, 184, 0.10) !important;
    transition:
        transform 0.22s cubic-bezier(0.16, 1, 0.3, 1),
        border-color 0.22s ease,
        background 0.22s ease,
        box-shadow 0.22s ease !important;
}

.home-standing-head span,
.home-standing-row > span,
.home-standing-row > strong {
    min-width: 0 !important;
    width: 100% !important;
    justify-self: center !important;
    text-align: center !important;
}

.home-standing-head span:nth-child(2),
.home-standing-row .home-standing-club {
    justify-self: stretch !important;
    justify-content: flex-start !important;
    text-align: left !important;
}

.home-standing-row:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(125, 239, 246, 0.22) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.054), rgba(255,255,255,0.022)),
        rgba(7, 24, 29, 0.72) !important;
    box-shadow:
        0 12px 26px rgba(0,0,0,0.18),
        inset 0 1px 0 rgba(255,255,255,0.06) !important;
}

.home-market-slider-viewport {
    overflow: hidden !important;
    width: 100% !important;
}

.home-market-slider,
.home-market-slide {
    overflow: visible !important;
}

.home-market-slide {
    min-width: 100% !important;
    flex: 0 0 100% !important;
    box-sizing: border-box !important;
}

.home-market-slide-card {
    display: grid !important;
    grid-template-columns: minmax(410px, 0.76fr) minmax(600px, 1.24fr) !important;
    gap: 10px !important;
    align-items: center !important;
    min-height: 252px !important;
    padding: 18px 26px 18px 18px !important;
    overflow: hidden !important;
}

.home-market-identity {
    min-width: 0 !important;
    align-self: center !important;
    transform: none !important;
}

.home-market-change-row {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
    margin-top: 16px !important;
    margin-left: 0 !important;
    transform: translateX(-38px) !important;
    max-width: calc(100% + 38px) !important;
    overflow: visible !important;
}

.home-market-change-row em {
    font-size: clamp(32px, 3vw, 42px) !important;
    line-height: 0.95 !important;
    letter-spacing: -0.055em !important;
    font-weight: 760 !important;
    flex: 0 0 auto !important;
}

.home-market-change-row .home-market-flow {
    flex: 0 0 auto !important;
    min-width: max-content !important;
    max-width: none !important;
    overflow: visible !important;
    padding: 7px 12px !important;
    gap: 10px !important;
    white-space: nowrap !important;
}

.home-market-chart-wrap {
    min-height: 224px !important;
    height: 224px !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 36px 18px 18px 36px !important;
    border-radius: 22px !important;
    overflow: hidden !important;
}

.home-market-chart-meta {
    top: 16px !important;
    left: 36px !important;
    right: 24px !important;
}

.home-market-chart-meta b {
    padding-left: 8px !important;
    max-width: 72px !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    text-align: right !important;
}

.home-market-chart-scale {
    left: 14px !important;
    top: 48px !important;
    bottom: 25px !important;
}

.home-market-slide-card .home-sparkline {
    width: 100% !important;
    height: 168px !important;
    display: block !important;
    overflow: visible !important;
}

.home-market-slide-card .home-sparkline-line,
.home-market-slide-card .home-sparkline polyline {
    stroke-width: 2.8 !important;
}

.home-market-slide-card .home-sparkline-point,
.home-market-slide-card .home-sparkline circle {
    r: 3.4px;
    stroke-width: 2 !important;
}

@media (max-width: 1500px) {
    .home-standing-head,
    .home-standing-row {
        width: calc(100% - 20px) !important;
        max-width: calc(100% - 20px) !important;
        margin-left: 6px !important;
        margin-right: 14px !important;
        grid-template-columns: 50px minmax(108px, 1.02fr) minmax(136px, 1.08fr) 74px 68px minmax(106px, 0.92fr) 66px !important;
        column-gap: 8px !important;
    }

    .home-market-slide-card {
        grid-template-columns: minmax(330px, 0.76fr) minmax(500px, 1.24fr) !important;
        min-height: 236px !important;
        gap: 8px !important;
    }

    .home-market-change-row {
        transform: translateX(-30px) !important;
        max-width: calc(100% + 30px) !important;
    }

    .home-market-chart-wrap {
        min-height: 204px !important;
        height: 204px !important;
        padding: 34px 16px 16px 34px !important;
    }

    .home-market-slide-card .home-sparkline {
        height: 150px !important;
    }
}

@media (max-width: 980px) {
    .home-market-slide-card {
        grid-template-columns: 1fr !important;
    }

    .home-market-change-row {
        transform: none !important;
        max-width: 100% !important;
    }

    .home-market-chart-wrap {
        min-height: 178px !important;
        height: 178px !important;
    }
}

/* ============================================================
   HOME SURGICAL OVERRIDE 2026-05-26 v2
   목적:
   - 홈 hero hover를 선수 검색 hero hover와 같은 값으로 고정
   - 홈 전체 과한 hover 제거, KBO row만 hover
   - KBO 순위 row/head 폭과 column 정렬 안정화
   - 가격 변동 블록을 왼쪽 정보영역 안으로 고정
   - market chart가 카드 오른쪽에서 잘리지 않도록 fixed min-width 제거
   ============================================================ */
.home-center-shell {
    max-width: 1680px !important;
    margin: 0 auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    animation: none !important;
}

/* Same interaction values as .players-page-shell .players-hero-panel */
.home-center-shell .home-center-hero.hero-panel.compact-hero-panel {
    padding: 22px 26px !important;
    margin-bottom: 16px !important;
    min-height: 0 !important;
    border-radius: 30px !important;
    border: 1px solid rgba(255, 255, 255, 0.095) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.026)),
        rgba(8, 16, 19, 0.58) !important;
    backdrop-filter: blur(26px) saturate(128%) !important;
    -webkit-backdrop-filter: blur(26px) saturate(128%) !important;
    box-shadow: 0 24px 80px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.055) !important;
    transition:
        transform 0.58s cubic-bezier(0.16, 1, 0.3, 1),
        border-color 0.58s cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 0.58s cubic-bezier(0.16, 1, 0.3, 1),
        background 0.58s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.home-center-shell .home-center-hero.hero-panel.compact-hero-panel h1 {
    font-size: clamp(30px, 3.2vw, 44px) !important;
    letter-spacing: -0.055em !important;
    line-height: 1 !important;
    margin: 0 !important;
    font-weight: 900 !important;
}

.home-center-shell .home-center-hero.hero-panel.compact-hero-panel .eyebrow {
    margin-bottom: 8px !important;
}

.home-center-shell .home-center-hero.hero-panel.compact-hero-panel:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(125, 239, 246, 0.22) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.056), rgba(255,255,255,0.022)),
        rgba(8, 26, 30, 0.72) !important;
    box-shadow:
        0 26px 58px rgba(0,0,0,0.20),
        inset 0 1px 0 rgba(255,255,255,0.07) !important;
}

/* Keep the home page light: no whole-card lifting except the hero and KBO rows. */
.home-center-shell .home-standings-card-top,
.home-center-shell .home-market-carousel-card,
.home-center-shell .home-best-team-card,
.home-center-shell .home-popular-card,
.home-center-shell .content-card {
    transition: border-color 0.22s ease, background 0.22s ease, box-shadow 0.22s ease !important;
}

.home-center-shell .home-standings-card-top:hover,
.home-center-shell .home-market-carousel-card:hover,
.home-center-shell .home-best-team-card:hover,
.home-center-shell .home-popular-card:hover,
.home-center-shell .content-card:hover {
    transform: none !important;
    filter: none !important;
}

/* KBO standings: no overflow, same grid for head/row, row-only hover. */
.home-center-shell .home-standings-card-top {
    overflow: hidden !important;
}

.home-center-shell .home-standings-table {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 0 18px !important;
    overflow: hidden !important;
}

.home-center-shell .home-standing-head,
.home-center-shell .home-standing-row {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: 56px minmax(150px, 1.08fr) minmax(148px, 1.08fr) 74px 70px minmax(128px, 0.95fr) 70px !important;
    column-gap: 10px !important;
    align-items: center !important;
}

.home-center-shell .home-standing-head {
    padding: 0 12px 10px !important;
}

.home-center-shell .home-standing-row {
    padding: 8px 12px !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

.home-center-shell .home-standing-head span,
.home-center-shell .home-standing-row > span,
.home-center-shell .home-standing-row > strong {
    min-width: 0 !important;
    width: 100% !important;
    justify-self: center !important;
    text-align: center !important;
}

.home-center-shell .home-standing-head span:nth-child(2),
.home-center-shell .home-standing-row .home-standing-club {
    justify-self: stretch !important;
    justify-content: flex-start !important;
    text-align: left !important;
}

.home-center-shell .home-standing-row:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(125, 239, 246, 0.22) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.054), rgba(255,255,255,0.022)),
        rgba(7, 24, 29, 0.72) !important;
    box-shadow: 0 12px 26px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.06) !important;
}

/* Market cards: remove fixed oversized columns. The chart must fit inside the card. */
.home-center-shell .home-market-slider-viewport {
    overflow: hidden !important;
    width: 100% !important;
}

.home-center-shell .home-market-slider,
.home-center-shell .home-market-slide {
    overflow: visible !important;
}

.home-center-shell .home-market-slide {
    min-width: 100% !important;
    flex: 0 0 100% !important;
    box-sizing: border-box !important;
}

.home-center-shell .home-market-slide-card {
    display: grid !important;
    grid-template-columns: minmax(0, 0.44fr) minmax(0, 0.56fr) !important;
    gap: 20px !important;
    align-items: center !important;
    min-height: 246px !important;
    padding: 18px 22px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.home-center-shell .home-market-identity {
    min-width: 0 !important;
    width: 100% !important;
    align-self: center !important;
    transform: none !important;
    overflow: visible !important;
}

.home-center-shell .home-market-player-copy {
    min-width: 0 !important;
    overflow: visible !important;
}

.home-center-shell .home-market-change-row {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
    margin-top: 14px !important;
    margin-left: -18px !important;
    transform: none !important;
    max-width: calc(100% + 18px) !important;
    overflow: visible !important;
}

.home-center-shell .home-market-change-row em {
    font-size: clamp(32px, 3vw, 42px) !important;
    line-height: 0.96 !important;
    letter-spacing: -0.052em !important;
    font-weight: 760 !important;
    flex: 0 0 auto !important;
}

.home-center-shell .home-market-change-row .home-market-flow {
    flex: 0 0 auto !important;
    min-width: max-content !important;
    max-width: none !important;
    overflow: visible !important;
    white-space: nowrap !important;
    padding: 7px 12px !important;
    gap: 10px !important;
}

.home-center-shell .home-market-chart-wrap {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 218px !important;
    height: 218px !important;
    padding: 34px 18px 18px 34px !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.home-center-shell .home-market-slide-card .home-sparkline {
    width: 100% !important;
    height: 160px !important;
    display: block !important;
    overflow: visible !important;
}

.home-center-shell .home-market-chart-meta {
    top: 14px !important;
    left: 34px !important;
    right: 18px !important;
}

.home-center-shell .home-market-chart-scale {
    left: 13px !important;
    top: 48px !important;
    bottom: 23px !important;
}

.home-center-shell .home-market-slide-card .home-sparkline-line,
.home-center-shell .home-market-slide-card .home-sparkline polyline {
    stroke-width: 2.8 !important;
}

.home-center-shell .home-market-slide-card .home-sparkline-point,
.home-center-shell .home-market-slide-card .home-sparkline circle {
    r: 3.4px;
    stroke-width: 2 !important;
}

@media (max-width: 1500px) {
    .home-center-shell .home-standing-head,
    .home-center-shell .home-standing-row {
        grid-template-columns: 50px minmax(118px, 1.05fr) minmax(126px, 1.02fr) 66px 62px minmax(104px, 0.92fr) 58px !important;
        column-gap: 8px !important;
    }

    .home-center-shell .home-market-slide-card {
        grid-template-columns: minmax(0, 0.42fr) minmax(0, 0.58fr) !important;
        gap: 18px !important;
        min-height: 232px !important;
        padding: 16px 20px !important;
    }

    .home-center-shell .home-market-change-row {
        margin-left: -20px !important;
        max-width: calc(100% + 20px) !important;
    }

    .home-center-shell .home-market-chart-wrap {
        min-height: 204px !important;
        height: 204px !important;
        padding: 32px 16px 16px 32px !important;
    }

    .home-center-shell .home-market-slide-card .home-sparkline {
        height: 150px !important;
    }
}

@media (max-width: 980px) {
    .home-center-shell .home-market-slide-card {
        grid-template-columns: 1fr !important;
    }

    .home-center-shell .home-market-change-row {
        margin-left: 0 !important;
        max-width: 100% !important;
    }

    .home-center-shell .home-market-chart-wrap {
        min-height: 178px !important;
        height: 178px !important;
    }
}


/* Home market card surgical fix: align price-change row with the uniform left edge. */
.home-center-shell .home-market-identity {
    display: grid !important;
    grid-template-columns: 92px minmax(0, 1fr) !important;
    column-gap: 22px !important;
    row-gap: 12px !important;
    align-items: start !important;
}

.home-center-shell .home-market-uniform-wrap {
    grid-column: 1 !important;
}

.home-center-shell .home-market-player-copy {
    grid-column: 2 !important;
}

.home-center-shell .home-market-change-row {
    grid-column: 1 / -1 !important;
    justify-self: start !important;
    margin-left: 0 !important;
    margin-top: 16px !important;
    transform: none !important;
    max-width: 100% !important;
    padding-left: 0 !important;
}

@media (max-width: 980px) {
    .home-center-shell .home-market-identity {
        grid-template-columns: 82px minmax(0, 1fr) !important;
    }
}

/* ============================================================
   HOME FINAL STRICT PATCH 2026-05-26
   Scope: home hero hover, standings row centering, market chart sizing.
   Keep player identity layout stable; do not change other pages.
   ============================================================ */

/* 1) Home hero: exactly follow player-search hero interaction. */
.home-center-shell .home-center-hero.hero-panel.compact-hero-panel {
    padding: 22px 26px !important;
    margin-bottom: 16px !important;
    min-height: 0 !important;
    border-radius: 30px !important;
    border-color: rgba(255, 255, 255, 0.095) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.026)),
        rgba(8, 16, 19, 0.58) !important;
    backdrop-filter: blur(26px) saturate(128%) !important;
    -webkit-backdrop-filter: blur(26px) saturate(128%) !important;
    box-shadow: 0 24px 80px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.055) !important;
    transition:
        transform 0.58s cubic-bezier(0.16, 1, 0.3, 1),
        border-color 0.58s cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 0.58s cubic-bezier(0.16, 1, 0.3, 1),
        background 0.58s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.home-center-shell .home-center-hero.hero-panel.compact-hero-panel h1 {
    font-size: clamp(30px, 3.2vw, 44px) !important;
    letter-spacing: -0.055em !important;
    line-height: 1 !important;
    margin: 0 !important;
    font-weight: 900 !important;
}

.home-center-shell .home-center-hero.hero-panel.compact-hero-panel .eyebrow {
    margin-bottom: 8px !important;
}

.home-center-shell .home-center-hero.hero-panel.compact-hero-panel:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(125, 239, 246, 0.22) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.056), rgba(255,255,255,0.022)),
        rgba(8, 26, 30, 0.72) !important;
    box-shadow:
        0 26px 58px rgba(0,0,0,0.20),
        inset 0 1px 0 rgba(255,255,255,0.07) !important;
}

/* 2) KBO standings: keep rows centered inside the card and hover only rows. */
.home-center-shell .home-standings-card-top {
    overflow: hidden !important;
}

.home-center-shell .home-standings-table {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 0 26px !important;
    overflow: hidden !important;
}

.home-center-shell .home-standing-head,
.home-center-shell .home-standing-row {
    display: grid !important;
    grid-template-columns: 56px minmax(150px, 1.05fr) minmax(150px, 1.05fr) 74px 70px minmax(128px, 0.95fr) 70px !important;
    column-gap: 10px !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

.home-center-shell .home-standing-head {
    padding: 0 14px 10px !important;
}

.home-center-shell .home-standing-row {
    padding: 8px 14px !important;
    overflow: hidden !important;
}

.home-center-shell .home-standing-row:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(125, 239, 246, 0.22) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.054), rgba(255,255,255,0.022)),
        rgba(7, 24, 29, 0.72) !important;
    box-shadow: 0 12px 26px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.06) !important;
}

/* 3) Market player area: restore horizontal tags and keep price row aligned to uniform edge. */
.home-center-shell .home-market-identity {
    display: grid !important;
    grid-template-columns: 92px minmax(0, 1fr) !important;
    column-gap: 22px !important;
    row-gap: 14px !important;
    align-items: center !important;
    min-width: 0 !important;
    overflow: visible !important;
}

.home-center-shell .home-market-uniform-wrap {
    grid-column: 1 !important;
    align-self: center !important;
}

.home-center-shell .home-market-player-copy {
    grid-column: 2 !important;
    min-width: 0 !important;
    overflow: visible !important;
}

.home-center-shell .home-market-player-tags {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    align-items: center !important;
}

.home-center-shell .home-market-change-row {
    grid-column: 1 / -1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 16px !important;
    flex-wrap: nowrap !important;
    margin: 18px 0 0 0 !important;
    padding: 0 !important;
    transform: none !important;
    max-width: 100% !important;
    overflow: visible !important;
}

.home-center-shell .home-market-change-row .home-market-flow {
    max-width: none !important;
    min-width: max-content !important;
    white-space: nowrap !important;
    overflow: visible !important;
}

/* 4) Market chart: larger, profile-chart-like, with safe inner padding so no edge clipping. */
.home-center-shell .home-market-slide-card {
    grid-template-columns: minmax(0, 410px) minmax(0, 1fr) !important;
    gap: 28px !important;
    min-height: 320px !important;
    padding: 22px 28px !important;
    align-items: center !important;
    overflow: hidden !important;
}

.home-center-shell .home-market-chart-wrap {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 266px !important;
    height: 266px !important;
    padding: 42px 42px 28px 58px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.home-center-shell .home-market-chart-meta {
    top: 16px !important;
    left: 58px !important;
    right: 42px !important;
}

.home-center-shell .home-market-chart-meta b {
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    padding-left: 10px !important;
}

.home-center-shell .home-market-chart-scale {
    left: 20px !important;
    top: 58px !important;
    bottom: 34px !important;
}

.home-center-shell .home-market-slide-card .home-sparkline {
    width: 100% !important;
    height: 196px !important;
    display: block !important;
    overflow: visible !important;
}

.home-center-shell .home-market-slide-card .home-sparkline-line,
.home-center-shell .home-market-slide-card .home-sparkline polyline {
    stroke-width: 3.0 !important;
}

.home-center-shell .home-market-slide-card .home-sparkline-point,
.home-center-shell .home-market-slide-card .home-sparkline circle {
    r: 3.6px;
    stroke-width: 2 !important;
}

@media (max-width: 1500px) {
    .home-center-shell .home-standings-table {
        padding: 0 20px !important;
    }
    .home-center-shell .home-standing-head,
    .home-center-shell .home-standing-row {
        grid-template-columns: 50px minmax(118px, 1.05fr) minmax(126px, 1.02fr) 66px 62px minmax(104px, 0.92fr) 58px !important;
        column-gap: 8px !important;
    }
    .home-center-shell .home-market-slide-card {
        grid-template-columns: minmax(0, 360px) minmax(0, 1fr) !important;
        gap: 22px !important;
        min-height: 298px !important;
    }
    .home-center-shell .home-market-chart-wrap {
        min-height: 244px !important;
        height: 244px !important;
        padding: 38px 36px 24px 54px !important;
    }
    .home-center-shell .home-market-slide-card .home-sparkline {
        height: 182px !important;
    }
}

/* ============================================================
   HOME KBO STANDINGS FINAL CLIP FIX 2026-05-26
   Only fixes the KBO standings table overflow/alignment.
   ============================================================ */
.home-center-shell .home-standings-card-top {
    overflow: hidden !important;
}

.home-center-shell .home-standings-card-top .home-section-heading,
.home-center-shell .home-standings-card-top .section-heading {
    box-sizing: border-box !important;
    max-width: 100% !important;
}

.home-center-shell .home-standings-table {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 0 18px !important;
    overflow: hidden !important;
}

.home-center-shell .home-standing-head,
.home-center-shell .home-standing-row {
    display: grid !important;
    grid-template-columns: 0.55fr 1.35fr 1.55fr 0.82fr 0.82fr 1.35fr 0.86fr !important;
    column-gap: 0 !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

.home-center-shell .home-standing-head {
    padding: 0 12px 10px !important;
    border-bottom: 1px solid rgba(125, 239, 246, 0.12) !important;
}

.home-center-shell .home-standing-row {
    padding: 8px 12px !important;
    margin-top: 9px !important;
    overflow: hidden !important;
}

.home-center-shell .home-standing-head > *,
.home-center-shell .home-standing-row > * {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    text-align: center !important;
    justify-self: center !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
}

.home-center-shell .home-standing-row .home-standing-club,
.home-center-shell .home-standing-head span:nth-child(2) {
    justify-self: start !important;
    text-align: left !important;
}

.home-center-shell .home-standing-row .home-standing-club {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    overflow: hidden !important;
}

.home-center-shell .home-standing-row .home-standing-club b {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
}

.home-center-shell .home-standing-row > span:last-child,
.home-center-shell .home-standing-head > span:last-child {
    justify-self: center !important;
    padding-right: 0 !important;
}

@media (max-width: 1500px) {
    .home-center-shell .home-standings-table {
        padding: 0 14px !important;
    }

    .home-center-shell .home-standing-head,
    .home-center-shell .home-standing-row {
        grid-template-columns: 0.52fr 1.28fr 1.62fr 0.78fr 0.78fr 1.32fr 0.82fr !important;
    }

    .home-center-shell .home-standing-head {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .home-center-shell .home-standing-row {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}


/* ============================================================
   HOME HERO TRUE PLAYER-SEARCH MATCH 2026-05-26
   Scope: ONLY the very top MyPick Center hero.
   - No metric/mini card is added.
   - The old .home-center-hero class is intentionally not used in
     templates/index.html so previous accumulated home-hero overrides
     cannot change this card.
   - Values below mirror the actual Player Search hero cascade.
   ============================================================ */
.home-center-shell.players-page-shell > .home-player-search-hero.players-hero-panel.hero-panel.compact-hero-panel {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 20px 0 16px !important;
    padding: 22px 26px !important;
    min-height: 0 !important;
    border-radius: 24px !important;
    border: 1px solid rgba(255, 255, 255, 0.095) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.026)),
        rgba(8, 16, 19, 0.58) !important;
    backdrop-filter: blur(26px) saturate(128%) !important;
    -webkit-backdrop-filter: blur(26px) saturate(128%) !important;
    box-shadow:
        0 24px 80px rgba(0,0,0,0.22),
        inset 0 1px 0 rgba(255,255,255,0.055) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
    overflow: hidden !important;
    position: relative !important;
    transition:
        transform 0.58s cubic-bezier(0.16, 1, 0.3, 1),
        border-color 0.58s cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 0.58s cubic-bezier(0.16, 1, 0.3, 1),
        background 0.58s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.home-center-shell.players-page-shell > .home-player-search-hero.players-hero-panel.hero-panel.compact-hero-panel::after {
    opacity: 0.38 !important;
    filter: blur(6px) !important;
}

.home-center-shell.players-page-shell > .home-player-search-hero.players-hero-panel.hero-panel.compact-hero-panel > div:first-child {
    min-width: 0 !important;
}

.home-center-shell.players-page-shell > .home-player-search-hero.players-hero-panel.hero-panel.compact-hero-panel .eyebrow {
    color: var(--primary) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.12em !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: normal !important;
    margin: 0 0 8px !important;
}

.home-center-shell.players-page-shell > .home-player-search-hero.players-hero-panel.hero-panel.compact-hero-panel h1 {
    font-family: inherit !important;
    font-size: clamp(30px, 3.2vw, 44px) !important;
    font-weight: 700 !important;
    line-height: 1.02 !important;
    letter-spacing: -0.055em !important;
    margin: 0 !important;
}

.home-center-shell.players-page-shell > .home-player-search-hero.players-hero-panel.hero-panel.compact-hero-panel:hover,
.home-center-shell.players-page-shell > .home-player-search-hero.players-hero-panel.hero-panel.compact-hero-panel:focus-within {
    transform: none !important;
    filter: none !important;
    border-color: rgba(148, 163, 184, 0.12) !important;
    background:
        radial-gradient(circle at 86% 14%, rgba(125, 239, 246, 0.038), transparent 32%),
        linear-gradient(180deg, rgba(255,255,255,0.044), rgba(255,255,255,0.018)),
        rgba(6, 20, 24, 0.66) !important;
    box-shadow:
        0 18px 46px rgba(0, 0, 0, 0.17),
        inset 0 1px 0 rgba(255,255,255,0.052) !important;
}

@media (max-width: 720px) {
    .home-center-shell.players-page-shell > .home-player-search-hero.players-hero-panel.hero-panel.compact-hero-panel {
        margin-top: 20px !important;
        padding: 22px !important;
    }
}

/* ============================================================
   HOME KBO STANDINGS DESIGN RESTORE + GAME COUNT 2026-05-26
   Scope: ONLY the home KBO standings table visual layout.
   Keeps the already-added columns:
   순위 / 팀 / 경기 / 승/패/무 / 승률 / 게임차 / 최근10
   Restores the compact weighted layout instead of equal 1fr columns.
   ============================================================ */
.home-center-shell .home-standings-table {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 0 18px !important;
    overflow: hidden !important;
}

.home-center-shell .home-standing-head,
.home-center-shell .home-standing-row {
    display: grid !important;
    grid-template-columns: 56px minmax(132px, 1.12fr) 72px minmax(142px, 1.18fr) 76px 76px minmax(118px, 0.98fr) !important;
    column-gap: 8px !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

.home-center-shell .home-standing-head {
    padding: 0 12px 10px !important;
    border-bottom: 1px solid rgba(125, 239, 246, 0.12) !important;
}

.home-center-shell .home-standing-row {
    min-height: 66px !important;
    padding: 8px 12px !important;
    margin-top: 9px !important;
    overflow: hidden !important;
}

.home-center-shell .home-standing-head > *,
.home-center-shell .home-standing-row > * {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    justify-self: center !important;
    text-align: center !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
}

.home-center-shell .home-standing-head span:nth-child(2),
.home-center-shell .home-standing-row .home-standing-club {
    justify-self: center !important;
    text-align: center !important;
}

.home-center-shell .home-standing-row .home-standing-club {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

.home-center-shell .home-standing-row .home-standing-club b {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
}

.home-center-shell .home-standing-row:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(125, 239, 246, 0.22) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.054), rgba(255,255,255,0.022)),
        rgba(7, 24, 29, 0.72) !important;
    box-shadow:
        0 12px 26px rgba(0,0,0,0.18),
        inset 0 1px 0 rgba(255,255,255,0.06) !important;
}

@media (max-width: 1500px) {
    .home-center-shell .home-standings-table {
        padding: 0 14px !important;
    }

    .home-center-shell .home-standing-head,
    .home-center-shell .home-standing-row {
        grid-template-columns: 50px minmax(112px, 1.10fr) 64px minmax(126px, 1.14fr) 64px 64px minmax(100px, 0.96fr) !important;
        column-gap: 6px !important;
    }

    .home-center-shell .home-standing-head {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .home-center-shell .home-standing-row {
        min-height: 64px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

@media (max-width: 980px) {
    .home-center-shell .home-standings-table {
        overflow-x: auto !important;
        padding: 0 !important;
    }

    .home-center-shell .home-standing-head,
    .home-center-shell .home-standing-row {
        min-width: 720px !important;
    }
}

/* ============================================================
   HOME KBO STANDINGS COMPACT + OUTER HOVER LOCK 2026-05-26
   Scope: ONLY home KBO standings visual sizing/hover.
   Keeps columns/data unchanged:
   순위 / 팀 / 경기 / 승/패/무 / 승률 / 게임차 / 최근10
   - Slightly reduces vertical length.
   - Removes hover color/effect from the big outer standings card.
   - Keeps each inner ranking row hover effect.
   ============================================================ */
.home-center-shell .home-standings-card-top {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
    background:
        radial-gradient(circle at 88% 0%, rgba(53, 236, 244, 0.06), transparent 30%),
        linear-gradient(145deg, rgba(7, 20, 27, 0.94), rgba(3, 10, 15, 0.97)) !important;
    transition: none !important;
}

.home-center-shell .home-standings-card-top:hover,
.home-center-shell .home-standings-card-top:focus-within {
    transform: none !important;
    filter: none !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    background:
        radial-gradient(circle at 88% 0%, rgba(53, 236, 244, 0.06), transparent 30%),
        linear-gradient(145deg, rgba(7, 20, 27, 0.94), rgba(3, 10, 15, 0.97)) !important;
    box-shadow:
        0 22px 70px rgba(0,0,0,0.20),
        inset 0 1px 0 rgba(255,255,255,0.045) !important;
}

.home-center-shell .home-standings-table {
    gap: 6px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.home-center-shell .home-standing-head {
    padding-top: 0 !important;
    padding-bottom: 8px !important;
}

.home-center-shell .home-standing-row {
    min-height: 60px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    margin-top: 7px !important;
}

@media (max-width: 1500px) {
    .home-center-shell .home-standings-card-top {
        padding-top: 17px !important;
        padding-bottom: 17px !important;
    }

    .home-center-shell .home-standing-row {
        min-height: 58px !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        margin-top: 6px !important;
    }
}

/* ============================================================
   HOME TOP GRID BALANCE 2026-05-26
   Scope: ONLY KBO standings card color/hover and market rise/drop
   card sizing/chart visibility in the home top grid.
   Keeps existing data/columns unchanged.
   ============================================================ */
.home-center-shell .home-top-grid {
    align-items: stretch !important;
}

/* KBO card: restore the same neutral glass tone as the other home cards. */
.home-center-shell .home-standings-card-top {
    align-self: stretch !important;
    height: 100% !important;
    border-color: var(--border-soft) !important;
    background:
        linear-gradient(180deg, rgba(20, 41, 67, 0.96), rgba(13, 29, 48, 0.96)) !important;
    box-shadow: var(--shadow) !important;
}

.home-center-shell .home-standings-card-top:hover,
.home-center-shell .home-standings-card-top:focus-within {
    transform: none !important;
    filter: none !important;
    border-color: var(--border-soft) !important;
    background:
        linear-gradient(180deg, rgba(20, 41, 67, 0.96), rgba(13, 29, 48, 0.96)) !important;
    box-shadow: var(--shadow) !important;
}

/* Make the two market cards share the exact height of the KBO standings card. */
.home-center-shell .home-market-side-stack {
    align-self: stretch !important;
    height: 100% !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 18px !important;
}

.home-center-shell .home-market-carousel-card {
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    margin-bottom: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 18px 20px 14px !important;
    border-color: var(--border-soft) !important;
    background:
        linear-gradient(180deg, rgba(20, 41, 67, 0.96), rgba(13, 29, 48, 0.96)) !important;
    box-shadow: var(--shadow) !important;
    overflow: hidden !important;
}

.home-center-shell .home-market-carousel-card .home-section-heading {
    flex: 0 0 auto !important;
    margin-bottom: 10px !important;
}

.home-center-shell .home-market-carousel-card .home-section-heading h2 {
    font-size: clamp(24px, 2vw, 31px) !important;
    line-height: 1.04 !important;
}

.home-center-shell .home-carousel-controls button {
    width: 34px !important;
    height: 34px !important;
}

.home-center-shell .home-market-slider-viewport {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    width: 100% !important;
    overflow: hidden !important;
}

.home-center-shell .home-market-slider,
.home-center-shell .home-market-slide {
    height: 100% !important;
    min-height: 0 !important;
}

.home-center-shell .home-market-slide {
    display: flex !important;
    align-items: stretch !important;
}

/* Market layout: content moves left, graph keeps the same right edge and stays wide. */
.home-center-shell .home-market-slide-card {
    flex: 1 1 auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 0.82fr) minmax(250px, 1.18fr) !important;
    gap: 22px !important;
    align-items: center !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 8px 0 4px !important;
    overflow: hidden !important;
}

.home-center-shell .home-market-identity {
    transform: none !important;
    display: grid !important;
    grid-template-columns: 88px minmax(0, 1fr) !important;
    column-gap: 18px !important;
    row-gap: 12px !important;
    align-items: center !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
}

.home-center-shell .home-market-uniform-wrap,
.home-center-shell .home-market-uniform-wrap .uniform-sm,
.home-center-shell .home-market-identity .uniform-sm {
    width: 78px !important;
    height: 94px !important;
    flex: 0 0 78px !important;
    border-radius: 19px !important;
}

.home-center-shell .home-market-player-copy {
    min-width: 0 !important;
    overflow: visible !important;
}

.home-center-shell .home-market-player-copy strong {
    font-size: clamp(24px, 1.9vw, 30px) !important;
    line-height: 1.04 !important;
}

.home-center-shell .home-market-player-copy small {
    margin-top: 6px !important;
    font-size: 13px !important;
}

.home-center-shell .home-market-player-tags {
    margin-top: 10px !important;
}

.home-center-shell .home-market-change-row {
    grid-column: 1 / -1 !important;
    transform: none !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    margin: 16px 0 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
}

.home-center-shell .home-market-change-row em {
    font-size: clamp(34px, 3vw, 43px) !important;
    line-height: 1 !important;
}

.home-center-shell .home-market-change-row .home-market-flow {
    min-width: max-content !important;
    max-width: none !important;
    padding: 7px 12px !important;
    overflow: visible !important;
    white-space: nowrap !important;
}

/* Profile-detail-like chart panel: wide, visible, not squeezed into a vertical strip. */
.home-center-shell .home-market-chart-wrap {
    position: relative !important;
    align-self: stretch !important;
    display: flex !important;
    align-items: center !important;
    justify-content: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 38px 34px 22px 52px !important;
    border-radius: 22px !important;
    border: 1px solid rgba(148, 163, 184, 0.16) !important;
    background:
        linear-gradient(90deg, rgba(148, 163, 184, 0.055) 1px, transparent 1px) 0 0 / 44px 100%,
        linear-gradient(180deg, rgba(148, 163, 184, 0.060) 1px, transparent 1px) 0 0 / 100% 38px,
        radial-gradient(circle at 18% 16%, rgba(var(--home-market-tone-rgb), 0.13), transparent 46%),
        rgba(2, 8, 14, 0.42) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
    color: var(--home-market-tone) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.home-center-shell .home-market-chart-meta {
    position: absolute !important;
    top: 14px !important;
    left: 52px !important;
    right: 34px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    min-width: 0 !important;
    gap: 12px !important;
    pointer-events: none !important;
}

.home-center-shell .home-market-chart-meta span,
.home-center-shell .home-market-chart-meta b {
    white-space: nowrap !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
}

.home-center-shell .home-market-chart-scale {
    left: 18px !important;
    top: 56px !important;
    bottom: 30px !important;
    width: 26px !important;
    white-space: nowrap !important;
}

.home-center-shell .home-market-slide-card .home-sparkline {
    display: block !important;
    width: 100% !important;
    height: clamp(142px, 12vw, 182px) !important;
    min-height: 142px !important;
    color: var(--home-market-tone) !important;
    overflow: visible !important;
}

.home-center-shell .home-market-slide-card .home-sparkline-grid-line {
    stroke: rgba(255, 255, 255, 0.085) !important;
    stroke-width: 1 !important;
    vector-effect: non-scaling-stroke !important;
}

.home-center-shell .home-market-slide-card .home-sparkline-area {
    fill: currentColor !important;
    opacity: 0.13 !important;
}

.home-center-shell .home-market-slide-card .home-sparkline-line,
.home-center-shell .home-market-slide-card .home-sparkline polyline {
    display: block !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 3 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    opacity: 1 !important;
    vector-effect: non-scaling-stroke !important;
}

.home-center-shell .home-market-slide-card .home-sparkline-point,
.home-center-shell .home-market-slide-card .home-sparkline circle {
    fill: rgba(2, 8, 14, 0.98) !important;
    stroke: currentColor !important;
    stroke-width: 2.2 !important;
    opacity: 1 !important;
    vector-effect: non-scaling-stroke !important;
}

.home-center-shell .home-carousel-dots {
    flex: 0 0 auto !important;
    margin-top: 8px !important;
}

@media (max-width: 1500px) {
    .home-center-shell .home-market-side-stack {
        gap: 16px !important;
    }

    .home-center-shell .home-market-carousel-card {
        padding: 16px 18px 12px !important;
    }

    .home-center-shell .home-market-carousel-card .home-section-heading {
        margin-bottom: 8px !important;
    }

    .home-center-shell .home-market-slide-card {
        grid-template-columns: minmax(0, 0.80fr) minmax(218px, 1.20fr) !important;
        gap: 18px !important;
        padding-top: 4px !important;
    }

    .home-center-shell .home-market-identity {
        grid-template-columns: 78px minmax(0, 1fr) !important;
        column-gap: 16px !important;
    }

    .home-center-shell .home-market-uniform-wrap,
    .home-center-shell .home-market-uniform-wrap .uniform-sm,
    .home-center-shell .home-market-identity .uniform-sm {
        width: 70px !important;
        height: 84px !important;
        flex-basis: 70px !important;
    }

    .home-center-shell .home-market-change-row {
        margin-top: 13px !important;
        gap: 11px !important;
    }

    .home-center-shell .home-market-change-row em {
        font-size: clamp(30px, 2.8vw, 38px) !important;
    }

    .home-center-shell .home-market-chart-wrap {
        padding: 34px 28px 18px 48px !important;
    }

    .home-center-shell .home-market-chart-meta {
        left: 48px !important;
        right: 28px !important;
    }

    .home-center-shell .home-market-chart-scale {
        left: 16px !important;
        top: 52px !important;
        bottom: 26px !important;
    }

    .home-center-shell .home-market-slide-card .home-sparkline {
        height: clamp(120px, 11vw, 156px) !important;
        min-height: 120px !important;
    }
}

@media (max-width: 980px) {
    .home-center-shell .home-market-side-stack {
        height: auto !important;
        grid-template-rows: none !important;
    }

    .home-center-shell .home-market-carousel-card {
        min-height: 0 !important;
    }

    .home-center-shell .home-market-slide-card {
        grid-template-columns: 1fr !important;
    }

    .home-center-shell .home-market-chart-wrap {
        min-height: 180px !important;
    }
}

/* ============================================================
   HOME TOP CARDS GLASS RESET + REFINED MARKET CHART 2026-05-26
   Scope: ONLY the home KBO card and price rise/drop cards.
   Keeps existing KBO columns and market carousel structure.
   ============================================================ */
.home-center-shell {
    --home-center-glass-bg:
        linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.026)),
        rgba(8, 16, 19, 0.58);
    --home-center-glass-bg-hover:
        radial-gradient(circle at 86% 14%, rgba(125, 239, 246, 0.038), transparent 32%),
        linear-gradient(180deg, rgba(255,255,255,0.044), rgba(255,255,255,0.018)),
        rgba(6, 20, 24, 0.66);
    --home-center-glass-border: rgba(255, 255, 255, 0.095);
    --home-center-glass-shadow:
        0 24px 80px rgba(0,0,0,0.22),
        inset 0 1px 0 rgba(255,255,255,0.055);
}

.home-center-shell .home-standings-card-top,
.home-center-shell .home-market-carousel-card {
    border-color: var(--home-center-glass-border) !important;
    background: var(--home-center-glass-bg) !important;
    box-shadow: var(--home-center-glass-shadow) !important;
    backdrop-filter: blur(26px) saturate(128%) !important;
    -webkit-backdrop-filter: blur(26px) saturate(128%) !important;
}

.home-center-shell .home-standings-card-top:hover,
.home-center-shell .home-standings-card-top:focus-within {
    transform: none !important;
    filter: none !important;
    border-color: var(--home-center-glass-border) !important;
    background: var(--home-center-glass-bg) !important;
    box-shadow: var(--home-center-glass-shadow) !important;
}

.home-center-shell .home-market-carousel-card:hover,
.home-center-shell .home-market-carousel-card:focus-within {
    border-color: rgba(148, 163, 184, 0.12) !important;
    background: var(--home-center-glass-bg-hover) !important;
    box-shadow:
        0 18px 46px rgba(0, 0, 0, 0.17),
        inset 0 1px 0 rgba(255,255,255,0.052) !important;
}

.home-center-shell .home-standing-row {
    background:
        linear-gradient(180deg, rgba(255,255,255,0.038), rgba(255,255,255,0.014)),
        rgba(2, 8, 14, 0.34) !important;
    border-color: rgba(255, 255, 255, 0.075) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.035) !important;
}

.home-center-shell .home-standing-row:hover,
.home-center-shell .home-standing-row:focus-within {
    background:
        radial-gradient(circle at 18% 50%, rgba(125, 239, 246, 0.070), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,0.050), rgba(255,255,255,0.018)),
        rgba(2, 8, 14, 0.40) !important;
    border-color: rgba(125, 239, 246, 0.28) !important;
    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.14),
        inset 0 1px 0 rgba(255,255,255,0.05) !important;
}

/* Keep rise/drop cards equal, but remove the heavy blue panel look. */
.home-center-shell .home-market-side-stack {
    align-self: stretch !important;
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 18px !important;
    height: 100% !important;
    min-height: 0 !important;
}

.home-center-shell .home-market-carousel-card {
    padding: 18px 20px 14px !important;
    overflow: hidden !important;
}

.home-center-shell .home-market-slide-card {
    grid-template-columns: minmax(250px, 0.82fr) minmax(280px, 1.18fr) !important;
    gap: 22px !important;
    align-items: center !important;
    padding: 4px 0 2px !important;
}

.home-center-shell .home-market-identity {
    grid-template-columns: 90px minmax(0, 1fr) !important;
    column-gap: 18px !important;
    row-gap: 13px !important;
    align-content: center !important;
}

.home-center-shell .home-market-uniform-wrap,
.home-center-shell .home-market-uniform-wrap .uniform-sm,
.home-center-shell .home-market-identity .uniform-sm {
    width: 82px !important;
    height: 98px !important;
    flex-basis: 82px !important;
    border-radius: 20px !important;
}

.home-center-shell .home-market-change-row {
    margin-top: 14px !important;
    gap: 14px !important;
}

.home-center-shell .home-market-change-row em {
    font-size: clamp(32px, 2.7vw, 40px) !important;
    font-weight: 700 !important;
    letter-spacing: -0.035em !important;
}

.home-center-shell .home-market-change-row .home-market-flow {
    background: rgba(2, 8, 14, 0.34) !important;
    border-color: rgba(255, 255, 255, 0.085) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.036) !important;
}

/* Refined chart: closer to the player-detail chart tone, not a thick SVG doodle. */
.home-center-shell .home-market-chart-wrap {
    position: relative !important;
    align-self: stretch !important;
    min-height: 0 !important;
    padding: 34px 24px 20px 42px !important;
    border-radius: 20px !important;
    border: 1px solid rgba(255, 255, 255, 0.085) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.030), rgba(255,255,255,0.010)),
        rgba(2, 8, 14, 0.30) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.035),
        0 14px 36px rgba(0,0,0,0.10) !important;
    color: var(--home-market-tone) !important;
    overflow: hidden !important;
}

.home-center-shell .home-market-chart-meta {
    top: 12px !important;
    left: 42px !important;
    right: 24px !important;
    font-size: 11px !important;
    letter-spacing: 0.02em !important;
    color: rgba(203, 213, 225, 0.62) !important;
}

.home-center-shell .home-market-chart-meta span {
    font-weight: 700 !important;
}

.home-center-shell .home-market-chart-meta b {
    color: rgba(248, 250, 252, 0.92) !important;
    font-weight: 720 !important;
}

.home-center-shell .home-market-chart-scale {
    left: 14px !important;
    top: 50px !important;
    bottom: 25px !important;
    width: 22px !important;
    color: rgba(148, 163, 184, 0.70) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
}

.home-center-shell .home-market-slide-card .home-sparkline {
    width: 100% !important;
    height: clamp(126px, 10.6vw, 160px) !important;
    min-height: 126px !important;
    display: block !important;
    color: var(--home-market-tone) !important;
    overflow: visible !important;
}

.home-center-shell .home-market-slide-card .home-sparkline-grid-line {
    stroke: rgba(255, 255, 255, 0.055) !important;
    stroke-width: 1 !important;
    vector-effect: non-scaling-stroke !important;
}

.home-center-shell .home-market-slide-card .home-sparkline-area {
    fill: currentColor !important;
    opacity: 0.075 !important;
}

.home-center-shell .home-market-slide-card .home-sparkline-line,
.home-center-shell .home-market-slide-card .home-sparkline polyline {
    stroke: currentColor !important;
    stroke-width: 2.05 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    opacity: 0.94 !important;
    vector-effect: non-scaling-stroke !important;
    filter: drop-shadow(0 0 5px rgba(var(--home-market-tone-rgb), 0.18)) !important;
}

.home-center-shell .home-market-slide-card .home-sparkline-point,
.home-center-shell .home-market-slide-card .home-sparkline circle {
    display: none !important;
}

.home-center-shell .home-market-slide-card .home-sparkline circle:last-of-type {
    display: block !important;
    fill: rgba(2, 8, 14, 0.96) !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    opacity: 0.95 !important;
    vector-effect: non-scaling-stroke !important;
    filter: drop-shadow(0 0 6px rgba(var(--home-market-tone-rgb), 0.24)) !important;
}

.home-center-shell .home-carousel-dots {
    margin-top: 8px !important;
}

@media (max-width: 1500px) {
    .home-center-shell .home-market-slide-card {
        grid-template-columns: minmax(220px, 0.80fr) minmax(250px, 1.20fr) !important;
        gap: 18px !important;
    }

    .home-center-shell .home-market-identity {
        grid-template-columns: 80px minmax(0, 1fr) !important;
        column-gap: 16px !important;
    }

    .home-center-shell .home-market-uniform-wrap,
    .home-center-shell .home-market-uniform-wrap .uniform-sm,
    .home-center-shell .home-market-identity .uniform-sm {
        width: 72px !important;
        height: 86px !important;
        flex-basis: 72px !important;
    }

    .home-center-shell .home-market-chart-wrap {
        padding: 32px 22px 18px 40px !important;
    }

    .home-center-shell .home-market-chart-meta {
        left: 40px !important;
        right: 22px !important;
    }

    .home-center-shell .home-market-slide-card .home-sparkline {
        height: clamp(112px, 10vw, 142px) !important;
        min-height: 112px !important;
    }
}

/* ============================================================
   HOME MARKET CHART REFINEMENT 2026-05-27
   Scope: ONLY home price rise/drop carousel cards.
   Goals:
   - English eyebrow labels are cyan like the MyPick center tone.
   - Make the chart wider and slightly lower.
   - Compress non-chart content safely without clipping.
   - Keep rise/drop card heights equal and keep all content inside card bounds.
   - Add inner SVG breathing room so the line/end marker is not clipped.
   ============================================================ */
.home-center-shell .home-market-carousel-card .eyebrow,
.home-center-shell .home-market-carousel-card .home-section-heading .eyebrow {
    color: var(--primary) !important;
    text-shadow: 0 0 18px rgba(33, 230, 230, 0.16) !important;
}

.home-center-shell .home-market-carousel-card {
    background: var(--home-center-glass-bg) !important;
    border-color: var(--home-center-glass-border) !important;
    box-shadow: var(--home-center-glass-shadow) !important;
}

.home-center-shell .home-market-carousel-card:hover,
.home-center-shell .home-market-carousel-card:focus-within {
    background: var(--home-center-glass-bg) !important;
    border-color: var(--home-center-glass-border) !important;
    box-shadow: var(--home-center-glass-shadow) !important;
    transform: none !important;
    filter: none !important;
}

.home-center-shell .home-market-carousel-card .home-section-heading {
    margin-bottom: 8px !important;
}

.home-center-shell .home-market-carousel-card .home-section-heading h2 {
    font-size: clamp(28px, 2.25vw, 38px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.055em !important;
}

.home-center-shell .home-market-slide-card {
    grid-template-columns: minmax(188px, 0.56fr) minmax(380px, 1.44fr) !important;
    gap: 20px !important;
    align-items: center !important;
    padding: 2px 0 0 !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

.home-center-shell .home-market-identity {
    grid-template-columns: 76px minmax(0, 1fr) !important;
    column-gap: 14px !important;
    row-gap: 10px !important;
    align-content: center !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
}

.home-center-shell .home-market-uniform-wrap,
.home-center-shell .home-market-uniform-wrap .uniform-sm,
.home-center-shell .home-market-identity .uniform-sm {
    width: 74px !important;
    height: 90px !important;
    flex-basis: 74px !important;
    border-radius: 18px !important;
}

.home-center-shell .home-market-player-copy {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
}

.home-center-shell .home-market-player-copy strong {
    font-size: clamp(24px, 1.9vw, 31px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.05em !important;
    white-space: nowrap !important;
}

.home-center-shell .home-market-player-copy small {
    margin-top: 5px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

.home-center-shell .home-market-player-tags {
    margin-top: 8px !important;
    gap: 7px !important;
    flex-wrap: nowrap !important;
}

.home-center-shell .home-market-player-tags span {
    padding: 5px 9px !important;
    font-size: 12px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.home-center-shell .home-market-change-row {
    margin-top: 12px !important;
    gap: 12px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
}

.home-center-shell .home-market-change-row em {
    font-size: clamp(30px, 2.6vw, 40px) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.042em !important;
    font-weight: 720 !important;
    flex: 0 0 auto !important;
}

.home-center-shell .home-market-change-row .home-market-flow {
    padding: 6px 11px !important;
    gap: 9px !important;
    min-width: max-content !important;
    max-width: none !important;
    white-space: nowrap !important;
    flex: 0 0 auto !important;
}

.home-center-shell .home-market-chart-wrap {
    align-self: center !important;
    justify-self: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: clamp(178px, 15.2vw, 218px) !important;
    min-height: 178px !important;
    max-height: 218px !important;
    padding: 32px 34px 22px 50px !important;
    border-radius: 21px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.026), rgba(255,255,255,0.010)),
        rgba(2, 8, 14, 0.30) !important;
    border: 1px solid rgba(255, 255, 255, 0.085) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.034),
        0 12px 30px rgba(0,0,0,0.10) !important;
}

.home-center-shell .home-market-chart-meta {
    top: 12px !important;
    left: 50px !important;
    right: 34px !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

.home-center-shell .home-market-chart-scale {
    left: 14px !important;
    top: 48px !important;
    bottom: 28px !important;
    width: 24px !important;
    font-size: 10px !important;
}

.home-center-shell .home-market-slide-card .home-sparkline {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    display: block !important;
    color: var(--home-market-tone) !important;
    overflow: visible !important;
}

.home-center-shell .home-market-slide-card .home-sparkline-grid-line {
    stroke: rgba(255, 255, 255, 0.050) !important;
    stroke-width: 1 !important;
    vector-effect: non-scaling-stroke !important;
}

.home-center-shell .home-market-slide-card .home-sparkline-area {
    fill: currentColor !important;
    opacity: 0.060 !important;
}

.home-center-shell .home-market-slide-card .home-sparkline-line,
.home-center-shell .home-market-slide-card .home-sparkline polyline {
    stroke: currentColor !important;
    stroke-width: 1.9 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    opacity: 0.96 !important;
    vector-effect: non-scaling-stroke !important;
    filter: drop-shadow(0 0 4px rgba(var(--home-market-tone-rgb), 0.16)) !important;
}

.home-center-shell .home-market-slide-card .home-sparkline-point,
.home-center-shell .home-market-slide-card .home-sparkline circle {
    display: none !important;
}

.home-center-shell .home-market-slide-card .home-sparkline circle:last-of-type {
    display: block !important;
    fill: rgba(2, 8, 14, 0.98) !important;
    stroke: currentColor !important;
    stroke-width: 1.65 !important;
    opacity: 0.96 !important;
    vector-effect: non-scaling-stroke !important;
    filter: drop-shadow(0 0 5px rgba(var(--home-market-tone-rgb), 0.20)) !important;
}

.home-center-shell .home-carousel-dots {
    margin-top: 6px !important;
}

@media (max-width: 1500px) {
    .home-center-shell .home-market-slide-card {
        grid-template-columns: minmax(168px, 0.52fr) minmax(330px, 1.48fr) !important;
        gap: 16px !important;
    }

    .home-center-shell .home-market-identity {
        grid-template-columns: 68px minmax(0, 1fr) !important;
        column-gap: 12px !important;
        row-gap: 9px !important;
    }

    .home-center-shell .home-market-uniform-wrap,
    .home-center-shell .home-market-uniform-wrap .uniform-sm,
    .home-center-shell .home-market-identity .uniform-sm {
        width: 66px !important;
        height: 80px !important;
        flex-basis: 66px !important;
        border-radius: 17px !important;
    }

    .home-center-shell .home-market-player-copy strong {
        font-size: clamp(22px, 1.8vw, 28px) !important;
    }

    .home-center-shell .home-market-player-copy small {
        font-size: 12px !important;
    }

    .home-center-shell .home-market-player-tags span {
        padding: 5px 8px !important;
        font-size: 11px !important;
    }

    .home-center-shell .home-market-change-row {
        margin-top: 10px !important;
        gap: 10px !important;
    }

    .home-center-shell .home-market-change-row em {
        font-size: clamp(27px, 2.45vw, 36px) !important;
    }

    .home-center-shell .home-market-chart-wrap {
        height: clamp(160px, 14.3vw, 196px) !important;
        min-height: 160px !important;
        max-height: 196px !important;
        padding: 30px 28px 20px 46px !important;
    }

    .home-center-shell .home-market-chart-meta {
        left: 46px !important;
        right: 28px !important;
    }

    .home-center-shell .home-market-chart-scale {
        top: 46px !important;
        bottom: 26px !important;
    }
}

@media (max-width: 980px) {
    .home-center-shell .home-market-slide-card {
        grid-template-columns: 1fr !important;
    }

    .home-center-shell .home-market-chart-wrap {
        width: 100% !important;
        height: 178px !important;
        min-height: 178px !important;
        max-height: none !important;
    }
}

/* ============================================================
   HOME MARKET CHART EDGE FIX 2026-05-27
   Scope: ONLY price rise/drop cards on the home page.
   Keep the current refined look, but prevent the chart/right edge
   and player tags from touching or clipping.
   ============================================================ */
.home-center-shell .home-market-side-stack {
    min-width: 0 !important;
}

.home-center-shell .home-market-carousel-card {
    overflow: hidden !important;
}

.home-center-shell .home-market-slide-card {
    grid-template-columns: minmax(230px, 300px) minmax(0, 1fr) !important;
    gap: clamp(18px, 1.55vw, 26px) !important;
    align-items: center !important;
    padding: 0 10px 0 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.home-center-shell .home-market-identity {
    align-self: center !important;
    transform: translateY(-10px) !important;
    grid-template-columns: 74px minmax(0, 1fr) !important;
    column-gap: 13px !important;
    row-gap: 8px !important;
    max-width: 300px !important;
    min-width: 0 !important;
    overflow: visible !important;
}

.home-center-shell .home-market-uniform-wrap,
.home-center-shell .home-market-uniform-wrap .uniform-sm,
.home-center-shell .home-market-identity .uniform-sm {
    width: 72px !important;
    height: 88px !important;
    flex-basis: 72px !important;
}

.home-center-shell .home-market-player-copy {
    min-width: 0 !important;
    max-width: 100% !important;
}

.home-center-shell .home-market-player-copy strong {
    font-size: clamp(23px, 1.72vw, 30px) !important;
    line-height: 1.02 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}

.home-center-shell .home-market-player-copy small {
    font-size: 12px !important;
    line-height: 1.16 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}

.home-center-shell .home-market-player-tags {
    margin-top: 7px !important;
    gap: 6px !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
}

.home-center-shell .home-market-player-tags span {
    padding: 4px 7px !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
    max-width: 78px !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}

.home-center-shell .home-market-change-row {
    margin-top: 10px !important;
    gap: 10px !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
}

.home-center-shell .home-market-change-row em {
    font-size: clamp(30px, 2.38vw, 38px) !important;
    line-height: 0.98 !important;
    flex: 0 0 auto !important;
}

.home-center-shell .home-market-change-row .home-market-flow {
    padding: 5px 10px !important;
    gap: 8px !important;
    font-size: 13px !important;
    line-height: 1 !important;
    min-width: max-content !important;
    flex: 0 0 auto !important;
}

.home-center-shell .home-market-chart-wrap {
    justify-self: stretch !important;
    align-self: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: clamp(158px, 12.9vw, 188px) !important;
    min-height: 158px !important;
    max-height: 188px !important;
    padding: 27px 30px 17px 44px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.home-center-shell .home-market-chart-meta {
    top: 11px !important;
    left: 44px !important;
    right: 30px !important;
}

.home-center-shell .home-market-chart-scale {
    left: 13px !important;
    top: 44px !important;
    bottom: 24px !important;
    width: 24px !important;
}

.home-center-shell .home-market-slide-card .home-sparkline {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
}

.home-center-shell .home-market-slide-card .home-sparkline-line,
.home-center-shell .home-market-slide-card .home-sparkline polyline {
    stroke-width: 1.75 !important;
}

.home-center-shell .home-market-slide-card .home-sparkline circle:last-of-type {
    r: 3.2 !important;
    stroke-width: 1.5 !important;
}

@media (max-width: 1500px) {
    .home-center-shell .home-market-slide-card {
        grid-template-columns: minmax(206px, 258px) minmax(0, 1fr) !important;
        gap: 16px !important;
        padding-right: 8px !important;
    }

    .home-center-shell .home-market-identity {
        transform: translateY(-8px) !important;
        grid-template-columns: 66px minmax(0, 1fr) !important;
        column-gap: 11px !important;
        max-width: 258px !important;
    }

    .home-center-shell .home-market-uniform-wrap,
    .home-center-shell .home-market-uniform-wrap .uniform-sm,
    .home-center-shell .home-market-identity .uniform-sm {
        width: 64px !important;
        height: 78px !important;
        flex-basis: 64px !important;
    }

    .home-center-shell .home-market-player-copy strong {
        font-size: clamp(21px, 1.68vw, 27px) !important;
    }

    .home-center-shell .home-market-player-copy small {
        font-size: 11.5px !important;
    }

    .home-center-shell .home-market-player-tags span {
        padding: 4px 6px !important;
        font-size: 10px !important;
        max-width: 68px !important;
    }

    .home-center-shell .home-market-change-row em {
        font-size: clamp(27px, 2.28vw, 34px) !important;
    }

    .home-center-shell .home-market-change-row .home-market-flow {
        padding: 5px 9px !important;
        gap: 7px !important;
        font-size: 12.5px !important;
    }

    .home-center-shell .home-market-chart-wrap {
        height: clamp(148px, 12.4vw, 176px) !important;
        min-height: 148px !important;
        max-height: 176px !important;
        padding: 25px 26px 16px 40px !important;
    }

    .home-center-shell .home-market-chart-meta {
        left: 40px !important;
        right: 26px !important;
    }

    .home-center-shell .home-market-chart-scale {
        top: 42px !important;
        bottom: 23px !important;
    }
}

/* ============================================================
   HOME MARKET CARD GRAPH SPACE FIX 2026-05-27
   Scope: ONLY home price rise/drop carousel cards.
   Keep current look, but undo the previous over-shrinking of the chart,
   move the player info block upward, and give the SVG enough internal
   breathing room so the last line/marker is not clipped.
   ============================================================ */
.home-center-shell .home-market-carousel-card .eyebrow,
.home-center-shell .home-market-carousel-card .home-section-heading .eyebrow {
    color: var(--primary) !important;
}

.home-center-shell .home-market-slide-card {
    grid-template-columns: minmax(250px, 0.34fr) minmax(0, 1.66fr) !important;
    gap: clamp(22px, 2.1vw, 34px) !important;
    align-items: start !important;
    padding: 0 28px 8px 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.home-center-shell .home-market-identity {
    align-self: start !important;
    transform: translateY(-30px) !important;
    grid-template-columns: 86px minmax(0, 1fr) !important;
    column-gap: 16px !important;
    row-gap: 10px !important;
    max-width: 330px !important;
    min-width: 0 !important;
    overflow: visible !important;
}

.home-center-shell .home-market-uniform-wrap,
.home-center-shell .home-market-uniform-wrap .uniform-sm,
.home-center-shell .home-market-identity .uniform-sm {
    width: 82px !important;
    height: 98px !important;
    flex-basis: 82px !important;
    border-radius: 19px !important;
}

.home-center-shell .home-market-player-copy {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
}

.home-center-shell .home-market-player-copy strong {
    font-size: clamp(25px, 1.9vw, 32px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.055em !important;
    white-space: nowrap !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}

.home-center-shell .home-market-player-copy small {
    margin-top: 5px !important;
    font-size: 12.5px !important;
    line-height: 1.18 !important;
    white-space: nowrap !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}

.home-center-shell .home-market-player-tags {
    margin-top: 8px !important;
    gap: 6px !important;
    flex-wrap: nowrap !important;
    max-width: 100% !important;
    overflow: visible !important;
}

.home-center-shell .home-market-player-tags span {
    padding: 4px 8px !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
    max-width: 82px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}

.home-center-shell .home-market-change-row {
    grid-column: 1 / -1 !important;
    margin-top: 12px !important;
    gap: 12px !important;
    align-items: center !important;
    max-width: 100% !important;
    overflow: visible !important;
}

.home-center-shell .home-market-change-row em {
    font-size: clamp(34px, 2.9vw, 45px) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.045em !important;
    flex: 0 0 auto !important;
}

.home-center-shell .home-market-change-row .home-market-flow {
    padding: 6px 12px !important;
    gap: 9px !important;
    font-size: 13px !important;
    min-width: max-content !important;
    white-space: nowrap !important;
    flex: 0 0 auto !important;
}

.home-center-shell .home-market-chart-wrap {
    justify-self: stretch !important;
    align-self: start !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: clamp(220px, 18.5vw, 286px) !important;
    min-height: 220px !important;
    max-height: 286px !important;
    margin: 4px 0 0 !important;
    padding: 34px 52px 24px 48px !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.026), rgba(255,255,255,0.010)),
        rgba(2, 8, 14, 0.31) !important;
    border: 1px solid rgba(255, 255, 255, 0.090) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.035),
        0 12px 30px rgba(0,0,0,0.10) !important;
}

.home-center-shell .home-market-chart-meta {
    top: 12px !important;
    left: 48px !important;
    right: 52px !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

.home-center-shell .home-market-chart-scale {
    left: 15px !important;
    top: 50px !important;
    bottom: 30px !important;
    width: 24px !important;
    font-size: 10px !important;
}

.home-center-shell .home-market-slide-card .home-sparkline {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-width: 100% !important;
    color: var(--home-market-tone) !important;
    overflow: visible !important;
}

.home-center-shell .home-market-slide-card .home-sparkline-grid-line {
    stroke: rgba(255, 255, 255, 0.050) !important;
    stroke-width: 1 !important;
    vector-effect: non-scaling-stroke !important;
}

.home-center-shell .home-market-slide-card .home-sparkline-area {
    fill: currentColor !important;
    opacity: 0.070 !important;
}

.home-center-shell .home-market-slide-card .home-sparkline-line,
.home-center-shell .home-market-slide-card .home-sparkline polyline {
    stroke: currentColor !important;
    stroke-width: 1.85 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    opacity: 0.96 !important;
    vector-effect: non-scaling-stroke !important;
    filter: drop-shadow(0 0 4px rgba(var(--home-market-tone-rgb), 0.16)) !important;
}

.home-center-shell .home-market-slide-card .home-sparkline-point,
.home-center-shell .home-market-slide-card .home-sparkline circle {
    display: none !important;
}

.home-center-shell .home-market-slide-card .home-sparkline circle:last-of-type {
    display: block !important;
    r: 3.1 !important;
    fill: rgba(2, 8, 14, 0.98) !important;
    stroke: currentColor !important;
    stroke-width: 1.45 !important;
    opacity: 0.96 !important;
    vector-effect: non-scaling-stroke !important;
    filter: drop-shadow(0 0 5px rgba(var(--home-market-tone-rgb), 0.20)) !important;
}

@media (max-width: 1500px) {
    .home-center-shell .home-market-slide-card {
        grid-template-columns: minmax(226px, 0.32fr) minmax(0, 1.68fr) !important;
        gap: clamp(18px, 1.8vw, 28px) !important;
        padding: 0 22px 8px 0 !important;
    }

    .home-center-shell .home-market-identity {
        transform: translateY(-26px) !important;
        grid-template-columns: 78px minmax(0, 1fr) !important;
        column-gap: 14px !important;
        max-width: 292px !important;
    }

    .home-center-shell .home-market-uniform-wrap,
    .home-center-shell .home-market-uniform-wrap .uniform-sm,
    .home-center-shell .home-market-identity .uniform-sm {
        width: 74px !important;
        height: 88px !important;
        flex-basis: 74px !important;
    }

    .home-center-shell .home-market-player-copy strong {
        font-size: clamp(23px, 1.82vw, 30px) !important;
    }

    .home-center-shell .home-market-player-copy small {
        font-size: 12px !important;
    }

    .home-center-shell .home-market-player-tags span {
        padding: 4px 7px !important;
        font-size: 10px !important;
        max-width: 74px !important;
    }

    .home-center-shell .home-market-change-row em {
        font-size: clamp(31px, 2.7vw, 41px) !important;
    }

    .home-center-shell .home-market-change-row .home-market-flow {
        padding: 5px 10px !important;
        font-size: 12.5px !important;
    }

    .home-center-shell .home-market-chart-wrap {
        height: clamp(204px, 17.6vw, 260px) !important;
        min-height: 204px !important;
        max-height: 260px !important;
        padding: 32px 46px 22px 44px !important;
    }

    .home-center-shell .home-market-chart-meta {
        left: 44px !important;
        right: 46px !important;
    }

    .home-center-shell .home-market-chart-scale {
        left: 14px !important;
        top: 48px !important;
        bottom: 28px !important;
    }
}

/* ============================================================
   HOME MARKET CARD FINAL LAYOUT STABILIZATION 2026-05-27
   Scope: ONLY home price rise/drop carousel cards.
   Purpose:
   - Prevent player text from being pulled under the card title.
   - Give the chart the widest remaining horizontal space.
   - Keep the chart lower/flatter, not vertically stretched.
   - Keep all line/marker content inside the chart panel.
   - Override earlier experimental market-card blocks in one final place.
   ============================================================ */
.home-center-shell .home-market-side-stack {
    min-width: 0 !important;
}

.home-center-shell .home-market-carousel-card {
    overflow: hidden !important;
    background: var(--home-center-glass-bg) !important;
    border-color: var(--home-center-glass-border) !important;
    box-shadow: var(--home-center-glass-shadow) !important;
}

.home-center-shell .home-market-carousel-card:hover,
.home-center-shell .home-market-carousel-card:focus-within {
    transform: none !important;
    filter: none !important;
    background: var(--home-center-glass-bg) !important;
    border-color: var(--home-center-glass-border) !important;
    box-shadow: var(--home-center-glass-shadow) !important;
}

.home-center-shell .home-market-carousel-card .eyebrow,
.home-center-shell .home-market-carousel-card .home-section-heading .eyebrow {
    color: var(--primary) !important;
    text-shadow: 0 0 18px rgba(33, 230, 230, 0.15) !important;
}

.home-center-shell .home-market-carousel-card .home-section-heading {
    flex: 0 0 auto !important;
    margin-bottom: clamp(8px, 0.8vw, 12px) !important;
    position: relative !important;
    z-index: 2 !important;
}

.home-center-shell .home-market-carousel-card .home-section-heading h2 {
    font-size: clamp(34px, 3.15vw, 48px) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.06em !important;
}

.home-center-shell .home-market-slider-viewport {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

.home-center-shell .home-market-slider,
.home-center-shell .home-market-slide {
    height: 100% !important;
    min-height: 0 !important;
}

.home-center-shell .home-market-slide {
    display: flex !important;
    align-items: stretch !important;
}

.home-center-shell .home-market-slide-card {
    flex: 1 1 auto !important;
    display: grid !important;
    grid-template-columns: clamp(255px, 31%, 330px) minmax(0, 1fr) !important;
    gap: clamp(18px, 2.1vw, 30px) !important;
    align-items: center !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 clamp(16px, 1.4vw, 24px) 2px 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.home-center-shell .home-market-identity {
    align-self: center !important;
    transform: translateY(-4px) !important;
    display: grid !important;
    grid-template-columns: 82px minmax(0, 1fr) !important;
    column-gap: 16px !important;
    row-gap: 10px !important;
    align-items: center !important;
    align-content: center !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
}

.home-center-shell .home-market-uniform-wrap,
.home-center-shell .home-market-uniform-wrap .uniform-sm,
.home-center-shell .home-market-identity .uniform-sm {
    width: 80px !important;
    height: 96px !important;
    flex: 0 0 80px !important;
    border-radius: 19px !important;
}

.home-center-shell .home-market-player-copy {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
}

.home-center-shell .home-market-player-copy strong {
    display: block !important;
    font-size: clamp(28px, 2.45vw, 38px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.055em !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

.home-center-shell .home-market-player-copy small {
    display: block !important;
    margin-top: 5px !important;
    font-size: clamp(12px, 1.05vw, 14px) !important;
    line-height: 1.16 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

.home-center-shell .home-market-player-tags {
    margin-top: 8px !important;
    gap: 7px !important;
    flex-wrap: nowrap !important;
    max-width: 100% !important;
    overflow: visible !important;
}

.home-center-shell .home-market-player-tags span {
    padding: 4px 8px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    max-width: 82px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}

.home-center-shell .home-market-change-row {
    grid-column: 1 / -1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    margin: 13px 0 0 !important;
    padding: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
}

.home-center-shell .home-market-change-row em {
    flex: 0 0 auto !important;
    font-size: clamp(36px, 3.45vw, 54px) !important;
    line-height: 0.95 !important;
    letter-spacing: -0.045em !important;
    font-weight: 720 !important;
}

.home-center-shell .home-market-change-row .home-market-flow {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    max-width: 150px !important;
    padding: 6px 11px !important;
    gap: 8px !important;
    font-size: clamp(12px, 1.05vw, 14px) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.home-center-shell .home-market-chart-wrap {
    position: relative !important;
    align-self: center !important;
    justify-self: stretch !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: clamp(168px, 13.5vw, 206px) !important;
    min-height: 168px !important;
    max-height: 206px !important;
    margin: 0 !important;
    padding: 32px 42px 24px 50px !important;
    border-radius: 22px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    color: var(--home-market-tone) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.028), rgba(255,255,255,0.010)),
        rgba(2, 8, 14, 0.30) !important;
    border: 1px solid rgba(255, 255, 255, 0.088) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.036),
        0 12px 30px rgba(0,0,0,0.10) !important;
}

.home-center-shell .home-market-chart-meta {
    position: absolute !important;
    top: 12px !important;
    left: 50px !important;
    right: 42px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
    min-width: 0 !important;
    font-size: 11px !important;
    line-height: 1 !important;
    color: rgba(203, 213, 225, 0.64) !important;
    pointer-events: none !important;
}

.home-center-shell .home-market-chart-meta span,
.home-center-shell .home-market-chart-meta b {
    white-space: nowrap !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
}

.home-center-shell .home-market-chart-meta b {
    color: rgba(248, 250, 252, 0.94) !important;
    font-weight: 720 !important;
}

.home-center-shell .home-market-chart-scale {
    position: absolute !important;
    left: 15px !important;
    top: 50px !important;
    bottom: 30px !important;
    width: 27px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    color: rgba(148, 163, 184, 0.70) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    pointer-events: none !important;
}

.home-center-shell .home-market-slide-card .home-sparkline {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    color: var(--home-market-tone) !important;
    overflow: visible !important;
}

.home-center-shell .home-market-slide-card .home-sparkline-grid-line {
    stroke: rgba(255, 255, 255, 0.052) !important;
    stroke-width: 1 !important;
    vector-effect: non-scaling-stroke !important;
}

.home-center-shell .home-market-slide-card .home-sparkline-area {
    fill: currentColor !important;
    opacity: 0.060 !important;
}

.home-center-shell .home-market-slide-card .home-sparkline-line,
.home-center-shell .home-market-slide-card .home-sparkline polyline {
    stroke: currentColor !important;
    stroke-width: 1.85 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    opacity: 0.96 !important;
    vector-effect: non-scaling-stroke !important;
    filter: drop-shadow(0 0 4px rgba(var(--home-market-tone-rgb), 0.16)) !important;
}

.home-center-shell .home-market-slide-card .home-sparkline-point,
.home-center-shell .home-market-slide-card .home-sparkline circle {
    display: none !important;
}

.home-center-shell .home-market-slide-card .home-sparkline circle:last-of-type {
    display: block !important;
    r: 3 !important;
    fill: rgba(2, 8, 14, 0.98) !important;
    stroke: currentColor !important;
    stroke-width: 1.55 !important;
    opacity: 0.96 !important;
    vector-effect: non-scaling-stroke !important;
    filter: drop-shadow(0 0 5px rgba(var(--home-market-tone-rgb), 0.20)) !important;
}

.home-center-shell .home-carousel-dots {
    flex: 0 0 auto !important;
    margin-top: 8px !important;
}

@media (max-width: 1500px) {
    .home-center-shell .home-market-carousel-card .home-section-heading h2 {
        font-size: clamp(30px, 3vw, 42px) !important;
    }

    .home-center-shell .home-market-slide-card {
        grid-template-columns: clamp(232px, 30%, 292px) minmax(0, 1fr) !important;
        gap: 18px !important;
        padding: 0 18px 2px 0 !important;
    }

    .home-center-shell .home-market-identity {
        transform: translateY(-3px) !important;
        grid-template-columns: 74px minmax(0, 1fr) !important;
        column-gap: 14px !important;
    }

    .home-center-shell .home-market-uniform-wrap,
    .home-center-shell .home-market-uniform-wrap .uniform-sm,
    .home-center-shell .home-market-identity .uniform-sm {
        width: 72px !important;
        height: 86px !important;
        flex-basis: 72px !important;
        border-radius: 18px !important;
    }

    .home-center-shell .home-market-player-copy strong {
        font-size: clamp(24px, 2.35vw, 34px) !important;
    }

    .home-center-shell .home-market-player-copy small {
        font-size: clamp(11.5px, 1.05vw, 13px) !important;
    }

    .home-center-shell .home-market-player-tags {
        gap: 6px !important;
    }

    .home-center-shell .home-market-player-tags span {
        padding: 4px 7px !important;
        font-size: 10.5px !important;
        max-width: 72px !important;
    }

    .home-center-shell .home-market-change-row {
        margin-top: 11px !important;
        gap: 10px !important;
    }

    .home-center-shell .home-market-change-row em {
        font-size: clamp(32px, 3.2vw, 46px) !important;
    }

    .home-center-shell .home-market-change-row .home-market-flow {
        max-width: 138px !important;
        padding: 5px 10px !important;
        font-size: 12.5px !important;
    }

    .home-center-shell .home-market-chart-wrap {
        height: clamp(154px, 13vw, 188px) !important;
        min-height: 154px !important;
        max-height: 188px !important;
        padding: 30px 36px 22px 46px !important;
    }

    .home-center-shell .home-market-chart-meta {
        left: 46px !important;
        right: 36px !important;
    }

    .home-center-shell .home-market-chart-scale {
        left: 14px !important;
        top: 48px !important;
        bottom: 28px !important;
    }
}

@media (max-width: 980px) {
    .home-center-shell .home-market-slide-card {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
        padding: 0 !important;
    }

    .home-center-shell .home-market-identity {
        transform: none !important;
    }

    .home-center-shell .home-market-chart-wrap {
        width: 100% !important;
        height: 176px !important;
        min-height: 176px !important;
        max-height: none !important;
    }
}

/* ============================================================
   HOME MARKET GRAPH BALANCED EXPAND 2026-05-27
   Scope: ONLY home price rise/drop chart sizing.
   Rules:
   - Grow the chart horizontally from its center, not one side.
   - Keep the chart inside the card; no right clipping.
   - Keep the chart away from player text; no left overlap.
   - Increase height only modestly and keep vertical growth centered.
   ============================================================ */
.home-center-shell .home-market-slide-card {
    grid-template-columns: clamp(238px, 29%, 308px) minmax(0, 1fr) !important;
    gap: clamp(20px, 2.2vw, 32px) !important;
    align-items: center !important;
    padding: 0 clamp(18px, 1.4vw, 24px) 2px 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.home-center-shell .home-market-identity {
    transform: translateY(-2px) !important;
    align-self: center !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
}

.home-center-shell .home-market-player-tags span {
    max-width: 84px !important;
}

.home-center-shell .home-market-chart-wrap {
    justify-self: stretch !important;
    align-self: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: clamp(182px, 14.4vw, 220px) !important;
    min-height: 182px !important;
    max-height: 220px !important;
    margin: 0 !important;
    padding: 30px 30px 22px 46px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.home-center-shell .home-market-chart-meta {
    top: 12px !important;
    left: 46px !important;
    right: 30px !important;
}

.home-center-shell .home-market-chart-scale {
    left: 14px !important;
    top: 48px !important;
    bottom: 28px !important;
}

.home-center-shell .home-market-slide-card .home-sparkline {
    display: block !important;
    width: calc(100% + 36px) !important;
    max-width: none !important;
    height: 100% !important;
    margin-left: -18px !important;
    overflow: visible !important;
    color: var(--home-market-tone) !important;
}

.home-center-shell .home-market-slide-card .home-sparkline-line,
.home-center-shell .home-market-slide-card .home-sparkline polyline {
    stroke-width: 1.95 !important;
    vector-effect: non-scaling-stroke !important;
}

.home-center-shell .home-market-slide-card .home-sparkline circle:last-of-type {
    r: 3 !important;
    stroke-width: 1.55 !important;
}

@media (max-width: 1500px) {
    .home-center-shell .home-market-slide-card {
        grid-template-columns: clamp(224px, 28%, 278px) minmax(0, 1fr) !important;
        gap: clamp(18px, 2vw, 26px) !important;
        padding: 0 18px 2px 0 !important;
    }

    .home-center-shell .home-market-identity {
        transform: translateY(-2px) !important;
    }

    .home-center-shell .home-market-chart-wrap {
        height: clamp(178px, 15vw, 204px) !important;
        min-height: 178px !important;
        max-height: 204px !important;
        padding: 30px 28px 22px 44px !important;
    }

    .home-center-shell .home-market-chart-meta {
        left: 44px !important;
        right: 28px !important;
    }

    .home-center-shell .home-market-slide-card .home-sparkline {
        width: calc(100% + 32px) !important;
        margin-left: -16px !important;
    }
}

@media (max-width: 980px) {
    .home-center-shell .home-market-slide-card {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
        padding: 0 !important;
    }

    .home-center-shell .home-market-identity {
        transform: none !important;
    }

    .home-center-shell .home-market-chart-wrap {
        height: 176px !important;
        min-height: 176px !important;
        max-height: none !important;
        padding: 30px 28px 22px 44px !important;
    }

    .home-center-shell .home-market-slide-card .home-sparkline {
        width: 100% !important;
        margin-left: 0 !important;
    }
}

/* ============================================================
   HOME MARKET CARD PRICE ALIGNMENT + SAFE WIDE CHART 2026-05-27
   Scope: ONLY home price rise/drop carousel cards.
   Purpose:
   - Slightly reduce the price-change number and old→new pill.
   - Keep that row closer to the No./role tag row's right edge.
   - Make the chart wider by giving it more real layout space.
   - Keep chart line/point/labels inside the panel; no clipping/overlap tricks.
   ============================================================ */
.home-center-shell .home-market-slide-card {
    grid-template-columns: clamp(222px, 26%, 288px) minmax(0, 1fr) !important;
    gap: clamp(12px, 1.45vw, 20px) !important;
    padding-right: clamp(10px, 0.95vw, 16px) !important;
    overflow: hidden !important;
}

.home-center-shell .home-market-identity {
    transform: translateY(-2px) !important;
    max-width: 100% !important;
}

.home-center-shell .home-market-change-row {
    width: min(100%, 294px) !important;
    max-width: 294px !important;
    gap: clamp(7px, 0.65vw, 10px) !important;
    margin-top: 11px !important;
}

.home-center-shell .home-market-change-row em {
    font-size: clamp(31px, 2.9vw, 44px) !important;
    line-height: 0.95 !important;
    letter-spacing: -0.052em !important;
    font-weight: 720 !important;
}

.home-center-shell .home-market-change-row .home-market-flow {
    max-width: 118px !important;
    padding: 5px 8px !important;
    gap: 6px !important;
    font-size: clamp(11.2px, 0.92vw, 12.6px) !important;
    line-height: 1 !important;
    border-radius: 999px !important;
}

.home-center-shell .home-market-chart-wrap {
    justify-self: stretch !important;
    align-self: center !important;
    width: 100% !important;
    max-width: 100% !important;
    height: clamp(170px, 13.2vw, 198px) !important;
    min-height: 170px !important;
    max-height: 198px !important;
    padding: 30px 20px 22px 38px !important;
    overflow: hidden !important;
}

.home-center-shell .home-market-chart-meta {
    left: 38px !important;
    right: 20px !important;
}

.home-center-shell .home-market-chart-scale {
    left: 12px !important;
    top: 48px !important;
    bottom: 28px !important;
}

.home-center-shell .home-market-slide-card .home-sparkline {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    margin-left: 0 !important;
    overflow: visible !important;
}

.home-center-shell .home-market-slide-card .home-sparkline-line,
.home-center-shell .home-market-slide-card .home-sparkline polyline {
    stroke-width: 1.86 !important;
}

.home-center-shell .home-market-slide-card .home-sparkline circle:last-of-type {
    r: 2.8 !important;
    stroke-width: 1.45 !important;
}

@media (max-width: 1500px) {
    .home-center-shell .home-market-slide-card {
        grid-template-columns: clamp(205px, 24.5%, 244px) minmax(0, 1fr) !important;
        gap: clamp(11px, 1.3vw, 16px) !important;
        padding-right: 10px !important;
    }

    .home-center-shell .home-market-change-row {
        width: min(100%, 258px) !important;
        max-width: 258px !important;
        gap: 7px !important;
        margin-top: 9px !important;
    }

    .home-center-shell .home-market-change-row em {
        font-size: clamp(29px, 2.72vw, 38px) !important;
    }

    .home-center-shell .home-market-change-row .home-market-flow {
        max-width: 108px !important;
        padding: 5px 7px !important;
        gap: 5px !important;
        font-size: 11.2px !important;
    }

    .home-center-shell .home-market-chart-wrap {
        height: clamp(168px, 14vw, 194px) !important;
        min-height: 168px !important;
        max-height: 194px !important;
        padding: 30px 18px 22px 36px !important;
    }

    .home-center-shell .home-market-chart-meta {
        left: 36px !important;
        right: 18px !important;
    }

    .home-center-shell .home-market-chart-scale {
        left: 11px !important;
        top: 48px !important;
        bottom: 28px !important;
    }
}

@media (max-width: 980px) {
    .home-center-shell .home-market-slide-card {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
        padding-right: 0 !important;
    }

    .home-center-shell .home-market-change-row {
        width: 100% !important;
        max-width: 100% !important;
    }

    .home-center-shell .home-market-chart-wrap {
        height: 176px !important;
        min-height: 176px !important;
        max-height: none !important;
        padding: 30px 28px 22px 44px !important;
    }
}

/* ==========================================================
   Home bottom board final layout 2026-05-27
   Scope: Best-team baseball view carousel + popular picks only.
   Uses the same field-slot / captain-gold-slot system as team edit.
   ========================================================== */
.home-center-shell .home-bottom-board {
    display: grid !important;
    grid-template-columns: minmax(0, 1.48fr) minmax(340px, 0.62fr) !important;
    gap: 22px !important;
    align-items: stretch !important;
    margin-top: 24px !important;
}

.home-center-shell .home-best-showcase-card,
.home-center-shell .home-popular-board-card {
    min-width: 0 !important;
    min-height: 670px !important;
    padding: 24px !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 88% 4%, rgba(53, 236, 244, 0.07), transparent 32%),
        linear-gradient(145deg, rgba(8, 22, 29, 0.94), rgba(3, 10, 15, 0.97)) !important;
    border-color: rgba(148, 163, 184, 0.17) !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
}

.home-center-shell .home-best-showcase-card {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
}

.home-center-shell .home-best-slider-viewport {
    min-width: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

.home-center-shell .home-best-slider {
    height: 100% !important;
    display: flex !important;
    transition: transform 520ms cubic-bezier(.2,.7,.2,1) !important;
    will-change: transform !important;
}

.home-center-shell .home-best-slide {
    flex: 0 0 100% !important;
    min-width: 100% !important;
    min-height: 0 !important;
    display: flex !important;
}

.home-center-shell .home-best-slide > .home-best-team-card {
    flex: 1 1 auto !important;
}

.home-center-shell .home-best-team-card {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    gap: 16px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.home-center-shell .home-best-team-info {
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-auto-rows: auto !important;
    gap: 8px 16px !important;
    align-items: center !important;
    padding: 0 !important;
}

.home-center-shell .home-best-team-info .home-card-kicker {
    grid-column: 1 / -1 !important;
    font-size: 12px !important;
    line-height: 1 !important;
    letter-spacing: 0.18em !important;
    color: var(--primary) !important;
    text-transform: uppercase !important;
}

.home-center-shell .home-team-title-link {
    min-width: 0 !important;
    grid-column: 1 !important;
    gap: 12px !important;
    margin: 0 !important;
}

.home-center-shell .home-team-title-link .home-team-uniform {
    flex: 0 0 auto !important;
}

.home-center-shell .home-team-title-link strong {
    display: block !important;
    max-width: 100% !important;
    font-size: clamp(22px, 2vw, 30px) !important;
    line-height: 1.05 !important;
    letter-spacing: -0.045em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}

.home-center-shell .home-team-title-link small {
    display: block !important;
    max-width: 100% !important;
    margin-top: 3px !important;
    font-size: 13px !important;
    color: var(--muted) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}

.home-center-shell .home-team-score {
    grid-column: 2 !important;
    grid-row: 2 / span 2 !important;
    margin: 0 !important;
    text-align: right !important;
    font-size: clamp(30px, 3.1vw, 46px) !important;
    line-height: 0.95 !important;
    letter-spacing: -0.06em !important;
    white-space: nowrap !important;
}

.home-center-shell .home-team-meta-line {
    grid-column: 1 !important;
    margin: 0 !important;
    gap: 7px !important;
    min-width: 0 !important;
    flex-wrap: wrap !important;
}

.home-center-shell .home-team-meta-line span {
    padding: 5px 9px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
}

.home-center-shell .home-team-mvp {
    grid-column: 1 / -1 !important;
    margin: 2px 0 0 !important;
    padding: 10px 12px !important;
    border-radius: 16px !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    gap: 8px !important;
    align-items: center !important;
}

.home-center-shell .home-team-mvp span,
.home-center-shell .home-team-mvp small,
.home-center-shell .home-team-mvp strong {
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}

.home-center-shell .home-team-mvp strong {
    font-size: 16px !important;
}

.home-center-shell .home-lineup-board {
    min-width: 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(134px, 170px) minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: stretch !important;
}

.home-center-shell .home-lineup-field-wrap {
    min-width: 0 !important;
    min-height: 0 !important;
    height: 100% !important;
}

.home-center-shell .home-team-stadium {
    width: 100% !important;
    height: 100% !important;
    min-height: 430px !important;
    max-height: 500px !important;
    aspect-ratio: auto !important;
    margin: 0 !important;
    border-radius: 26px !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 50% 13%, rgba(125, 239, 246, 0.10), transparent 34%),
        rgba(2, 6, 23, 0.56) !important;
}

.home-center-shell .home-best-showcase-card .field-position {
    width: clamp(82px, 5.5vw, 104px) !important;
    z-index: 2 !important;
}

.home-center-shell .home-best-showcase-card .home-team-stadium .pos-lf { left: 24% !important; top: 27% !important; }
.home-center-shell .home-best-showcase-card .home-team-stadium .pos-cf { left: 50% !important; top: 16% !important; }
.home-center-shell .home-best-showcase-card .home-team-stadium .pos-rf { left: 76% !important; top: 27% !important; }
.home-center-shell .home-best-showcase-card .home-team-stadium .pos-ss { left: 39% !important; top: 43% !important; }
.home-center-shell .home-best-showcase-card .home-team-stadium .pos-2b { left: 61% !important; top: 43% !important; }
.home-center-shell .home-best-showcase-card .home-team-stadium .pos-3b { left: 31% !important; top: 56% !important; }
.home-center-shell .home-best-showcase-card .home-team-stadium .pos-1b { left: 69% !important; top: 56% !important; }
.home-center-shell .home-best-showcase-card .home-team-stadium .pos-p1 { left: 50% !important; top: 62% !important; }
.home-center-shell .home-best-showcase-card .home-team-stadium .pos-c { left: 50% !important; top: 86% !important; }
.home-center-shell .home-best-showcase-card .home-team-stadium .pos-util { left: 78% !important; top: 78% !important; }

.home-center-shell .home-best-showcase-card .field-slot {
    height: 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;
    padding: 6px !important;
    border-radius: 14px !important;
    box-sizing: border-box !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.052), rgba(255,255,255,0.018)),
        rgba(3, 15, 22, 0.80) !important;
    border-color: rgba(148, 163, 184, 0.17) !important;
    overflow: hidden !important;
}

.home-center-shell .home-best-showcase-card .field-slot.filled {
    border-color: rgba(125, 239, 246, 0.27) !important;
}

.home-center-shell .home-best-showcase-card .field-slot.captain-gold-slot,
.home-center-shell .home-best-showcase-card .field-slot.captain-gold-slot.filled {
    border-color: rgba(234, 179, 8, 0.78) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.07),
        0 10px 24px rgba(0, 0, 0, 0.20),
        0 0 0 1px rgba(234, 179, 8, 0.18),
        0 0 18px rgba(234, 179, 8, 0.16) !important;
    background:
        linear-gradient(135deg, rgba(234, 179, 8, 0.055), rgba(34, 211, 238, 0.018) 48%, rgba(3, 13, 18, 0.00) 78%),
        rgba(3, 15, 22, 0.80) !important;
}

.home-center-shell .home-best-showcase-card .field-slot .slot-captain-mark {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 16px !important;
    height: 16px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(234, 179, 8, 0.72) !important;
    color: rgba(254, 243, 199, 0.95) !important;
    font-size: 10px !important;
    line-height: 1 !important;
}

.home-center-shell .home-best-showcase-card .slot-topline {
    gap: 4px !important;
    line-height: 1 !important;
}

.home-center-shell .home-best-showcase-card .slot-code {
    font-size: 10px !important;
}

.home-center-shell .home-best-showcase-card .slot-label {
    font-size: 9px !important;
}

.home-center-shell .home-best-showcase-card .slot-player-main {
    gap: 5px !important;
    margin-top: 3px !important;
}

.home-center-shell .home-best-showcase-card .field-slot .uniform-sm {
    width: 26px !important;
    height: 34px !important;
    flex: 0 0 26px !important;
}

.home-center-shell .home-best-showcase-card .field-slot .player-link {
    display: block !important;
    font-size: 11px !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}

.home-center-shell .home-best-showcase-card .slot-back-no,
.home-center-shell .home-best-showcase-card .inactive-player-badge,
.home-center-shell .home-best-showcase-card .position-mismatch-badge,
.home-center-shell .home-best-showcase-card .slot-meta {
    display: none !important;
}

.home-center-shell .home-best-showcase-card .slot-stats {
    margin-top: 4px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: baseline !important;
    gap: 4px !important;
    font-size: 9.8px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.home-center-shell .home-best-showcase-card .slot-stats small {
    display: none !important;
}

.home-center-shell .home-bullpen-panel {
    height: 100% !important;
    min-height: 430px !important;
    max-height: 500px !important;
    padding: 11px !important;
    border-radius: 23px !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    background: rgba(3, 12, 18, 0.62) !important;
    border-color: rgba(148, 163, 184, 0.15) !important;
}

.home-center-shell .home-bullpen-panel .bullpen-heading {
    margin-bottom: 9px !important;
}

.home-center-shell .home-bullpen-rail {
    min-height: 0 !important;
    height: 100% !important;
    display: grid !important;
    grid-template-rows: repeat(5, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

.home-center-shell .home-bullpen-rail .field-slot {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}

.home-center-shell .home-popular-board-card {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
}

.home-center-shell .home-popular-board-card .home-popular-list {
    min-height: 0 !important;
    display: grid !important;
    gap: 12px !important;
    align-content: start !important;
}

.home-center-shell .home-popular-board-card .home-popular-row {
    min-width: 0 !important;
    min-height: 82px !important;
    display: grid !important;
    grid-template-columns: 30px 48px minmax(0, 1fr) auto !important;
    gap: 12px !important;
    align-items: center !important;
    padding: 12px 14px !important;
    border-radius: 18px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.040), rgba(255,255,255,0.014)),
        rgba(3, 12, 18, 0.66) !important;
    border: 1px solid rgba(148, 163, 184, 0.14) !important;
}

.home-center-shell .home-popular-board-card .home-popular-row:hover {
    border-color: rgba(125, 239, 246, 0.26) !important;
    background:
        linear-gradient(180deg, rgba(125, 239, 246, 0.070), rgba(255,255,255,0.014)),
        rgba(3, 12, 18, 0.72) !important;
}

.home-center-shell .home-popular-board-card .uniform-xs {
    width: 42px !important;
    height: 54px !important;
}

.home-center-shell .home-popular-rank {
    width: 28px !important;
    height: 28px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 950 !important;
    color: var(--primary) !important;
    border: 1px solid rgba(125, 239, 246, 0.22) !important;
    background: rgba(125, 239, 246, 0.055) !important;
}

.home-center-shell .home-popular-copy {
    min-width: 0 !important;
    display: grid !important;
    gap: 4px !important;
}

.home-center-shell .home-popular-copy strong {
    font-size: 17px !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}

.home-center-shell .home-popular-copy small {
    display: block !important;
    min-width: 0 !important;
    color: var(--muted) !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}

.home-center-shell .home-popular-board-card .home-popular-row em {
    justify-self: end !important;
    min-width: 58px !important;
    padding: 8px 10px !important;
    border-radius: 999px !important;
    text-align: center !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    color: var(--primary) !important;
    border: 1px solid rgba(125, 239, 246, 0.20) !important;
    background: rgba(125, 239, 246, 0.055) !important;
}

.home-center-shell .home-best-dots {
    margin-top: 14px !important;
}

@media (max-width: 1320px) {
    .home-center-shell .home-bottom-board {
        grid-template-columns: 1fr !important;
    }

    .home-center-shell .home-best-showcase-card,
    .home-center-shell .home-popular-board-card {
        min-height: auto !important;
    }

    .home-center-shell .home-best-showcase-card {
        min-height: 680px !important;
    }
}

@media (max-width: 980px) {
    .home-center-shell .home-lineup-board {
        grid-template-columns: 1fr !important;
        height: auto !important;
    }

    .home-center-shell .home-bullpen-panel,
    .home-center-shell .home-team-stadium {
        min-height: auto !important;
        max-height: none !important;
    }

    .home-center-shell .home-bullpen-rail {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        grid-template-rows: none !important;
    }

    .home-center-shell .home-popular-board-card .home-popular-row {
        grid-template-columns: 28px 44px minmax(0, 1fr) !important;
    }

    .home-center-shell .home-popular-board-card .home-popular-row em {
        grid-column: 3 !important;
        justify-self: start !important;
        margin-top: 3px !important;
    }
}


/* ==========================================================
   Popular picks 7-row final adjustment 2026-05-27
   Scope: popular-pick card only. Keeps ownership percentage exact,
   removes grey roster-count text, and fits seven rows safely.
   ========================================================== */
.home-center-shell .home-popular-board-card .home-popular-list {
    gap: 9px !important;
}

.home-center-shell .home-popular-board-card .home-popular-row {
    min-height: 68px !important;
    grid-template-columns: 28px 44px minmax(0, 1fr) auto !important;
    gap: 10px !important;
    padding: 8px 12px !important;
    border-radius: 17px !important;
}

.home-center-shell .home-popular-board-card .uniform-xs {
    width: 38px !important;
    height: 50px !important;
}

.home-center-shell .home-popular-rank {
    width: 26px !important;
    height: 26px !important;
    font-size: 14px !important;
}

.home-center-shell .home-popular-copy {
    gap: 3px !important;
}

.home-center-shell .home-popular-copy strong {
    font-size: 16px !important;
    line-height: 1.05 !important;
}

.home-center-shell .home-popular-copy small {
    font-size: 11.5px !important;
    line-height: 1.12 !important;
}

.home-center-shell .home-popular-board-card .home-popular-row em {
    min-width: 54px !important;
    padding: 7px 9px !important;
    font-size: 12.5px !important;
}

@media (max-width: 980px) {
    .home-center-shell .home-popular-board-card .home-popular-row {
        grid-template-columns: 26px 40px minmax(0, 1fr) !important;
        min-height: 66px !important;
    }
}

/* ==========================================================
   Popular picks 7-row fill stabilization 2026-05-27
   Scope: ONLY the home popular-pick board.
   Goal: keep 7 players, restore row size, and distribute rows to
   fill the card height without overlap or clipping.
   ========================================================== */
.home-center-shell .home-popular-board-card {
    overflow: hidden !important;
}

.home-center-shell .home-popular-board-card .home-popular-list {
    height: 100% !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-rows: repeat(7, minmax(86px, 1fr)) !important;
    gap: clamp(11px, 1.05vw, 16px) !important;
    align-content: stretch !important;
}

.home-center-shell .home-popular-board-card .home-popular-row {
    width: 100% !important;
    height: 100% !important;
    min-height: 86px !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: 34px 58px minmax(0, 1fr) 78px !important;
    gap: clamp(12px, 1vw, 16px) !important;
    align-items: center !important;
    padding: clamp(10px, 0.95vw, 14px) clamp(14px, 1.1vw, 18px) !important;
    overflow: hidden !important;
}

.home-center-shell .home-popular-board-card .uniform-xs {
    width: 50px !important;
    height: 64px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    justify-self: center !important;
}

.home-center-shell .home-popular-rank {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    font-size: 16px !important;
    justify-self: center !important;
}

.home-center-shell .home-popular-copy {
    min-width: 0 !important;
    display: grid !important;
    gap: 4px !important;
    align-content: center !important;
}

.home-center-shell .home-popular-copy strong {
    display: block !important;
    font-size: clamp(17px, 1.18vw, 21px) !important;
    line-height: 1.05 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: initial !important;
}

.home-center-shell .home-popular-copy small {
    display: block !important;
    font-size: clamp(12px, 0.82vw, 14px) !important;
    line-height: 1.16 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: initial !important;
}

.home-center-shell .home-popular-board-card .home-popular-row em {
    justify-self: end !important;
    min-width: 68px !important;
    max-width: 78px !important;
    box-sizing: border-box !important;
    padding: 8px 10px !important;
    font-size: clamp(13px, 0.98vw, 16px) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: visible !important;
}

@media (max-width: 1320px) {
    .home-center-shell .home-popular-board-card .home-popular-list {
        grid-template-rows: repeat(7, minmax(78px, 1fr)) !important;
        gap: 10px !important;
    }

    .home-center-shell .home-popular-board-card .home-popular-row {
        min-height: 78px !important;
        grid-template-columns: 30px 50px minmax(0, 1fr) 66px !important;
        gap: 11px !important;
        padding: 10px 12px !important;
    }

    .home-center-shell .home-popular-board-card .uniform-xs {
        width: 44px !important;
        height: 56px !important;
        min-width: 44px !important;
        max-width: 44px !important;
    }

    .home-center-shell .home-popular-rank {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        font-size: 14px !important;
    }
}

@media (max-width: 980px) {
    .home-center-shell .home-popular-board-card .home-popular-list {
        grid-template-rows: none !important;
        grid-auto-rows: minmax(76px, auto) !important;
        height: auto !important;
    }

    .home-center-shell .home-popular-board-card .home-popular-row {
        height: auto !important;
        min-height: 76px !important;
        grid-template-columns: 28px 46px minmax(0, 1fr) !important;
    }

    .home-center-shell .home-popular-board-card .home-popular-row em {
        grid-column: 3 !important;
        justify-self: start !important;
        min-width: 64px !important;
        margin-top: 4px !important;
    }
}

/* ============================================================
   HOME TOP CARDS HEIGHT MATCH + COMPACT POLISH 2026-05-27
   Scope: ONLY the top KBO card and the two price rise/drop cards.
   Goal:
   - Left KBO card height equals right price-card stack height.
   - Only reduce price-card heading/empty vertical space; keep chart/player content size.
   - Compress KBO title/table/rows carefully so no row or label is clipped.
   ============================================================ */
.home-center-shell .home-top-grid {
    --home-top-card-height: clamp(700px, 39vw, 760px);
    --home-top-gap: 22px;
    align-items: stretch !important;
}

.home-center-shell .home-standings-card-top,
.home-center-shell .home-market-side-stack {
    height: var(--home-top-card-height) !important;
    min-height: var(--home-top-card-height) !important;
    max-height: var(--home-top-card-height) !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
}

.home-center-shell .home-market-side-stack {
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: var(--home-top-gap) !important;
    min-width: 0 !important;
}

/* KBO standings: reduce height by distributing small reductions across the header and all rows. */
.home-center-shell .home-standings-card-top {
    display: flex !important;
    flex-direction: column !important;
    padding: 20px 24px 18px !important;
    overflow: hidden !important;
    border-color: rgba(148, 163, 184, 0.17) !important;
    background:
        radial-gradient(circle at 88% 4%, rgba(53, 236, 244, 0.055), transparent 32%),
        linear-gradient(145deg, rgba(8, 22, 29, 0.94), rgba(3, 10, 15, 0.97)) !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
}

.home-center-shell .home-standings-card-top:hover,
.home-center-shell .home-standings-card-top:focus-within {
    transform: none !important;
    filter: none !important;
    border-color: rgba(148, 163, 184, 0.17) !important;
    background:
        radial-gradient(circle at 88% 4%, rgba(53, 236, 244, 0.055), transparent 32%),
        linear-gradient(145deg, rgba(8, 22, 29, 0.94), rgba(3, 10, 15, 0.97)) !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
}

.home-center-shell .home-standings-card-top .home-section-heading {
    flex: 0 0 auto !important;
    margin-bottom: 12px !important;
    min-height: 0 !important;
}

.home-center-shell .home-standings-card-top .home-section-heading .eyebrow {
    font-size: 10.5px !important;
    line-height: 1.05 !important;
    letter-spacing: 0.18em !important;
    margin-bottom: 6px !important;
}

.home-center-shell .home-standings-card-top .home-section-heading h2 {
    font-size: clamp(34px, 2.35vw, 44px) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.055em !important;
}

.home-center-shell .home-standings-card-top .home-section-heading > span {
    font-size: clamp(11px, 0.9vw, 14px) !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
}

.home-center-shell .home-standings-table {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    padding: 0 10px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

.home-center-shell .home-standing-head,
.home-center-shell .home-standing-row {
    grid-template-columns: 48px minmax(106px, 1.10fr) 58px minmax(122px, 1.15fr) 62px 62px minmax(96px, 0.98fr) !important;
    column-gap: 6px !important;
}

.home-center-shell .home-standing-head {
    flex: 0 0 auto !important;
    padding: 0 8px 7px !important;
    font-size: 10.5px !important;
    line-height: 1.1 !important;
}

.home-center-shell .home-standing-row {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 4px 8px !important;
    margin-top: 6px !important;
    font-size: clamp(11.4px, 0.86vw, 13.2px) !important;
    line-height: 1.08 !important;
}

.home-center-shell .home-standing-row .home-standing-rank,
.home-center-shell .home-standing-row > span {
    font-size: inherit !important;
    line-height: 1.08 !important;
}

.home-center-shell .home-standing-row .home-standing-club {
    gap: 7px !important;
}

.home-center-shell .home-standing-row .home-standing-club .uniform-img.uniform-xs,
.home-center-shell .home-standing-row .home-standing-club .uniform-img.uniform-sm,
.home-center-shell .home-standing-row .home-standing-club .uniform-xs,
.home-center-shell .home-standing-row .home-standing-club .uniform-sm {
    width: 26px !important;
    height: 34px !important;
    flex: 0 0 26px !important;
}

.home-center-shell .home-standing-row .home-standing-club b {
    font-size: clamp(12px, 0.95vw, 14px) !important;
    line-height: 1.05 !important;
}

/* Price cards: match the KBO height while preserving player/chart content sizes. */
.home-center-shell .home-market-carousel-card {
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    padding: 16px 20px 10px !important;
    overflow: hidden !important;
    border-color: rgba(148, 163, 184, 0.17) !important;
    background:
        radial-gradient(circle at 88% 4%, rgba(53, 236, 244, 0.055), transparent 32%),
        linear-gradient(145deg, rgba(8, 22, 29, 0.94), rgba(3, 10, 15, 0.97)) !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
}

.home-center-shell .home-market-carousel-card:hover,
.home-center-shell .home-market-carousel-card:focus-within {
    border-color: rgba(148, 163, 184, 0.17) !important;
    background:
        radial-gradient(circle at 88% 4%, rgba(53, 236, 244, 0.055), transparent 32%),
        linear-gradient(145deg, rgba(8, 22, 29, 0.94), rgba(3, 10, 15, 0.97)) !important;
}

.home-center-shell .home-market-carousel-card .home-section-heading {
    margin-bottom: 6px !important;
    min-height: 0 !important;
}

.home-center-shell .home-market-carousel-card .eyebrow,
.home-center-shell .home-market-carousel-card .home-section-heading .eyebrow {
    color: var(--accent) !important;
    font-size: 10.8px !important;
    line-height: 1.05 !important;
    letter-spacing: 0.20em !important;
    margin-bottom: 5px !important;
}

.home-center-shell .home-market-carousel-card .home-section-heading h2 {
    font-size: clamp(30px, 2.35vw, 42px) !important;
    line-height: 0.96 !important;
    letter-spacing: -0.057em !important;
}

.home-center-shell .home-market-carousel-card .home-carousel-controls {
    gap: 8px !important;
}

.home-center-shell .home-market-carousel-card .home-carousel-controls button {
    width: 34px !important;
    height: 34px !important;
}

.home-center-shell .home-market-slider-viewport {
    min-height: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
}

.home-center-shell .home-market-slider,
.home-center-shell .home-market-slide {
    height: 100% !important;
    min-height: 0 !important;
}

.home-center-shell .home-market-slide-card {
    height: 100% !important;
    min-height: 0 !important;
    align-items: center !important;
}

.home-center-shell .home-market-carousel-card .home-carousel-dots {
    flex: 0 0 auto !important;
    margin-top: 6px !important;
    min-height: 12px !important;
}

@media (max-width: 1500px) {
    .home-center-shell .home-top-grid {
        --home-top-card-height: clamp(660px, 48vw, 710px);
        --home-top-gap: 18px;
    }

    .home-center-shell .home-standings-card-top {
        padding: 18px 20px 16px !important;
    }

    .home-center-shell .home-standings-card-top .home-section-heading h2 {
        font-size: clamp(31px, 2.7vw, 38px) !important;
    }

    .home-center-shell .home-standings-table {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .home-center-shell .home-standing-head,
    .home-center-shell .home-standing-row {
        grid-template-columns: 42px minmax(92px, 1.08fr) 50px minmax(108px, 1.15fr) 54px 54px minmax(86px, 0.98fr) !important;
        column-gap: 5px !important;
    }

    .home-center-shell .home-standing-row {
        margin-top: 5px !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
        font-size: clamp(10.8px, 0.98vw, 12.4px) !important;
    }

    .home-center-shell .home-standing-row .home-standing-club .uniform-img.uniform-xs,
    .home-center-shell .home-standing-row .home-standing-club .uniform-img.uniform-sm,
    .home-center-shell .home-standing-row .home-standing-club .uniform-xs,
    .home-center-shell .home-standing-row .home-standing-club .uniform-sm {
        width: 23px !important;
        height: 30px !important;
        flex-basis: 23px !important;
    }

    .home-center-shell .home-market-carousel-card {
        padding: 14px 18px 9px !important;
    }

    .home-center-shell .home-market-carousel-card .home-section-heading h2 {
        font-size: clamp(28px, 3vw, 36px) !important;
    }

    .home-center-shell .home-market-carousel-card .home-carousel-controls button {
        width: 32px !important;
        height: 32px !important;
    }
}

@media (max-width: 980px) {
    .home-center-shell .home-top-grid {
        --home-top-card-height: auto;
    }

    .home-center-shell .home-standings-card-top,
    .home-center-shell .home-market-side-stack {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    .home-center-shell .home-market-side-stack {
        display: grid !important;
        grid-template-rows: auto auto !important;
    }

    .home-center-shell .home-standings-table {
        display: block !important;
        overflow-x: auto !important;
    }

    .home-center-shell .home-standing-row {
        min-height: 54px !important;
    }
}

/* ============================================================
   HOME TOP CARD COLOR + TITLE SIZE REPAIR 2026-05-27
   Scope: ONLY top KBO / Price Rise / Price Drop card surface and heading typography.
   - Restore the same glass tone used by MyPick Center / Player Search hero.
   - Keep the height-balance layout and all inner player/chart/KBO row sizing intact.
   - Make KBO/Price Rise/Price Drop Korean titles the same reduced size.
   ============================================================ */
.home-center-shell .home-top-grid {
    --home-top-title-size: clamp(30px, 2.08vw, 38px);
}

.home-center-shell .home-standings-card-top,
.home-center-shell .home-market-carousel-card {
    border-color: rgba(148, 163, 184, 0.12) !important;
    background:
        radial-gradient(circle at 86% 14%, rgba(125, 239, 246, 0.038), transparent 32%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.044), rgba(255, 255, 255, 0.018)),
        rgba(6, 20, 24, 0.66) !important;
    box-shadow:
        0 18px 46px rgba(0, 0, 0, 0.17),
        inset 0 1px 0 rgba(255, 255, 255, 0.052) !important;
}

.home-center-shell .home-standings-card-top:hover,
.home-center-shell .home-standings-card-top:focus-within,
.home-center-shell .home-market-carousel-card:hover,
.home-center-shell .home-market-carousel-card:focus-within {
    transform: none !important;
    filter: none !important;
    border-color: rgba(148, 163, 184, 0.12) !important;
    background:
        radial-gradient(circle at 86% 14%, rgba(125, 239, 246, 0.038), transparent 32%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.044), rgba(255, 255, 255, 0.018)),
        rgba(6, 20, 24, 0.66) !important;
    box-shadow:
        0 18px 46px rgba(0, 0, 0, 0.17),
        inset 0 1px 0 rgba(255, 255, 255, 0.052) !important;
}

.home-center-shell .home-standings-card-top .home-section-heading .eyebrow,
.home-center-shell .home-market-carousel-card .eyebrow,
.home-center-shell .home-market-carousel-card .home-section-heading .eyebrow {
    color: var(--primary) !important;
}

.home-center-shell .home-standings-card-top .home-section-heading h2,
.home-center-shell .home-market-carousel-card .home-section-heading h2 {
    font-size: var(--home-top-title-size) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.055em !important;
}

@media (max-width: 1500px) {
    .home-center-shell .home-top-grid {
        --home-top-title-size: clamp(28px, 2.55vw, 34px);
    }
}

/* ============================================================
   HOME BOTTOM BOARD SLIDE + FIELD STABILIZATION 2026-05-27
   Scope: ONLY home bottom best-team carousel + popular-pick board.
   Goals:
   - Best-team title belongs to each slide, not to a fixed outer header.
   - Remove representative-player strip and use team-edit field layout language.
   - Smooth carousel movement matching price cards.
   - Reduce bottom card height safely without overlap/clipping.
   - Apply hover to the whole best-team card, not to isolated inner pieces.
   ============================================================ */
.home-center-shell .home-bottom-board {
    --home-bottom-card-height: clamp(600px, 32vw, 635px);
    --home-bottom-gap: 22px;
    grid-template-columns: minmax(0, 1.48fr) minmax(340px, 0.62fr) !important;
    gap: var(--home-bottom-gap) !important;
    align-items: stretch !important;
    margin-top: 22px !important;
}

.home-center-shell .home-best-showcase-card,
.home-center-shell .home-popular-board-card {
    height: var(--home-bottom-card-height) !important;
    min-height: var(--home-bottom-card-height) !important;
    max-height: var(--home-bottom-card-height) !important;
    box-sizing: border-box !important;
    padding: 20px 22px 14px !important;
    border-radius: 28px !important;
    border-color: rgba(148, 163, 184, 0.12) !important;
    background:
        radial-gradient(circle at 86% 14%, rgba(125, 239, 246, 0.038), transparent 32%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.044), rgba(255, 255, 255, 0.018)),
        rgba(6, 20, 24, 0.66) !important;
    box-shadow:
        0 18px 46px rgba(0, 0, 0, 0.17),
        inset 0 1px 0 rgba(255, 255, 255, 0.052) !important;
    overflow: hidden !important;
}

.home-center-shell .home-best-showcase-card {
    position: relative !important;
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) auto !important;
    transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease, background 180ms ease !important;
}

.home-center-shell .home-best-showcase-card:hover,
.home-center-shell .home-best-showcase-card:focus-within,
.home-center-shell .home-popular-board-card:hover,
.home-center-shell .home-popular-board-card:focus-within {
    border-color: rgba(125, 239, 246, 0.24) !important;
    background:
        radial-gradient(circle at 86% 14%, rgba(125, 239, 246, 0.052), transparent 32%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.020)),
        rgba(6, 20, 24, 0.69) !important;
    box-shadow:
        0 22px 54px rgba(0, 0, 0, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.058),
        0 0 0 1px rgba(125, 239, 246, 0.045) !important;
}

.home-center-shell .home-best-carousel-controls {
    position: absolute !important;
    top: 20px !important;
    right: 22px !important;
    z-index: 6 !important;
    gap: 8px !important;
}

.home-center-shell .home-best-carousel-controls button {
    width: 34px !important;
    height: 34px !important;
}

.home-center-shell .home-best-slider-viewport {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

.home-center-shell .home-best-slider {
    height: 100% !important;
    min-height: 0 !important;
    display: flex !important;
    transition: transform 520ms cubic-bezier(.2,.7,.2,1) !important;
    will-change: transform !important;
    transform: translate3d(0, 0, 0);
}

.home-center-shell .home-best-slide {
    flex: 0 0 100% !important;
    min-width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    display: flex !important;
    overflow: hidden !important;
}

.home-center-shell .home-best-slide > .home-best-team-card {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.home-center-shell .home-best-team-card {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden !important;
    transform: none !important;
}

.home-center-shell .home-best-team-card:hover,
.home-center-shell .home-best-team-card:focus-within {
    transform: none !important;
    filter: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

.home-center-shell .home-best-slide-head {
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
        "title score"
        "team score"
        "meta score" !important;
    gap: 7px 18px !important;
    align-items: center !important;
    padding: 0 82px 0 0 !important;
}

.home-center-shell .home-best-title-block {
    grid-area: title !important;
    min-width: 0 !important;
}

.home-center-shell .home-best-title-block .eyebrow {
    margin: 0 0 5px !important;
    color: var(--primary) !important;
    font-size: 11px !important;
    line-height: 1.05 !important;
    letter-spacing: 0.20em !important;
    text-transform: uppercase !important;
}

.home-center-shell .home-best-title-block h2 {
    margin: 0 !important;
    font-size: clamp(30px, 2.2vw, 40px) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.055em !important;
    white-space: nowrap !important;
}

.home-center-shell .home-best-slide-head .home-team-title-link {
    grid-area: team !important;
    min-width: 0 !important;
    gap: 10px !important;
    margin: 0 !important;
    align-self: center !important;
}

.home-center-shell .home-best-slide-head .home-team-uniform .uniform-sm {
    width: 36px !important;
    height: 48px !important;
}

.home-center-shell .home-best-slide-head .home-team-title-link strong {
    font-size: clamp(18px, 1.4vw, 24px) !important;
    line-height: 1.04 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: initial !important;
}

.home-center-shell .home-best-slide-head .home-team-title-link small {
    margin-top: 2px !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: initial !important;
}

.home-center-shell .home-best-slide-head .home-team-score {
    grid-area: score !important;
    justify-self: end !important;
    align-self: center !important;
    margin: 0 !important;
    font-size: clamp(28px, 2.8vw, 44px) !important;
    line-height: 0.95 !important;
    letter-spacing: -0.06em !important;
    white-space: nowrap !important;
}

.home-center-shell .home-best-slide-head .home-team-meta-line {
    grid-area: meta !important;
    margin: 0 !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
}

.home-center-shell .home-best-slide-head .home-team-meta-line span {
    padding: 5px 9px !important;
    font-size: 11.5px !important;
    line-height: 1.05 !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
}

.home-center-shell .home-best-team-info,
.home-center-shell .home-team-mvp {
    display: none !important;
}

.home-center-shell .home-lineup-board {
    height: 100% !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(132px, 158px) minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: stretch !important;
    overflow: visible !important;
}

.home-center-shell .home-bullpen-panel {
    min-width: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 12px 10px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
}

.home-center-shell .home-bullpen-panel .support-card-heading {
    margin-bottom: 8px !important;
}

.home-center-shell .home-bullpen-panel .support-card-heading span {
    font-size: 13px !important;
}

.home-center-shell .home-bullpen-panel .support-card-heading small {
    font-size: 11px !important;
}

.home-center-shell .home-bullpen-rail {
    height: calc(100% - 28px) !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-rows: repeat(5, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

.home-center-shell .home-lineup-field-wrap {
    height: 100% !important;
    min-height: 0 !important;
    overflow: visible !important;
}

.home-center-shell .home-team-stadium {
    width: 100% !important;
    height: 100% !important;
    min-height: 420px !important;
    max-height: none !important;
    aspect-ratio: 1200 / 800 !important;
    margin: 0 !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 50% 18%, rgba(125, 239, 246, 0.09), transparent 34%),
        rgba(2, 6, 23, 0.56) !important;
}

.home-center-shell .home-best-showcase-card .home-team-stadium .field-position {
    width: clamp(76px, 5.0vw, 94px) !important;
    z-index: 2 !important;
}

/* Match the current team-edit spatial language while keeping enough room for the smaller home field. */
.home-center-shell .home-best-showcase-card .home-team-stadium .pos-lf { left: 30% !important; top: 34% !important; }
.home-center-shell .home-best-showcase-card .home-team-stadium .pos-cf { left: 50% !important; top: 23% !important; }
.home-center-shell .home-best-showcase-card .home-team-stadium .pos-rf { left: 70% !important; top: 34% !important; }
.home-center-shell .home-best-showcase-card .home-team-stadium .pos-ss { left: 41% !important; top: 50% !important; }
.home-center-shell .home-best-showcase-card .home-team-stadium .pos-2b { left: 59% !important; top: 50% !important; }
.home-center-shell .home-best-showcase-card .home-team-stadium .pos-3b { left: 31% !important; top: 64% !important; }
.home-center-shell .home-best-showcase-card .home-team-stadium .pos-1b { left: 69% !important; top: 64% !important; }
.home-center-shell .home-best-showcase-card .home-team-stadium .pos-p1 { left: 50% !important; top: 67% !important; }
.home-center-shell .home-best-showcase-card .home-team-stadium .pos-c { left: 50% !important; top: 84% !important; }
.home-center-shell .home-best-showcase-card .home-team-stadium .pos-util { left: 82% !important; top: 79% !important; }

.home-center-shell .home-best-showcase-card .field-slot {
    width: 100% !important;
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    padding: 5px 6px !important;
    border-radius: 14px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    transform: none !important;
    transition: none !important;
}

.home-center-shell .home-best-showcase-card .field-slot:hover,
.home-center-shell .home-best-showcase-card .field-slot:focus-visible {
    transform: none !important;
    filter: none !important;
}

.home-center-shell .home-best-showcase-card .field-slot .slot-topline {
    gap: 4px !important;
    line-height: 1 !important;
}

.home-center-shell .home-best-showcase-card .field-slot .slot-code {
    font-size: 10px !important;
}

.home-center-shell .home-best-showcase-card .field-slot .slot-label {
    font-size: 9px !important;
}

.home-center-shell .home-best-showcase-card .field-slot .slot-player-main {
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) !important;
    gap: 5px !important;
    align-items: center !important;
    margin-top: 3px !important;
}

.home-center-shell .home-best-showcase-card .field-slot .uniform-sm {
    width: 24px !important;
    height: 32px !important;
}

.home-center-shell .home-best-showcase-card .field-slot .player-link {
    display: block !important;
    font-size: 10.5px !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}

.home-center-shell .home-best-showcase-card .field-slot .slot-back-no,
.home-center-shell .home-best-showcase-card .field-slot .slot-meta,
.home-center-shell .home-best-showcase-card .field-slot .inactive-player-badge,
.home-center-shell .home-best-showcase-card .field-slot .position-mismatch-badge {
    display: none !important;
}

.home-center-shell .home-best-showcase-card .field-slot .slot-stats {
    margin-top: 2px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 3px !important;
    align-items: center !important;
    font-size: 9.5px !important;
    line-height: 1 !important;
}

.home-center-shell .home-best-showcase-card .field-slot .slot-stats span {
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}

.home-center-shell .home-best-showcase-card .field-slot .slot-stats small {
    font-size: 7px !important;
    margin-left: 2px !important;
}

.home-center-shell .home-best-showcase-card .field-slot.captain-gold-slot,
.home-center-shell .home-best-showcase-card .field-slot.captain-gold-slot.filled {
    border-color: rgba(234, 179, 8, 0.78) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.07),
        0 0 0 1px rgba(234, 179, 8, 0.18),
        0 0 18px rgba(234, 179, 8, 0.15) !important;
}

.home-center-shell .home-best-showcase-card .field-slot .slot-captain-mark {
    width: 16px !important;
    height: 16px !important;
    font-size: 10px !important;
    flex: 0 0 16px !important;
}

.home-center-shell .home-best-dots {
    margin-top: 10px !important;
    min-height: 12px !important;
}

.home-center-shell .home-popular-board-card {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
}

.home-center-shell .home-popular-board-card .home-section-heading {
    margin-bottom: 12px !important;
}

.home-center-shell .home-popular-board-card .home-section-heading .eyebrow {
    color: var(--primary) !important;
    font-size: 11px !important;
    line-height: 1.05 !important;
    letter-spacing: 0.20em !important;
}

.home-center-shell .home-popular-board-card .home-section-heading h2 {
    font-size: clamp(30px, 2.1vw, 38px) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.055em !important;
}

.home-center-shell .home-popular-board-card .home-popular-list {
    height: 100% !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-rows: repeat(7, minmax(0, 1fr)) !important;
    gap: 9px !important;
}

.home-center-shell .home-popular-board-card .home-popular-row {
    min-height: 0 !important;
    height: 100% !important;
    grid-template-columns: 30px 50px minmax(0, 1fr) 68px !important;
    gap: 11px !important;
    padding: 9px 13px !important;
    border-radius: 17px !important;
    overflow: hidden !important;
}

.home-center-shell .home-popular-board-card .uniform-xs {
    width: 44px !important;
    height: 56px !important;
    min-width: 44px !important;
    max-width: 44px !important;
}

.home-center-shell .home-popular-rank {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    font-size: 14px !important;
}

.home-center-shell .home-popular-copy strong {
    font-size: clamp(15px, 1.05vw, 18px) !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}

.home-center-shell .home-popular-copy small {
    font-size: clamp(11px, 0.78vw, 13px) !important;
    line-height: 1.12 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}

.home-center-shell .home-popular-board-card .home-popular-row em {
    min-width: 64px !important;
    max-width: 68px !important;
    padding: 8px 8px !important;
    font-size: clamp(12px, 0.9vw, 14px) !important;
    white-space: nowrap !important;
}

@media (max-width: 1320px) {
    .home-center-shell .home-bottom-board {
        --home-bottom-card-height: auto;
        grid-template-columns: 1fr !important;
    }

    .home-center-shell .home-best-showcase-card,
    .home-center-shell .home-popular-board-card {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    .home-center-shell .home-best-showcase-card {
        min-height: 620px !important;
    }

    .home-center-shell .home-popular-board-card .home-popular-row {
        min-height: 74px !important;
    }
}

@media (max-width: 980px) {
    .home-center-shell .home-best-slide-head {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "title"
            "team"
            "meta"
            "score" !important;
        padding-right: 0 !important;
    }

    .home-center-shell .home-best-carousel-controls {
        top: 16px !important;
        right: 16px !important;
    }

    .home-center-shell .home-lineup-board {
        grid-template-columns: 1fr !important;
        height: auto !important;
    }

    .home-center-shell .home-bullpen-rail {
        height: auto !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        grid-template-rows: none !important;
    }

    .home-center-shell .home-team-stadium {
        min-height: 520px !important;
    }

    .home-center-shell .home-popular-board-card .home-popular-list {
        grid-template-rows: none !important;
        grid-auto-rows: minmax(74px, auto) !important;
        height: auto !important;
    }

    .home-center-shell .home-popular-board-card .home-popular-row {
        height: auto !important;
        grid-template-columns: 28px 46px minmax(0, 1fr) !important;
    }

    .home-center-shell .home-popular-board-card .home-popular-row em {
        grid-column: 3 !important;
        justify-self: start !important;
        margin-top: 4px !important;
    }
}

/* ============================================================
   HOME BOTTOM BOARD SAFE HEIGHT + NO-CLIP REPAIR 2026-05-27
   Scope: ONLY bottom best-team carousel and popular-pick board.
   Keeps top KBO/price cards untouched.
   Goals:
   - Slightly increase bottom card height, not dramatically.
   - Stop popular-pick rows from overlapping/clipping.
   - Give bullpen and field cards enough vertical room.
   - Keep captain C border/mark readable without touching team logic.
   - Make the best-team user identity more visible in the upper middle.
   ============================================================ */
.home-center-shell .home-bottom-board {
    --home-bottom-card-height: clamp(660px, 34.8vw, 690px) !important;
    grid-template-columns: minmax(0, 1.48fr) minmax(350px, 0.62fr) !important;
    gap: 22px !important;
    align-items: stretch !important;
}

.home-center-shell .home-best-showcase-card,
.home-center-shell .home-popular-board-card {
    height: var(--home-bottom-card-height) !important;
    min-height: var(--home-bottom-card-height) !important;
    max-height: var(--home-bottom-card-height) !important;
    box-sizing: border-box !important;
    padding: 24px 26px 16px !important;
    overflow: hidden !important;
}

.home-center-shell .home-best-showcase-card {
    grid-template-rows: minmax(0, 1fr) auto !important;
}

.home-center-shell .home-best-team-card {
    grid-template-rows: auto minmax(0, 1fr) !important;
    gap: 14px !important;
}

.home-center-shell .home-best-slide-head {
    grid-template-columns: minmax(0, 1fr) minmax(210px, 250px) auto !important;
    grid-template-areas:
        "title team score"
        "meta  team score" !important;
    gap: 8px 18px !important;
    align-items: center !important;
    padding: 0 90px 0 0 !important;
    min-height: 102px !important;
}

.home-center-shell .home-best-title-block .eyebrow {
    margin-bottom: 6px !important;
}

.home-center-shell .home-best-title-block h2 {
    font-size: clamp(30px, 2.05vw, 38px) !important;
    line-height: 0.98 !important;
}

.home-center-shell .home-best-slide-head .home-team-title-link {
    grid-area: team !important;
    justify-self: center !important;
    align-self: center !important;
    display: inline-flex !important;
    align-items: center !important;
    min-width: 0 !important;
    max-width: 250px !important;
    width: min(100%, 250px) !important;
    gap: 12px !important;
    padding: 8px 12px !important;
    border-radius: 20px !important;
    border: 1px solid rgba(125, 239, 246, 0.14) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.014)),
        rgba(3, 12, 18, 0.38) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
}

.home-center-shell .home-best-slide-head .home-team-uniform .uniform-sm {
    width: 44px !important;
    height: 58px !important;
}

.home-center-shell .home-best-slide-head .home-team-title-link strong {
    font-size: clamp(21px, 1.38vw, 26px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.045em !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: initial !important;
}

.home-center-shell .home-best-slide-head .home-team-title-link small {
    font-size: 12.5px !important;
    line-height: 1.08 !important;
    opacity: 0.82 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: initial !important;
}

.home-center-shell .home-best-slide-head .home-team-score {
    grid-area: score !important;
    align-self: center !important;
    justify-self: end !important;
    font-size: clamp(30px, 2.85vw, 46px) !important;
}

.home-center-shell .home-best-slide-head .home-team-meta-line {
    grid-area: meta !important;
    align-self: start !important;
}

.home-center-shell .home-lineup-board {
    grid-template-columns: minmax(152px, 176px) minmax(0, 1fr) !important;
    gap: 16px !important;
    min-height: 0 !important;
    overflow: visible !important;
}

.home-center-shell .home-bullpen-panel,
.home-center-shell .home-team-stadium {
    min-height: 468px !important;
    max-height: none !important;
}

.home-center-shell .home-bullpen-panel {
    padding: 12px !important;
    overflow: hidden !important;
}

.home-center-shell .home-bullpen-rail {
    grid-template-rows: repeat(5, minmax(74px, 1fr)) !important;
    gap: 7px !important;
    min-height: 0 !important;
}

.home-center-shell .home-bullpen-rail .field-slot {
    height: 100% !important;
    min-height: 74px !important;
    max-height: none !important;
}

.home-center-shell .home-team-stadium {
    height: 100% !important;
    border-radius: 24px !important;
    overflow: hidden !important;
}

.home-center-shell .home-best-showcase-card .home-team-stadium .field-position {
    width: clamp(78px, 4.85vw, 94px) !important;
}

.home-center-shell .home-best-showcase-card .home-team-stadium .pos-lf { left: 29% !important; top: 34% !important; }
.home-center-shell .home-best-showcase-card .home-team-stadium .pos-cf { left: 50% !important; top: 23% !important; }
.home-center-shell .home-best-showcase-card .home-team-stadium .pos-rf { left: 71% !important; top: 34% !important; }
.home-center-shell .home-best-showcase-card .home-team-stadium .pos-ss { left: 41% !important; top: 49% !important; }
.home-center-shell .home-best-showcase-card .home-team-stadium .pos-2b { left: 59% !important; top: 49% !important; }
.home-center-shell .home-best-showcase-card .home-team-stadium .pos-3b { left: 34% !important; top: 63% !important; }
.home-center-shell .home-best-showcase-card .home-team-stadium .pos-1b { left: 66% !important; top: 63% !important; }
.home-center-shell .home-best-showcase-card .home-team-stadium .pos-p1 { left: 50% !important; top: 65% !important; }
.home-center-shell .home-best-showcase-card .home-team-stadium .pos-c { left: 50% !important; top: 81% !important; }
.home-center-shell .home-best-showcase-card .home-team-stadium .pos-util { left: 79% !important; top: 76% !important; }

.home-center-shell .home-best-showcase-card .field-slot {
    height: 74px !important;
    min-height: 74px !important;
    max-height: 74px !important;
    padding: 6px 7px !important;
    overflow: hidden !important;
}

.home-center-shell .home-best-showcase-card .field-slot .slot-topline,
.home-center-shell .home-best-showcase-card .field-slot .slot-code-wrap {
    min-width: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.home-center-shell .home-best-showcase-card .field-slot .slot-captain-mark {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    flex: 0 0 14px !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
}

.home-center-shell .home-best-showcase-card .field-slot .slot-player-main {
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) !important;
    gap: 5px !important;
    margin-top: 3px !important;
}

.home-center-shell .home-best-showcase-card .field-slot .uniform-sm {
    width: 24px !important;
    height: 32px !important;
}

.home-center-shell .home-best-showcase-card .field-slot .player-link {
    font-size: 10.5px !important;
    line-height: 1.05 !important;
}

.home-center-shell .home-best-showcase-card .field-slot .slot-stats {
    margin-top: 3px !important;
    display: grid !important;
    grid-template-columns: minmax(0, auto) minmax(0, auto) !important;
    justify-content: space-between !important;
    gap: 4px !important;
    font-size: 9.6px !important;
    line-height: 1 !important;
    overflow: visible !important;
}

.home-center-shell .home-best-showcase-card .field-slot .slot-stats span {
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: initial !important;
}

.home-center-shell .home-popular-board-card {
    grid-template-rows: auto minmax(0, 1fr) !important;
}

.home-center-shell .home-popular-board-card .home-section-heading {
    margin-bottom: 14px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
    align-items: start !important;
}

.home-center-shell .home-popular-board-card .home-section-heading h2 {
    font-size: clamp(25px, 1.62vw, 31px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.052em !important;
    max-width: 100% !important;
}

.home-center-shell .home-popular-board-card .home-section-heading > span {
    font-size: 12px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
}

.home-center-shell .home-popular-board-card .home-popular-list {
    height: 100% !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-rows: repeat(7, minmax(72px, 1fr)) !important;
    gap: 9px !important;
    align-content: stretch !important;
    overflow: hidden !important;
}

.home-center-shell .home-popular-board-card .home-popular-row {
    height: 100% !important;
    min-height: 72px !important;
    grid-template-columns: 30px 48px minmax(0, 1fr) 66px !important;
    gap: 11px !important;
    padding: 8px 12px !important;
    align-items: center !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.home-center-shell .home-popular-board-card .uniform-xs {
    width: 44px !important;
    height: 56px !important;
    min-width: 44px !important;
    max-width: 44px !important;
}

.home-center-shell .home-popular-rank {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    font-size: 14px !important;
}

.home-center-shell .home-popular-copy {
    min-width: 0 !important;
    display: grid !important;
    gap: 2px !important;
    align-content: center !important;
    overflow: visible !important;
}

.home-center-shell .home-popular-copy strong {
    font-size: clamp(16px, 1.0vw, 18px) !important;
    line-height: 1.04 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: initial !important;
}

.home-center-shell .home-popular-copy small {
    font-size: clamp(11px, 0.72vw, 12.5px) !important;
    line-height: 1.08 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: initial !important;
}

.home-center-shell .home-popular-board-card .home-popular-row em {
    min-width: 62px !important;
    max-width: 66px !important;
    padding: 7px 8px !important;
    font-size: clamp(12px, 0.8vw, 13.5px) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: visible !important;
}

@media (max-width: 1320px) {
    .home-center-shell .home-bottom-board {
        --home-bottom-card-height: auto !important;
        grid-template-columns: 1fr !important;
    }

    .home-center-shell .home-best-showcase-card,
    .home-center-shell .home-popular-board-card {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    .home-center-shell .home-best-showcase-card {
        min-height: 690px !important;
    }

    .home-center-shell .home-popular-board-card .home-popular-list {
        grid-template-rows: repeat(7, minmax(74px, auto)) !important;
        height: auto !important;
    }
}

@media (max-width: 980px) {
    .home-center-shell .home-best-slide-head {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "title"
            "team"
            "meta"
            "score" !important;
        padding-right: 0 !important;
        min-height: 0 !important;
    }

    .home-center-shell .home-best-slide-head .home-team-title-link {
        justify-self: start !important;
    }

    .home-center-shell .home-lineup-board {
        grid-template-columns: 1fr !important;
    }

    .home-center-shell .home-bullpen-panel,
    .home-center-shell .home-team-stadium {
        min-height: 0 !important;
    }

    .home-center-shell .home-popular-board-card .home-popular-row {
        grid-template-columns: 28px 46px minmax(0, 1fr) !important;
        min-height: 76px !important;
    }

    .home-center-shell .home-popular-board-card .home-popular-row em {
        grid-column: 3 !important;
        justify-self: start !important;
        margin-top: 3px !important;
    }
}

/* ============================================================
   HOME BEST TEAM TRUE TEAM-EDIT FIELD REUSE 2026-05-27
   Scope: ONLY home bottom best-team field.
   The home card now carries team-edit-page-shell on the lineup board,
   and this final block restores the same field/card proportions used by
   /team/edit instead of approximating them with home-only slot CSS.
   ============================================================ */
.home-center-shell .home-bottom-board {
    --home-bottom-card-height: clamp(705px, 36.8vw, 735px) !important;
}

.home-center-shell .home-best-showcase-card {
    padding: 24px 26px 18px !important;
    overflow: hidden !important;
}

.home-center-shell .home-best-team-card {
    grid-template-rows: auto minmax(0, 1fr) !important;
    gap: 14px !important;
    min-height: 0 !important;
}

.home-center-shell .home-best-slide-head {
    min-height: 108px !important;
    padding-right: 92px !important;
}

.home-center-shell .home-best-slide-head .home-team-score {
    font-size: clamp(32px, 2.75vw, 44px) !important;
    line-height: 0.96 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: initial !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell {
    height: 100% !important;
    width: 100% !important;
    min-height: 0 !important;
    overflow: visible !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-lineup-grid {
    display: grid !important;
    grid-template-columns: minmax(112px, 132px) minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: stretch !important;
    height: 100% !important;
    min-height: 0 !important;
    min-width: 0 !important;
    overflow: visible !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-pitcher-panel {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    padding: 10px !important;
    border-radius: 20px !important;
    overflow: visible !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-pitcher-panel .support-card-heading {
    margin-bottom: 8px !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-pitcher-panel .support-card-heading span {
    font-size: 13.5px !important;
    line-height: 1.1 !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-pitcher-panel .support-card-heading small {
    font-size: 11px !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-pitcher-rail {
    display: grid !important;
    grid-auto-rows: minmax(88px, auto) !important;
    grid-template-rows: none !important;
    gap: 7px !important;
    align-content: start !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-pitcher-rail .field-slot {
    width: 100% !important;
    height: auto !important;
    min-height: 88px !important;
    max-height: none !important;
    padding: 7px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-pitcher-rail .field-slot .slot-topline {
    margin-bottom: 4px !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-pitcher-rail .field-slot .slot-code {
    font-size: 12.5px !important;
    line-height: 1 !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-pitcher-rail .field-slot .slot-label {
    font-size: 10.5px !important;
    line-height: 1 !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-pitcher-rail .field-slot .slot-player-main {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: 4px !important;
    min-width: 0 !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-pitcher-rail .field-slot .uniform-sm {
    width: 25px !important;
    height: 31px !important;
    flex: 0 0 25px !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-pitcher-rail .field-slot .slot-player-text {
    min-width: 0 !important;
    overflow: hidden !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-pitcher-rail .field-slot .player-link {
    display: block !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 11.5px !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
    letter-spacing: -0.04em !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-pitcher-rail .field-slot .slot-back-no {
    display: block !important;
    margin-top: 2px !important;
    font-size: 10.8px !important;
    line-height: 1.02 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-pitcher-rail .field-slot .slot-meta {
    display: none !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-pitcher-rail .field-slot .slot-stats {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    align-items: baseline !important;
    gap: 4px !important;
    margin-top: 4px !important;
    font-size: 10.4px !important;
    line-height: 1.02 !important;
    overflow: visible !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-pitcher-rail .field-slot .slot-stats span {
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    font-size: inherit !important;
    font-weight: 880 !important;
    letter-spacing: -0.05em !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-pitcher-rail .field-slot .slot-stats small {
    margin-left: 1px !important;
    font-size: 0.70em !important;
    line-height: 1 !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-field-wrap {
    min-width: 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;
    overflow: visible !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-stadium {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 1200 / 800 !important;
    margin: 0 !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 50% 12%, rgba(125, 239, 246, 0.10), transparent 34%),
        rgba(2, 6, 23, 0.55) !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-stadium .field-bg {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-stadium .field-position {
    width: clamp(86px, 6.7vw, 104px) !important;
    transform: translate(-50%, -50%) !important;
    z-index: 2 !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-stadium .pos-lf { left: 27% !important; top: 31% !important; }
.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-stadium .pos-cf { left: 50% !important; top: 19% !important; }
.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-stadium .pos-rf { left: 73% !important; top: 31% !important; }
.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-stadium .pos-ss { left: 42% !important; top: 47% !important; }
.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-stadium .pos-2b { left: 58% !important; top: 47% !important; }
.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-stadium .pos-3b { left: 32% !important; top: 64% !important; }
.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-stadium .pos-1b { left: 68% !important; top: 64% !important; }
.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-stadium .pos-p1 { left: 50% !important; top: 67% !important; }
.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-stadium .pos-c { left: 50% !important; top: 84% !important; }
.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-stadium .pos-util { left: 82% !important; top: 79% !important; }

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-stadium .field-slot {
    height: auto !important;
    min-height: 78px !important;
    max-height: none !important;
    padding: 7px !important;
    border-radius: 15px !important;
    overflow: hidden !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.052), rgba(255,255,255,0.018)),
        rgba(3, 15, 22, 0.78) !important;
    border-color: rgba(148, 163, 184, 0.16) !important;
    box-shadow: 0 12px 26px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.05) !important;
    backdrop-filter: none !important;
    box-sizing: border-box !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-stadium .field-slot.filled {
    border-color: rgba(125, 239, 246, 0.26) !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-stadium .field-slot .slot-topline {
    margin-bottom: 4px !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-stadium .field-slot .slot-code {
    font-size: 12.5px !important;
    line-height: 1 !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-stadium .field-slot .slot-label {
    font-size: 10.5px !important;
    line-height: 1 !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-stadium .field-slot .slot-meta {
    display: none !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-stadium .field-slot .slot-player-main {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: 4px !important;
    min-width: 0 !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-stadium .field-slot .uniform-sm {
    width: 30px !important;
    height: 37px !important;
    flex: 0 0 30px !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-stadium .field-slot .slot-player-text {
    min-width: 0 !important;
    overflow: hidden !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-stadium .field-slot .player-link {
    display: block !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 12px !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    letter-spacing: -0.04em !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-stadium .field-slot .slot-back-no {
    display: block !important;
    margin-top: 2px !important;
    font-size: 11.5px !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-stadium .field-slot .slot-stats {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    align-items: baseline !important;
    gap: 4px !important;
    margin-top: 4px !important;
    font-size: 10px !important;
    line-height: 1.02 !important;
    overflow: visible !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-stadium .field-slot .slot-stats span {
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    font-size: inherit !important;
    font-weight: 880 !important;
    letter-spacing: -0.05em !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-stadium .field-slot .slot-stats small {
    margin-left: 1px !important;
    font-size: 0.70em !important;
    line-height: 1 !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .field-slot.captain-gold-slot,
.home-center-shell .home-best-teamedit-board.team-edit-page-shell .field-slot.captain-gold-slot.filled {
    position: relative !important;
    overflow: hidden !important;
    border-color: rgba(234, 179, 8, 0.86) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.075),
        0 10px 24px rgba(0, 0, 0, 0.20),
        0 0 0 1px rgba(234, 179, 8, 0.20),
        0 0 18px rgba(234, 179, 8, 0.16) !important;
    background:
        linear-gradient(135deg, rgba(234, 179, 8, 0.045), rgba(34, 211, 238, 0.018) 46%, rgba(3, 13, 18, 0.00) 78%),
        rgba(3, 15, 22, 0.78) !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .field-slot.captain-gold-slot::before,
.home-center-shell .home-best-teamedit-board.team-edit-page-shell .field-slot.captain-gold-slot::after {
    content: none !important;
    display: none !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .field-slot .slot-captain-mark {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 16px !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    border-radius: 6px !important;
    border: 1px solid rgba(234, 179, 8, 0.78) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.02)),
        rgba(25, 20, 8, 0.88) !important;
    color: rgba(254, 243, 199, 0.98) !important;
    font-size: 9.5px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: -0.01em !important;
    box-shadow: 0 0 10px rgba(234, 179, 8, 0.14) !important;
    pointer-events: none !important;
    transform: translateY(-1px) !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .field-slot .slot-code-wrap {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    min-width: 0 !important;
    flex: 0 1 auto !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .field-slot .slot-topline {
    min-width: 0 !important;
    align-items: center !important;
    gap: 7px !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .field-slot .slot-label {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: right !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .field-slot .captain-score-multiplier {
    display: none !important;
}

@media (max-width: 1320px) {
    .home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-lineup-grid {
        grid-template-columns: 1fr !important;
    }

    .home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-pitcher-rail {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: minmax(88px, auto) !important;
        height: auto !important;
    }

    .home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-stadium {
        min-height: 520px !important;
    }
}

@media (max-width: 980px) {
    .home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-stadium .field-position {
        width: clamp(74px, 20vw, 92px) !important;
    }
}

/* HOME BEST TEAM POSITION MICRO ADJUST + ROLE LABEL SAFETY 2026-05-27
   Scope only: best-team field card coordinates and right-side role labels. */
.home-center-shell .home-best-teamedit-board.team-edit-page-shell .field-slot .slot-topline {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 6px !important;
    min-width: 0 !important;
    width: 100% !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .field-slot .slot-code-wrap {
    flex: 0 0 auto !important;
    min-width: 0 !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .field-slot .slot-label {
    flex: 0 0 auto !important;
    margin-left: auto !important;
    max-width: 62px !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    text-align: right !important;
    letter-spacing: -0.055em !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-stadium .field-slot .slot-label {
    font-size: 10.2px !important;
    line-height: 1 !important;
}

.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-pitcher-rail .field-slot .slot-label {
    max-width: 72px !important;
    font-size: 10.2px !important;
    line-height: 1 !important;
}


/* HOME FINAL FIELD EDGE + TOP CARD HOVER REPAIR 2026-05-27
   Scope only: remove the stray rectangle edge inside the best-team field,
   and give top KBO/market cards the same outer-card hover treatment as bottom cards. */
.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-stadium .field-bg .stadium-base {
    fill: transparent !important;
    stroke: transparent !important;
}

.home-center-shell .home-standings-card-top,
.home-center-shell .home-market-carousel-card {
    transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease !important;
}

.home-center-shell .home-standings-card-top:hover,
.home-center-shell .home-standings-card-top:focus-within,
.home-center-shell .home-market-carousel-card:hover,
.home-center-shell .home-market-carousel-card:focus-within {
    border-color: rgba(125, 239, 246, 0.24) !important;
    background:
        radial-gradient(circle at 86% 14%, rgba(125, 239, 246, 0.052), transparent 32%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.020)),
        rgba(6, 20, 24, 0.69) !important;
    box-shadow:
        0 22px 54px rgba(0, 0, 0, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.058),
        0 0 0 1px rgba(125, 239, 246, 0.045) !important;
}

/* HOME BEST TEAM FINAL USER CHIP HOVER + SCORE BOX CLEANUP 2026-05-27
   Scope only: best-team header user card hover and stray score-outline cleanup. */
.home-center-shell .home-best-slide-head .home-team-title-link {
    transition:
        border-color 180ms ease,
        background 180ms ease,
        box-shadow 180ms ease,
        transform 180ms ease !important;
}

.home-center-shell .home-best-slide-head .home-team-title-link:hover,
.home-center-shell .home-best-slide-head .home-team-title-link:focus-visible {
    border-color: rgba(125, 239, 246, 0.30) !important;
    background:
        radial-gradient(circle at 18% 18%, rgba(125, 239, 246, 0.075), transparent 36%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.060), rgba(255, 255, 255, 0.018)),
        rgba(3, 12, 18, 0.46) !important;
    box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.060),
        0 0 0 1px rgba(125, 239, 246, 0.050) !important;
    transform: translateY(-1px) !important;
}

.home-center-shell .home-best-slide-head,
.home-center-shell .home-best-slide-head .home-team-score {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.home-center-shell .home-best-slide-head::before,
.home-center-shell .home-best-slide-head::after,
.home-center-shell .home-best-slide-head .home-team-score::before,
.home-center-shell .home-best-slide-head .home-team-score::after {
    content: none !important;
    display: none !important;
}

.home-center-shell .home-best-slide-head .home-team-score {
    background: transparent !important;
    border-radius: 0 !important;
    position: relative !important;
    z-index: 2 !important;
}


/* ============================================================
   LANDING START PAGE HEADER + CTA REPAIR 2026-05-27
   Scope: restored / start page only. Keeps /center and app logic unchanged.
   ============================================================ */
body.is-home-page .site-header {
    display: none;
}

body.is-home-page .landing-auth {
    top: clamp(18px, 3vh, 34px);
    right: clamp(18px, 4vw, 58px);
    gap: 10px;
}

body.is-home-page .landing-auth-link,
body.is-home-page .landing-auth-cta {
    min-height: 42px;
    padding: 0 18px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 850;
    letter-spacing: -0.035em;
    backdrop-filter: blur(16px);
}

body.is-home-page .landing-auth-link {
    color: rgba(255,255,255,0.70);
    background: rgba(255,255,255,0.035);
    border: 1px solid rgba(255,255,255,0.08);
}

body.is-home-page .landing-auth-link:hover {
    color: var(--text);
    background: rgba(255,255,255,0.065);
    border-color: rgba(0, 217, 255, 0.28);
}

body.is-home-page .landing-auth-cta {
    color: #021114;
    background: linear-gradient(135deg, #11dbe8 0%, #63f4ff 100%);
    border: 1px solid rgba(255,255,255,0.18);
    box-shadow: 0 16px 38px rgba(0, 217, 255, 0.22);
}

body.is-home-page .landing-auth-cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 20px 48px rgba(0, 217, 255, 0.30);
}

body.is-home-page .landing-eyebrow {
    margin-bottom: 14px;
    letter-spacing: 0.22em;
}

body.is-home-page .landing-title-main {
    margin-bottom: clamp(22px, 3.4vh, 34px);
    font-size: clamp(82px, 10.2vw, 142px);
    font-weight: 900;
    line-height: 0.86;
    letter-spacing: -0.082em;
}

body.is-home-page .landing-title-pick {
    color: var(--primary);
    text-shadow:
        0 0 28px rgba(0, 217, 255, 0.22),
        0 20px 64px rgba(0,0,0,0.42);
}

body.is-home-page .landing-copy {
    max-width: 720px;
    margin-bottom: clamp(30px, 4.8vh, 48px);
    color: rgba(255,255,255,0.70);
    font-size: clamp(18px, 1.65vw, 24px);
    font-weight: 650;
    line-height: 1.62;
}

body.is-home-page .landing-actions {
    gap: 14px;
}

body.is-home-page .hero-primary,
body.is-home-page .hero-secondary {
    min-width: 164px;
    min-height: 52px;
    padding: 14px 26px;
    border-radius: 999px;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: -0.035em;
    transition:
        transform 0.18s ease,
        border-color 0.18s ease,
        background 0.18s ease,
        box-shadow 0.18s ease,
        color 0.18s ease;
}

body.is-home-page .hero-primary {
    color: #021114;
    background: linear-gradient(135deg, #11dbe8 0%, #6af4ff 100%);
    border: 1px solid rgba(255,255,255,0.18);
    box-shadow:
        0 18px 52px rgba(0, 217, 255, 0.25),
        inset 0 1px 0 rgba(255,255,255,0.34);
}

body.is-home-page .hero-secondary {
    color: rgba(255,255,255,0.84);
    background: rgba(255,255,255,0.035);
    border: 1px solid rgba(255,255,255,0.12);
    box-shadow:
        0 14px 34px rgba(0,0,0,0.20),
        inset 0 1px 0 rgba(255,255,255,0.04);
    backdrop-filter: blur(14px);
}

body.is-home-page .hero-primary:hover,
body.is-home-page .hero-secondary:hover {
    transform: translateY(-3px);
}

body.is-home-page .hero-primary:hover {
    box-shadow:
        0 24px 64px rgba(0, 217, 255, 0.34),
        inset 0 1px 0 rgba(255,255,255,0.38);
}

body.is-home-page .hero-secondary:hover {
    color: var(--text);
    background: rgba(0, 217, 255, 0.075);
    border-color: rgba(0, 217, 255, 0.32);
    box-shadow: 0 18px 44px rgba(0, 217, 255, 0.12);
}

@media (max-width: 760px) {
    body.is-home-page .landing-auth {
        top: 14px;
        right: 14px;
        gap: 8px;
    }

    body.is-home-page .landing-auth-link,
    body.is-home-page .landing-auth-cta {
        min-height: 36px;
        padding: 0 13px;
        font-size: 12px;
    }

    body.is-home-page .landing-title-main {
        font-size: clamp(64px, 22vw, 92px);
        letter-spacing: -0.078em;
    }

    body.is-home-page .landing-copy {
        max-width: 340px;
        font-size: 15px;
    }

    body.is-home-page .hero-primary,
    body.is-home-page .hero-secondary {
        min-width: 136px;
        min-height: 46px;
        padding: 12px 18px;
        font-size: 14px;
    }
}

/* ============================================================
   LANDING + LOGGED-OUT AUTH BUTTON POLISH 2026-05-27
   Scope: / start page auth buttons + logged-out header auth buttons.
   Keeps DB/routes/team/price/betting logic untouched.
   ============================================================ */
.auth-nav > a:not(.header-wealth-pill),
body.is-home-page .landing-auth-link,
body.is-home-page .landing-auth-cta {
    min-height: 40px;
    padding: 0 18px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 820;
    letter-spacing: -0.035em;
    line-height: 1;
    white-space: nowrap;
    transform: translateY(0);
    transition:
        transform 0.18s ease,
        color 0.18s ease,
        border-color 0.18s ease,
        background 0.18s ease,
        box-shadow 0.18s ease;
}

.auth-nav > a:not(.header-wealth-pill):not(.nav-cta),
body.is-home-page .landing-auth-link {
    color: rgba(255,255,255,0.72);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018));
    border: 1px solid rgba(255,255,255,0.105);
    box-shadow:
        0 14px 32px rgba(0,0,0,0.18),
        inset 0 1px 0 rgba(255,255,255,0.055);
    backdrop-filter: blur(14px);
}

.auth-nav > a.nav-cta,
body.is-home-page .landing-auth-cta {
    color: #021114;
    background:
        linear-gradient(135deg, rgba(20,225,235,1) 0%, rgba(91,244,255,1) 100%);
    border: 1px solid rgba(255,255,255,0.22);
    box-shadow:
        0 16px 38px rgba(0, 217, 255, 0.20),
        inset 0 1px 0 rgba(255,255,255,0.34);
}

.auth-nav > a:not(.header-wealth-pill):hover,
body.is-home-page .landing-auth-link:hover,
body.is-home-page .landing-auth-cta:hover {
    transform: translateY(-2px);
}

.auth-nav > a:not(.header-wealth-pill):not(.nav-cta):hover,
body.is-home-page .landing-auth-link:hover {
    color: rgba(255,255,255,0.94);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.078), rgba(0,217,255,0.040));
    border-color: rgba(0,217,255,0.26);
    box-shadow:
        0 18px 42px rgba(0,0,0,0.22),
        0 0 0 1px rgba(0,217,255,0.035) inset;
}

.auth-nav > a.nav-cta:hover,
body.is-home-page .landing-auth-cta:hover {
    color: #020f12;
    background:
        linear-gradient(135deg, rgba(37,231,241,1) 0%, rgba(128,249,255,1) 100%);
    box-shadow:
        0 20px 48px rgba(0, 217, 255, 0.28),
        inset 0 1px 0 rgba(255,255,255,0.42);
}

body.is-home-page .landing-auth {
    top: clamp(18px, 3vh, 30px);
    right: clamp(20px, 4vw, 58px);
    gap: 10px;
}

body.is-home-page .landing-title-main {
    margin-bottom: clamp(18px, 2.9vh, 28px);
    font-size: clamp(72px, 8.3vw, 118px);
    font-weight: 900;
    line-height: 0.92;
    letter-spacing: -0.070em;
    text-shadow: 0 24px 76px rgba(0,0,0,0.42);
}

body.is-home-page .landing-title-pick {
    color: var(--primary);
    background: linear-gradient(135deg, #16dbe8 0%, #61f4ff 52%, #12b8cc 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
    filter: drop-shadow(0 12px 34px rgba(0, 217, 255, 0.18));
}

body.is-home-page .landing-copy {
    max-width: 640px;
    margin-bottom: clamp(28px, 4.2vh, 42px);
    color: rgba(255,255,255,0.68);
    font-size: clamp(16px, 1.28vw, 20px);
    font-weight: 620;
    line-height: 1.58;
    letter-spacing: -0.032em;
}

@media (max-width: 760px) {
    .auth-nav > a:not(.header-wealth-pill),
    body.is-home-page .landing-auth-link,
    body.is-home-page .landing-auth-cta {
        min-height: 36px;
        padding: 0 14px;
        font-size: 12px;
    }

    body.is-home-page .landing-title-main {
        font-size: clamp(58px, 18vw, 80px);
        letter-spacing: -0.064em;
    }

    body.is-home-page .landing-copy {
        max-width: 330px;
        font-size: 14px;
        line-height: 1.55;
    }
}

/* ============================================================
   PLAY GUIDE CONSISTENCY + STATUS RULE CARD 2026-05-27
   Scope: /play-guide only. No DB/market/team logic changes.
   ============================================================ */
.play-guide-shell {
    width: min(1360px, calc(100% - 44px)) !important;
    margin: 34px auto 84px !important;
    gap: 20px !important;
}

.play-guide-hero.hero-panel {
    position: relative !important;
    min-height: 176px !important;
    padding: 34px 38px !important;
    border-radius: 30px !important;
    border: 1px solid rgba(53, 236, 244, 0.17) !important;
    background:
        radial-gradient(circle at 82% 12%, rgba(19, 221, 232, 0.16), transparent 34%),
        linear-gradient(135deg, rgba(12, 34, 42, 0.94), rgba(5, 15, 21, 0.94)) !important;
    box-shadow: 0 20px 58px rgba(0, 0, 0, 0.30), inset 0 1px 0 rgba(255,255,255,0.055) !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 24px !important;
    overflow: hidden !important;
}

.play-guide-hero.hero-panel::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background:
        linear-gradient(90deg, rgba(14, 236, 245, 0.07), transparent 42%),
        radial-gradient(circle at 18% 78%, rgba(52, 211, 153, 0.08), transparent 30%) !important;
    opacity: 0.92 !important;
}

.play-guide-hero .guide-hero-copy,
.play-guide-hero .guide-hero-actions {
    position: relative !important;
    z-index: 1 !important;
}

.play-guide-hero h1 {
    margin: 5px 0 10px !important;
    font-size: clamp(2.25rem, 4.4vw, 4.2rem) !important;
    line-height: 0.96 !important;
    letter-spacing: -0.075em !important;
}

.play-guide-hero .guide-hero-copy > p:not(.eyebrow) {
    max-width: 650px !important;
    margin: 0 !important;
    color: rgba(204, 225, 233, 0.72) !important;
    font-size: 0.98rem !important;
    line-height: 1.62 !important;
    font-weight: 720 !important;
    letter-spacing: -0.025em !important;
}

.play-guide-hero .guide-hero-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.play-guide-hero .button-link,
.play-guide-hero .button-link.secondary {
    min-height: 44px !important;
    padding: 0 17px !important;
    border-radius: 16px !important;
    font-size: 0.9rem !important;
    font-weight: 850 !important;
    white-space: nowrap !important;
}

.play-guide-hero .button-link:not(.secondary) {
    border: 1px solid rgba(38, 232, 239, 0.46) !important;
    background: linear-gradient(135deg, rgba(20, 221, 231, 0.96), rgba(11, 190, 205, 0.86)) !important;
    color: rgba(3, 16, 21, 0.96) !important;
    box-shadow: 0 16px 34px rgba(12, 205, 219, 0.22), inset 0 1px 0 rgba(255,255,255,0.22) !important;
}

.play-guide-hero .button-link.secondary {
    border: 1px solid rgba(125, 240, 255, 0.18) !important;
    background: rgba(7, 20, 26, 0.68) !important;
    color: rgba(231, 243, 248, 0.9) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.045), 0 12px 28px rgba(0,0,0,0.18) !important;
}

.play-guide-hero .button-link:hover,
.play-guide-hero .button-link.secondary:hover {
    transform: translateY(-1px) !important;
    border-color: rgba(14, 236, 245, 0.50) !important;
}

.play-guide-shell .guide-quick-grid {
    gap: 14px !important;
}

.play-guide-shell .guide-quick-grid article,
.play-guide-shell .guide-card {
    border: 1px solid rgba(125, 240, 255, 0.13) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.052), rgba(255,255,255,0.018)),
        rgba(6, 19, 25, 0.76) !important;
    box-shadow: 0 16px 44px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.045) !important;
    transition: border-color 0.18s ease, transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease !important;
}

.play-guide-shell .guide-quick-grid article:hover,
.play-guide-shell .guide-card:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(14, 236, 245, 0.30) !important;
    background:
        linear-gradient(180deg, rgba(14, 236, 245, 0.055), rgba(255,255,255,0.018)),
        rgba(7, 22, 29, 0.82) !important;
    box-shadow: 0 22px 54px rgba(0,0,0,0.27), 0 0 0 1px rgba(14, 236, 245, 0.035), inset 0 1px 0 rgba(255,255,255,0.055) !important;
}

.play-guide-shell .guide-card-grid,
.play-guide-shell .guide-two-column {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
    align-items: stretch !important;
}

.play-guide-shell .guide-card {
    position: relative !important;
    overflow: hidden !important;
    padding: 26px !important;
    border-radius: 28px !important;
}

.play-guide-shell .guide-card::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 26px !important;
    right: 26px !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(14, 236, 245, 0.34), transparent) !important;
    opacity: 0.75 !important;
}

.play-guide-shell .guide-card h2 {
    margin: 4px 0 16px !important;
    font-size: clamp(1.72rem, 2.45vw, 2.45rem) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.065em !important;
}

.play-guide-shell .guide-rule-list {
    gap: 10px !important;
}

.play-guide-shell .guide-rule-list div,
.play-guide-shell .score-list div {
    grid-template-columns: 126px minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: center !important;
    padding: 12px 13px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(125, 240, 255, 0.095) !important;
    background: rgba(255,255,255,0.032) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.026) !important;
}

.play-guide-shell .guide-rule-list strong,
.play-guide-shell .score-list dt {
    color: rgba(245, 251, 253, 0.95) !important;
    font-size: 0.91rem !important;
    font-weight: 880 !important;
    letter-spacing: -0.025em !important;
}

.play-guide-shell .guide-rule-list span,
.play-guide-shell .score-list dd {
    color: rgba(203, 224, 232, 0.72) !important;
    font-size: 0.9rem !important;
    line-height: 1.48 !important;
    font-weight: 680 !important;
    letter-spacing: -0.025em !important;
}

.play-guide-shell .guide-status-card {
    background:
        radial-gradient(circle at 86% 10%, rgba(251, 191, 36, 0.10), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,0.052), rgba(255,255,255,0.018)),
        rgba(6, 19, 25, 0.76) !important;
}

.play-guide-shell .guide-status-card .eyebrow {
    color: rgba(251, 191, 36, 0.92) !important;
}

.play-guide-shell .guide-status-card .guide-rule-list strong {
    color: rgba(255, 239, 196, 0.96) !important;
}

.play-guide-shell .scoring-card {
    padding: 28px !important;
}

.play-guide-shell .guide-section-heading {
    margin-bottom: 18px !important;
}

.play-guide-shell .guide-section-heading > span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 32px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(14, 236, 245, 0.16) !important;
    border-radius: 999px !important;
    background: rgba(8, 212, 223, 0.06) !important;
    color: rgba(14, 236, 245, 0.82) !important;
}

.play-guide-shell .score-list dd {
    color: rgba(119, 237, 241, 0.94) !important;
    text-align: right !important;
    white-space: normal !important;
}

@media (max-width: 980px) {
    .play-guide-shell .play-guide-hero.hero-panel {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    .play-guide-shell .guide-card-grid,
    .play-guide-shell .guide-two-column,
    .play-guide-shell .scoring-grid,
    .play-guide-shell .guide-quick-grid {
        grid-template-columns: 1fr !important;
    }

    .play-guide-hero .guide-hero-actions {
        justify-content: flex-start !important;
    }
}

@media (max-width: 640px) {
    .play-guide-shell {
        width: min(100% - 20px, 1360px) !important;
        margin-top: 26px !important;
        gap: 14px !important;
    }

    .play-guide-hero.hero-panel,
    .play-guide-shell .guide-card,
    .play-guide-shell .scoring-card {
        padding: 22px !important;
        border-radius: 24px !important;
    }

    .play-guide-hero h1 {
        font-size: clamp(2rem, 13vw, 3.2rem) !important;
    }

    .play-guide-hero .guide-hero-actions {
        width: 100% !important;
    }

    .play-guide-hero .button-link,
    .play-guide-hero .button-link.secondary {
        flex: 1 1 150px !important;
        justify-content: center !important;
    }

    .play-guide-shell .guide-rule-list div,
    .play-guide-shell .score-list div {
        grid-template-columns: 1fr !important;
        gap: 6px !important;
        align-items: start !important;
    }

    .play-guide-shell .score-list dd {
        text-align: left !important;
    }
}


/* ============================================================
   PLAY GUIDE HERO TEXT + BUTTON POLISH 2026-05-27
   Scope: /play-guide hero only. Removes unused subtitle space and refines CTA buttons.
   ============================================================ */
.play-guide-hero.hero-panel {
    min-height: 136px !important;
    padding: 28px 36px !important;
    align-items: center !important;
    gap: 28px !important;
}

.play-guide-hero h1 {
    margin: 4px 0 0 !important;
    font-size: clamp(2.15rem, 4.05vw, 3.72rem) !important;
    line-height: 0.98 !important;
}

.play-guide-hero .guide-hero-actions {
    align-self: center !important;
    transform: translateY(-4px) !important;
    gap: 12px !important;
}

.play-guide-hero .button-link,
.play-guide-hero .button-link.secondary {
    min-height: 42px !important;
    padding: 0 22px !important;
    border-radius: 999px !important;
    font-size: 0.9rem !important;
    font-weight: 820 !important;
    letter-spacing: -0.02em !important;
    transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease, color 0.16s ease !important;
}

.play-guide-hero .button-link:not(.secondary) {
    border: 1px solid rgba(38, 232, 239, 0.62) !important;
    background:
        linear-gradient(180deg, rgba(57, 240, 247, 0.98), rgba(13, 197, 211, 0.92)) !important;
    color: rgba(3, 15, 20, 0.96) !important;
    box-shadow:
        0 10px 24px rgba(10, 210, 224, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}

.play-guide-hero .button-link.secondary {
    border: 1px solid rgba(147, 238, 249, 0.20) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.020)),
        rgba(5, 18, 24, 0.72) !important;
    color: rgba(226, 241, 247, 0.88) !important;
    box-shadow:
        0 10px 24px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
}

.play-guide-hero .button-link:hover,
.play-guide-hero .button-link.secondary:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(37, 235, 244, 0.58) !important;
    box-shadow:
        0 14px 30px rgba(10, 210, 224, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

@media (max-width: 980px) {
    .play-guide-hero.hero-panel {
        min-height: auto !important;
        align-items: flex-start !important;
        padding: 26px !important;
    }

    .play-guide-hero .guide-hero-actions {
        align-self: flex-start !important;
        transform: none !important;
    }
}

@media (max-width: 640px) {
    .play-guide-hero.hero-panel {
        padding: 22px !important;
    }
}

/* ============================================================
   GLOBAL NAV + HERO CTA + SCROLLBAR POLISH 2026-05-27
   Scope: header desktop nav centering, support/settings hero CTAs, page scrollbar.
   ============================================================ */
@media (min-width: 1180px) {
    .site-header .header-inner {
        grid-template-columns: minmax(220px, 1fr) auto minmax(220px, 1fr) !important;
        column-gap: 18px !important;
    }

    .site-header .header-brand-group {
        justify-self: start !important;
    }

    .site-header .main-nav {
        justify-self: center !important;
        justify-content: center !important;
    }

    .site-header .auth-nav {
        justify-self: end !important;
    }
}

.support-shell .support-hero-panel > .button-link,
.settings-page-shell .settings-hero > .button-link {
    min-height: 44px !important;
    padding: 0 22px !important;
    border-radius: 17px !important;
    border: 1px solid rgba(112, 240, 248, 0.55) !important;
    color: rgba(3, 16, 22, 0.98) !important;
    background:
        linear-gradient(180deg, rgba(113, 242, 248, 0.98), rgba(24, 207, 224, 0.94)) !important;
    box-shadow:
        0 13px 30px rgba(34, 211, 238, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.34) !important;
    font-weight: 920 !important;
    letter-spacing: -0.02em !important;
}

.support-shell .support-hero-panel > .button-link:hover,
.settings-page-shell .settings-hero > .button-link:hover {
    color: rgba(2, 13, 18, 1) !important;
    border-color: rgba(147, 250, 255, 0.72) !important;
    background:
        linear-gradient(180deg, rgba(151, 250, 255, 1), rgba(35, 220, 235, 0.98)) !important;
    transform: translateY(-2px) !important;
    box-shadow:
        0 18px 40px rgba(34, 211, 238, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
}

html {
    scrollbar-width: thin;
    scrollbar-color: rgba(96, 236, 245, 0.36) rgba(2, 9, 13, 0.88);
}

::-webkit-scrollbar {
    width: 11px;
    height: 11px;
}

::-webkit-scrollbar-track {
    background:
        linear-gradient(180deg, rgba(2, 9, 13, 0.96), rgba(5, 18, 24, 0.94));
}

::-webkit-scrollbar-thumb {
    border: 3px solid rgba(2, 9, 13, 0.96);
    border-radius: 999px;
    background:
        linear-gradient(180deg, rgba(105, 237, 245, 0.44), rgba(40, 104, 126, 0.44));
    box-shadow: inset 0 0 0 1px rgba(170, 252, 255, 0.14);
}

::-webkit-scrollbar-thumb:hover {
    background:
        linear-gradient(180deg, rgba(129, 246, 252, 0.62), rgba(48, 141, 160, 0.58));
}

::-webkit-scrollbar-corner {
    background: rgba(2, 9, 13, 0.96);
}

@media (max-width: 1179px) {
    .site-header .main-nav {
        transform: none !important;
    }
}


/* ============================================================
   LANDING FINAL TONE + CENTER LOAD SAFETY 2026-05-28
   Scope: restored / start page only. Keeps /center layout and core logic unchanged.
   ============================================================ */
body.is-home-page .landing-auth {
    top: clamp(20px, 3.2vh, 34px) !important;
    right: clamp(22px, 4vw, 60px) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
}

body.is-home-page .landing-auth-link,
body.is-home-page .landing-auth-cta {
    min-width: 84px !important;
    min-height: 39px !important;
    padding: 0 18px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 760 !important;
    letter-spacing: -0.028em !important;
}

body.is-home-page .landing-auth-link {
    color: rgba(239, 250, 252, 0.74) !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.016)) !important;
    border: 1px solid rgba(255,255,255,0.105) !important;
    box-shadow:
        0 12px 30px rgba(0, 0, 0, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

body.is-home-page .landing-auth-cta {
    color: #031315 !important;
    background: linear-gradient(135deg, #22d8e4 0%, #5debf4 100%) !important;
    border: 1px solid rgba(255,255,255,0.22) !important;
    box-shadow:
        0 14px 34px rgba(0, 217, 255, 0.18),
        inset 0 1px 0 rgba(255,255,255,0.32) !important;
}

body.is-home-page .landing-auth-link:hover,
body.is-home-page .landing-auth-cta:hover {
    transform: translateY(-2px) !important;
}

body.is-home-page .landing-auth-link:hover {
    color: rgba(255,255,255,0.94) !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.070), rgba(0,217,255,0.035)) !important;
    border-color: rgba(0,217,255,0.25) !important;
}

body.is-home-page .landing-auth-cta:hover {
    background: linear-gradient(135deg, #32e0eb 0%, #76f4fb 100%) !important;
    box-shadow:
        0 18px 44px rgba(0, 217, 255, 0.25),
        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}

body.is-home-page .landing-eyebrow {
    margin-bottom: clamp(12px, 1.9vh, 18px) !important;
    color: rgba(60, 231, 240, 0.88) !important;
    font-size: clamp(12px, 0.96vw, 15px) !important;
    font-weight: 820 !important;
    letter-spacing: 0.24em !important;
}

body.is-home-page .landing-title-main {
    margin-bottom: clamp(18px, 2.7vh, 28px) !important;
    font-size: clamp(68px, 7.65vw, 110px) !important;
    font-weight: 820 !important;
    line-height: 0.94 !important;
    letter-spacing: -0.058em !important;
    color: rgba(244, 252, 253, 0.96) !important;
    text-shadow:
        0 18px 54px rgba(0,0,0,0.42),
        0 1px 0 rgba(255,255,255,0.04) !important;
}

body.is-home-page .landing-title-pick {
    color: #31dbe4 !important;
    background: linear-gradient(135deg, #e8fdff 0%, #59e7ef 38%, #16bdca 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: none !important;
    filter: drop-shadow(0 10px 24px rgba(0, 217, 255, 0.13)) !important;
}

body.is-home-page .landing-copy {
    max-width: 600px !important;
    margin-bottom: clamp(28px, 4vh, 42px) !important;
    color: rgba(235, 245, 247, 0.68) !important;
    font-size: clamp(15px, 1.13vw, 18px) !important;
    font-weight: 590 !important;
    line-height: 1.62 !important;
    letter-spacing: -0.026em !important;
}

body.is-home-page .landing-actions {
    gap: 13px !important;
}

body.is-home-page .hero-primary,
body.is-home-page .hero-secondary {
    min-width: 154px !important;
    min-height: 48px !important;
    padding: 13px 24px !important;
    border-radius: 999px !important;
    font-size: 15px !important;
    font-weight: 820 !important;
    letter-spacing: -0.030em !important;
}

body.is-home-page .hero-primary {
    color: #031315 !important;
    background: linear-gradient(135deg, #23d9e6 0%, #6af0f7 100%) !important;
    border: 1px solid rgba(255,255,255,0.20) !important;
    box-shadow:
        0 16px 44px rgba(0, 217, 255, 0.21),
        inset 0 1px 0 rgba(255,255,255,0.34) !important;
}

body.is-home-page .hero-secondary {
    color: rgba(242, 252, 253, 0.78) !important;
    background: rgba(255,255,255,0.030) !important;
    border: 1px solid rgba(255,255,255,0.115) !important;
    box-shadow:
        0 12px 30px rgba(0,0,0,0.18),
        inset 0 1px 0 rgba(255,255,255,0.040) !important;
}

body.is-home-page .hero-primary:hover,
body.is-home-page .hero-secondary:hover {
    transform: translateY(-2px) !important;
}

body.is-home-page .hero-secondary:hover {
    color: rgba(255,255,255,0.94) !important;
    background: rgba(0, 217, 255, 0.060) !important;
    border-color: rgba(0, 217, 255, 0.28) !important;
}

@media (max-width: 760px) {
    body.is-home-page .landing-auth {
        top: 14px !important;
        right: 14px !important;
        gap: 8px !important;
    }

    body.is-home-page .landing-auth-link,
    body.is-home-page .landing-auth-cta {
        min-width: auto !important;
        min-height: 36px !important;
        padding: 0 14px !important;
        font-size: 12px !important;
    }

    body.is-home-page .landing-title-main {
        font-size: clamp(56px, 17vw, 78px) !important;
        letter-spacing: -0.052em !important;
    }

    body.is-home-page .landing-copy {
        max-width: 330px !important;
        font-size: 14px !important;
    }

    body.is-home-page .hero-primary,
    body.is-home-page .hero-secondary {
        min-width: 138px !important;
        min-height: 44px !important;
        padding: 11px 18px !important;
        font-size: 14px !important;
    }
}

/* ============================================================
   LANDING HERO LOGO FINAL TONE REFINEMENT 2026-05-28
   Scope: / start page hero only. Keeps routes, DB, center data untouched.
   ============================================================ */
body.is-home-page .landing-hero-inner {
    width: min(920px, calc(100% - 36px)) !important;
    padding-top: clamp(20px, 3vh, 34px) !important;
    padding-bottom: clamp(34px, 6vh, 62px) !important;
    transform: translateY(-0.6vh) !important;
}

body.is-home-page .landing-eyebrow {
    margin-bottom: clamp(11px, 1.7vh, 16px) !important;
    color: rgba(93, 215, 226, 0.82) !important;
    font-size: clamp(11px, 0.86vw, 14px) !important;
    font-weight: 780 !important;
    letter-spacing: 0.245em !important;
}

body.is-home-page .landing-title-main {
    margin-bottom: clamp(17px, 2.45vh, 25px) !important;
    font-size: clamp(60px, 6.65vw, 96px) !important;
    font-weight: 780 !important;
    line-height: 0.98 !important;
    letter-spacing: -0.047em !important;
    color: rgba(239, 248, 249, 0.95) !important;
    text-shadow:
        0 16px 46px rgba(0, 0, 0, 0.40),
        0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

body.is-home-page .landing-title-pick {
    color: #74d6e0 !important;
    background:
        linear-gradient(135deg,
            rgba(232, 253, 255, 0.98) 0%,
            rgba(151, 224, 232, 0.96) 36%,
            rgba(72, 174, 189, 0.96) 74%,
            rgba(45, 143, 160, 0.94) 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: none !important;
    filter: drop-shadow(0 9px 22px rgba(84, 193, 207, 0.11)) !important;
}

body.is-home-page .landing-copy {
    max-width: 650px !important;
    margin-bottom: clamp(27px, 3.8vh, 39px) !important;
    color: rgba(226, 239, 242, 0.66) !important;
    font-size: clamp(14.5px, 1.05vw, 17px) !important;
    font-weight: 570 !important;
    line-height: 1.60 !important;
    letter-spacing: -0.024em !important;
}

body.is-home-page .landing-actions {
    gap: 12px !important;
}

body.is-home-page .hero-primary,
body.is-home-page .hero-secondary {
    min-width: 148px !important;
    min-height: 46px !important;
    padding: 12px 23px !important;
    font-size: 14.5px !important;
    font-weight: 790 !important;
}

body.is-home-page .hero-primary {
    background: linear-gradient(135deg, #35d8e4 0%, #8eeaf0 100%) !important;
    box-shadow:
        0 14px 38px rgba(67, 203, 215, 0.18),
        inset 0 1px 0 rgba(255,255,255,0.32) !important;
}

body.is-home-page .hero-primary:hover {
    background: linear-gradient(135deg, #46dfe9 0%, #a2f0f5 100%) !important;
    box-shadow:
        0 18px 46px rgba(67, 203, 215, 0.24),
        inset 0 1px 0 rgba(255,255,255,0.38) !important;
}

body.is-home-page .hero-secondary {
    color: rgba(236, 248, 250, 0.74) !important;
    border-color: rgba(166, 227, 234, 0.12) !important;
}

@media (max-width: 760px) {
    body.is-home-page .landing-hero-inner {
        width: min(92vw, 520px) !important;
        transform: translateY(-0.2vh) !important;
    }

    body.is-home-page .landing-title-main {
        font-size: clamp(50px, 15.8vw, 72px) !important;
        letter-spacing: -0.045em !important;
    }

    body.is-home-page .landing-copy {
        max-width: 320px !important;
        font-size: 13.5px !important;
    }

    body.is-home-page .hero-primary,
    body.is-home-page .hero-secondary {
        min-width: 132px !important;
        min-height: 43px !important;
        padding: 10px 16px !important;
        font-size: 13.5px !important;
    }
}


/* ============================================================
   HOME BEST TEAM SCORE TYPOGRAPHY REFINEMENT 2026-05-28
   Scope: /center best-team carousel score only.
   Goal: reduce oversized revenue number while keeping it readable.
   ============================================================ */
.home-center-shell .home-best-slide-head .home-team-score {
    font-size: clamp(24px, 2.18vw, 36px) !important;
    font-weight: 780 !important;
    line-height: 0.96 !important;
    letter-spacing: -0.060em !important;
    color: rgba(42, 219, 228, 0.94) !important;
    text-shadow:
        0 10px 28px rgba(0, 217, 255, 0.15),
        0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

@media (max-width: 980px) {
    .home-center-shell .home-best-slide-head .home-team-score {
        font-size: clamp(22px, 7vw, 32px) !important;
        justify-self: start !important;
    }
}

/* ==========================================================
   HOME BEST FIELD TOP CROP + BET SLIP MOTION REPAIR 2026-05-28
   - Keep the existing home best-team stadium frame/border intact.
   - Only lower/scale the field SVG slightly so the upper stadium arc is not cut off.
   - Restore smooth bet-slip movement by allowing top transition again.
   ========================================================== */
.home-center-shell .home-best-teamedit-board.team-edit-page-shell .team-edit-stadium.home-best-teamedit-stadium .field-bg {
    transform: translateY(8px) scale(0.985) !important;
    transform-origin: 50% 50% !important;
}

@media (min-width: 1181px) {
    .betting-page .betting-slip,
    .betting-page .betting-slip.is-floating {
        transition:
            top 0.26s cubic-bezier(0.22, 1, 0.36, 1),
            opacity 0.18s ease,
            box-shadow 0.18s ease,
            border-color 0.18s ease !important;
        will-change: top !important;
    }
}

/* ==========================================================
   PROFILE GLASS CARD TONE ALIGNMENT 2026-05-28
   Scope: profile page visual shell only.
   Goal: match the refined dark/cyan glass tone used by MyPick Center
   and Player Search cards without changing profile data/logic.
   ========================================================== */
.profile-v2-shell {
    max-width: 1180px !important;
    gap: 20px !important;
    padding-bottom: 42px !important;
    animation: pageSoftEnter 0.62s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.profile-v2-hero {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 380px) !important;
    gap: 20px !important;
    padding: 24px 26px !important;
    border-radius: 26px !important;
    border-color: rgba(255, 255, 255, 0.095) !important;
    background:
        radial-gradient(circle at 82% 16%, rgba(125, 239, 246, 0.070), transparent 34%),
        radial-gradient(circle at 8% 0%, rgba(53, 236, 244, 0.060), transparent 32%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.024)),
        rgba(8, 16, 19, 0.62) !important;
    box-shadow:
        0 24px 80px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
    backdrop-filter: blur(26px) saturate(128%) !important;
    -webkit-backdrop-filter: blur(26px) saturate(128%) !important;
    transition:
        transform 0.58s cubic-bezier(0.16, 1, 0.3, 1),
        border-color 0.58s cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 0.58s cubic-bezier(0.16, 1, 0.3, 1),
        background 0.58s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.profile-v2-hero:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(125, 239, 246, 0.22) !important;
    background:
        radial-gradient(circle at 82% 16%, rgba(125, 239, 246, 0.082), transparent 34%),
        radial-gradient(circle at 8% 0%, rgba(53, 236, 244, 0.070), transparent 32%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.060), rgba(255, 255, 255, 0.026)),
        rgba(8, 26, 30, 0.72) !important;
    box-shadow:
        0 26px 58px rgba(0, 0, 0, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.070) !important;
}

.profile-v2-hero-bg {
    width: 420px !important;
    height: 420px !important;
    right: -160px !important;
    bottom: -210px !important;
    opacity: 0.85 !important;
    background: radial-gradient(circle, rgba(53, 236, 244, 0.16), transparent 64%) !important;
}

.profile-v2-identity {
    gap: 20px !important;
}

.profile-v2-uniform-frame {
    width: 112px !important;
    height: 112px !important;
    border-radius: 28px !important;
    border-color: rgba(125, 239, 246, 0.16) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
        rgba(3, 13, 20, 0.50) !important;
    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.060) !important;
}

.profile-v2-identity h1 {
    margin: 2px 0 8px !important;
    font-size: clamp(34px, 4vw, 54px) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.062em !important;
    color: rgba(247, 252, 255, 0.98) !important;
}

.profile-v2-subcopy {
    color: rgba(205, 216, 225, 0.70) !important;
    font-weight: 800 !important;
}

.profile-v2-hero-actions .button-link {
    border-radius: 14px !important;
    min-height: 42px !important;
    padding: 0 17px !important;
}

.profile-favorite-team-panel,
.profile-public-view-panel {
    border-radius: 22px !important;
    border-color: rgba(148, 163, 184, 0.12) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.020)),
        rgba(7, 20, 24, 0.58) !important;
    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
    backdrop-filter: blur(18px) saturate(122%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(122%) !important;
}

.favorite-team-option,
.profile-public-rank-link,
.profile-friend-request-button,
.profile-save-team-button {
    border-radius: 14px !important;
}

.favorite-team-option {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.046), rgba(255, 255, 255, 0.016)),
        rgba(3, 13, 20, 0.48) !important;
    border-color: rgba(148, 163, 184, 0.105) !important;
}

.favorite-team-option:hover,
.favorite-team-option:focus-within,
.favorite-team-option.selected {
    border-color: rgba(125, 239, 246, 0.24) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.020)),
        rgba(7, 22, 26, 0.64) !important;
}

.profile-v2-stat-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

.profile-v2-stat-card,
.profile-v2-card,
.profile-highlight-card {
    border-radius: 22px !important;
    border-color: rgba(148, 163, 184, 0.13) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.020)),
        rgba(7, 20, 24, 0.58) !important;
    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.17),
        inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
    backdrop-filter: blur(16px) saturate(122%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(122%) !important;
    transition:
        transform 0.56s cubic-bezier(0.16, 1, 0.3, 1),
        border-color 0.56s cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 0.56s cubic-bezier(0.16, 1, 0.3, 1),
        background 0.56s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.profile-v2-stat-card:hover,
.profile-v2-card:hover,
.profile-highlight-card:hover {
    transform: translateY(-4px) scale(1.004) !important;
    border-color: rgba(125, 239, 246, 0.22) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.022)),
        rgba(7, 22, 26, 0.62) !important;
    box-shadow:
        0 24px 52px rgba(0, 0, 0, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.065) !important;
}

.profile-v2-stat-card {
    min-height: 118px !important;
    padding: 15px 16px !important;
}

.profile-v2-stat-card.primary,
.profile-v2-stat-card.primary.recent {
    background:
        radial-gradient(circle at 82% 18%, rgba(125, 239, 246, 0.075), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.056), rgba(255, 255, 255, 0.022)),
        rgba(7, 22, 26, 0.64) !important;
}

.profile-v2-stat-card span,
.profile-status-grid span,
.profile-budget-strip span,
.profile-account-list span {
    color: rgba(147, 161, 176, 0.84) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: -0.01em !important;
}

.profile-v2-stat-card strong {
    color: rgba(246, 250, 255, 0.98) !important;
    font-size: clamp(24px, 2.4vw, 34px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.055em !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

.profile-v2-stat-card small,
.profile-note,
.profile-highlight-card p,
.profile-highlight-empty p,
.profile-public-view-panel p {
    color: rgba(205, 216, 225, 0.62) !important;
}

.profile-v2-main-grid {
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.78fr) !important;
    gap: 16px !important;
}

.profile-v2-card {
    padding: 20px !important;
    margin-bottom: 0 !important;
}

.profile-v2-card .section-heading,
.profile-honors-card .section-heading,
.profile-lineup-card .section-heading,
.profile-recent-card .section-heading {
    margin-bottom: 18px !important;
}

.profile-v2-card .section-heading h2,
.profile-honors-card .section-heading h2,
.profile-lineup-card .section-heading h2,
.profile-recent-card .section-heading h2 {
    color: rgba(247, 252, 255, 0.98) !important;
    letter-spacing: -0.045em !important;
}

.profile-status-grid,
.profile-budget-strip,
.profile-account-list {
    gap: 10px !important;
}

.profile-status-grid div,
.profile-budget-strip div,
.profile-account-list div,
.profile-recent-score-list > div {
    border-radius: 15px !important;
    border-color: rgba(148, 163, 184, 0.105) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.042), rgba(255, 255, 255, 0.014)),
        rgba(3, 13, 20, 0.54) !important;
}

.profile-status-grid strong,
.profile-budget-strip strong,
.profile-account-list strong {
    color: rgba(246, 250, 255, 0.98) !important;
    overflow-wrap: anywhere;
}

.profile-status-pill {
    border: 1px solid rgba(125, 239, 246, 0.14) !important;
    background: rgba(255, 255, 255, 0.045) !important;
    color: rgba(230, 247, 255, 0.92) !important;
}

.profile-status-pill.success {
    color: rgba(168, 255, 221, 0.98) !important;
    border-color: rgba(74, 222, 128, 0.24) !important;
    background: rgba(34, 197, 94, 0.10) !important;
}

.profile-status-pill.warning {
    color: rgba(255, 196, 196, 0.98) !important;
    border-color: rgba(248, 113, 113, 0.26) !important;
    background: rgba(248, 113, 113, 0.10) !important;
}

.profile-v2-highlight-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

.profile-highlight-card {
    min-height: 178px !important;
    padding: 16px !important;
}

.profile-highlight-label,
.profile-v2-shell .eyebrow {
    color: rgba(71, 225, 238, 0.94) !important;
}

.profile-highlight-player strong {
    color: rgba(246, 250, 255, 0.98) !important;
    transition: color 0.46s cubic-bezier(0.16, 1, 0.3, 1), text-shadow 0.46s ease !important;
}

.profile-highlight-card:hover .profile-highlight-player strong {
    color: #8ff5fb !important;
    text-shadow: 0 0 18px rgba(125, 239, 246, 0.24) !important;
}

.profile-highlight-value {
    color: rgba(246, 250, 255, 0.98);
    line-height: 1.05 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

.profile-honors-card {
    margin-top: 0 !important;
}

.profile-honors-count {
    padding: 7px 11px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(125, 239, 246, 0.14) !important;
    background: rgba(255, 255, 255, 0.045) !important;
    color: rgba(205, 216, 225, 0.80) !important;
    font-size: 12px !important;
}

.profile-honor-showcase {
    gap: 12px !important;
}

.profile-honor-card {
    min-height: 132px !important;
    padding: 16px !important;
    border-radius: 20px !important;
    border-color: rgba(148, 163, 184, 0.115) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.046), rgba(255, 255, 255, 0.016)),
        rgba(3, 13, 20, 0.54) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
}

.profile-honor-card.honor-gold {
    border-color: rgba(250, 204, 21, 0.24) !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(250, 204, 21, 0.10), transparent 38%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.046), rgba(255, 255, 255, 0.016)),
        rgba(3, 13, 20, 0.54) !important;
}

.profile-honor-card.honor-silver,
.profile-honor-card.honor-bronze {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.046), rgba(255, 255, 255, 0.016)),
        rgba(3, 13, 20, 0.54) !important;
}

.profile-honor-card span,
.profile-honor-timeline-row span {
    color: rgba(147, 161, 176, 0.84) !important;
    font-size: 12px !important;
}

.profile-honor-card strong {
    color: rgba(247, 252, 255, 0.98) !important;
    font-size: clamp(20px, 2.4vw, 25px) !important;
    letter-spacing: -0.052em !important;
}

.profile-honor-card em,
.profile-honor-timeline-row em {
    color: rgba(143, 245, 251, 0.96) !important;
}

.profile-honor-timeline-row {
    border-radius: 15px !important;
    border-color: rgba(148, 163, 184, 0.105) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.038), rgba(255, 255, 255, 0.012)),
        rgba(3, 13, 20, 0.48) !important;
}

.profile-honor-empty {
    border-radius: 20px !important;
    border-color: rgba(148, 163, 184, 0.16) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.038), rgba(255, 255, 255, 0.012)),
        rgba(3, 13, 20, 0.42) !important;
}

.profile-recent-score-list > div {
    padding: 13px 14px !important;
}

.profile-lineup-card {
    border-color: rgba(148, 163, 184, 0.13) !important;
}

.profile-locked-empty {
    text-align: left !important;
}

@media (max-width: 1080px) {
    .profile-v2-hero,
    .profile-v2-main-grid {
        grid-template-columns: 1fr !important;
    }

    .profile-v2-stat-grid,
    .profile-v2-highlight-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 720px) {
    .profile-v2-shell {
        gap: 16px !important;
    }

    .profile-v2-hero {
        padding: 20px !important;
        border-radius: 22px !important;
    }

    .profile-v2-identity {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    .profile-v2-uniform-frame {
        width: 96px !important;
        height: 96px !important;
        border-radius: 24px !important;
    }

    .profile-v2-stat-grid,
    .profile-v2-highlight-grid,
    .favorite-team-grid,
    .profile-status-grid,
    .profile-budget-strip {
        grid-template-columns: 1fr !important;
    }

    .profile-v2-card,
    .profile-highlight-card,
    .profile-v2-stat-card {
        border-radius: 20px !important;
    }

    .profile-honor-timeline-row {
        grid-template-columns: 1fr !important;
    }
}

/* ==========================================================
   PROFILE SUMMARY + ACHIEVEMENTS LAYOUT 2026-05-28
   Scope: profile page only.
   Goal: replace the six loose stat cards + old honors board with
   a compact left summary panel and a manual-paged achievements panel.
   ========================================================== */
.profile-v2-overview-grid {
    display: grid;
    grid-template-columns: minmax(320px, 0.56fr) minmax(0, 1fr);
    gap: 16px;
    align-items: stretch;
}

.profile-summary-panel,
.profile-achievements-card {
    min-height: 438px;
    border-radius: 26px !important;
    border-color: rgba(148, 163, 184, 0.13) !important;
    background:
        radial-gradient(circle at 88% 10%, rgba(125, 239, 246, 0.065), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.020)),
        rgba(7, 20, 24, 0.58) !important;
    box-shadow:
        0 22px 54px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
    backdrop-filter: blur(18px) saturate(124%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(124%) !important;
}

.profile-summary-panel:hover,
.profile-achievements-card:hover {
    transform: translateY(-4px) scale(1.002) !important;
    border-color: rgba(125, 239, 246, 0.22) !important;
    box-shadow:
        0 26px 58px rgba(0, 0, 0, 0.21),
        inset 0 1px 0 rgba(255, 255, 255, 0.065) !important;
}

.profile-summary-panel {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.profile-summary-panel .section-heading {
    margin-bottom: 0 !important;
}

.profile-summary-total {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 150px;
    padding: 20px;
    border: 1px solid rgba(125, 239, 246, 0.16);
    border-radius: 22px;
    background:
        radial-gradient(circle at 88% 8%, rgba(53, 236, 244, 0.14), transparent 38%),
        radial-gradient(circle at 14% 0%, rgba(83, 118, 255, 0.09), transparent 36%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.018)),
        rgba(3, 13, 20, 0.54);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.052);
}

.profile-summary-total::after {
    content: "";
    position: absolute;
    width: 128px;
    height: 128px;
    right: -50px;
    bottom: -62px;
    border-radius: 999px;
    background: rgba(125, 239, 246, 0.10);
    filter: blur(8px);
    pointer-events: none;
}

.profile-summary-total span,
.profile-summary-row span {
    position: relative;
    z-index: 1;
    color: rgba(147, 161, 176, 0.86) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    letter-spacing: -0.01em;
}

.profile-summary-total strong {
    position: relative;
    z-index: 1;
    margin-top: 8px;
    color: rgba(247, 252, 255, 0.98) !important;
    font-size: clamp(38px, 4.2vw, 58px) !important;
    line-height: 0.96 !important;
    letter-spacing: -0.064em !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

.profile-summary-total small {
    position: relative;
    z-index: 1;
    margin-top: 10px;
    color: rgba(205, 216, 225, 0.68) !important;
    font-weight: 900;
}

.profile-summary-stack {
    display: grid;
    gap: 10px;
}

.profile-summary-row {
    display: grid;
    grid-template-columns: minmax(98px, 0.82fr) minmax(108px, 0.72fr) minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    min-height: 66px;
    padding: 13px 15px;
    border: 1px solid rgba(148, 163, 184, 0.105);
    border-radius: 17px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.040), rgba(255, 255, 255, 0.012)),
        rgba(3, 13, 20, 0.50);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.036);
}

.profile-summary-row strong {
    color: rgba(247, 252, 255, 0.98) !important;
    font-size: clamp(22px, 2.1vw, 30px) !important;
    line-height: 1 !important;
    letter-spacing: -0.054em !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

.profile-summary-row small {
    justify-self: end;
    color: rgba(205, 216, 225, 0.62) !important;
    font-weight: 850;
    text-align: right;
    white-space: normal;
}

.profile-achievements-card {
    display: flex;
    flex-direction: column;
}

.profile-achievements-heading {
    margin-bottom: 16px !important;
}

.profile-achievements-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 7px 12px;
    border: 1px solid rgba(125, 239, 246, 0.14);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.045);
    color: rgba(205, 216, 225, 0.80);
    font-size: 12px;
    font-weight: 950;
}

.profile-achievement-carousel {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 0;
}

.profile-achievement-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    align-content: start;
}

.profile-achievement-card {
    position: relative;
    overflow: hidden;
    min-height: 126px;
    padding: 15px;
    border: 1px solid rgba(148, 163, 184, 0.115);
    border-radius: 20px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.046), rgba(255, 255, 255, 0.016)),
        rgba(3, 13, 20, 0.54);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 12px;
}

.profile-achievement-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: radial-gradient(circle at 100% 0%, rgba(125, 239, 246, 0.082), transparent 42%);
    opacity: 0.78;
    pointer-events: none;
}

.profile-achievement-card > * {
    position: relative;
    z-index: 1;
}

.profile-achievement-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.profile-achievement-card-top span {
    color: rgba(143, 245, 251, 0.94);
    font-size: 11px;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.profile-achievement-card-top i {
    width: 9px;
    height: 9px;
    flex: 0 0 auto;
    border-radius: 999px;
    background: rgba(143, 245, 251, 0.80);
    box-shadow: 0 0 16px rgba(143, 245, 251, 0.30);
}

.profile-achievement-card strong {
    color: rgba(247, 252, 255, 0.98);
    font-size: clamp(18px, 1.7vw, 22px);
    line-height: 1.12;
    letter-spacing: -0.050em;
    word-break: keep-all;
}

.profile-achievement-card small {
    color: rgba(205, 216, 225, 0.62);
    font-weight: 850;
    line-height: 1.35;
}

.profile-achievement-card.achievement-gold {
    border-color: rgba(250, 204, 21, 0.26);
}

.profile-achievement-card.achievement-gold::before {
    background: radial-gradient(circle at 100% 0%, rgba(250, 204, 21, 0.16), transparent 44%);
}

.profile-achievement-card.achievement-gold .profile-achievement-card-top span,
.profile-achievement-card.achievement-gold .profile-achievement-card-top i {
    color: rgba(253, 224, 71, 0.96);
    background: rgba(253, 224, 71, 0.82);
    box-shadow: 0 0 16px rgba(253, 224, 71, 0.24);
}

.profile-achievement-card.achievement-silver {
    border-color: rgba(203, 213, 225, 0.22);
}

.profile-achievement-card.achievement-bronze {
    border-color: rgba(251, 146, 60, 0.22);
}

.profile-achievement-card.achievement-neutral {
    border-color: rgba(148, 163, 184, 0.125);
}

.profile-achievement-controls {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-top: auto;
    padding-top: 16px;
}

.profile-achievement-controls[hidden] {
    display: none !important;
}

.profile-achievement-controls button {
    min-width: 82px;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid rgba(125, 239, 246, 0.16);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.046);
    color: rgba(230, 247, 255, 0.90);
    font-size: 12px;
    font-weight: 950;
    transition: transform 160ms ease, border-color 160ms ease, background-color 160ms ease, opacity 160ms ease;
}

.profile-achievement-controls button:not(:disabled):hover,
.profile-achievement-controls button:not(:disabled):focus-visible {
    transform: translateY(-1px);
    border-color: rgba(125, 239, 246, 0.30);
    background: rgba(125, 239, 246, 0.075);
}

.profile-achievement-controls button:disabled {
    cursor: default;
    opacity: 0.42;
}

.profile-achievement-controls span {
    min-width: 54px;
    color: rgba(205, 216, 225, 0.68);
    font-size: 12px;
    font-weight: 950;
    text-align: center;
}

.profile-achievement-empty {
    display: flex;
    flex: 1;
    min-height: 240px;
    flex-direction: column;
    justify-content: center;
    padding: 22px;
    border: 1px dashed rgba(148, 163, 184, 0.16);
    border-radius: 20px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.038), rgba(255, 255, 255, 0.012)),
        rgba(3, 13, 20, 0.42);
    color: rgba(205, 216, 225, 0.66);
}

.profile-achievement-empty strong {
    margin-bottom: 6px;
    color: rgba(247, 252, 255, 0.98);
    font-size: 20px;
    letter-spacing: -0.04em;
}

@media (max-width: 1120px) {
    .profile-v2-overview-grid {
        grid-template-columns: 1fr;
    }

    .profile-summary-panel,
    .profile-achievements-card {
        min-height: auto;
    }
}

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

    .profile-summary-row {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .profile-summary-row small {
        justify-self: start;
        text-align: left;
    }

    .profile-achievement-controls {
        justify-content: center;
    }
}

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

    .profile-summary-total strong {
        font-size: clamp(34px, 12vw, 46px) !important;
    }
}

/* ==========================================================
   PROFILE CLEAN SUMMARY + AGGREGATED ACHIEVEMENTS REPAIR 2026-05-28
   Scope: profile page only.
   Fixes the failed oversized honor-card layout by using four
   consistent summary rows and four aggregated achievement counters.
   ========================================================== */
.profile-clean-overview {
    display: grid;
    grid-template-columns: minmax(360px, 420px) minmax(0, 1fr);
    gap: 18px;
    align-items: stretch;
    margin-top: 18px;
}

.profile-clean-summary-panel,
.profile-clean-achievements-panel {
    display: flex;
    flex-direction: column;
    min-height: 456px;
    padding: 24px !important;
    border: 1px solid rgba(125, 239, 246, 0.13) !important;
    border-radius: 28px !important;
    background:
        radial-gradient(circle at 92% 0%, rgba(125, 239, 246, 0.070), transparent 36%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.018)),
        rgba(5, 18, 23, 0.70) !important;
    box-shadow:
        0 24px 54px rgba(0, 0, 0, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
    backdrop-filter: blur(18px) saturate(124%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(124%) !important;
}

.profile-clean-summary-panel:hover,
.profile-clean-achievements-panel:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(125, 239, 246, 0.20) !important;
    box-shadow:
        0 26px 58px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.065) !important;
}

.profile-clean-section-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.profile-clean-section-head .eyebrow {
    margin-bottom: 6px;
    color: rgba(125, 239, 246, 0.92) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase;
}

.profile-clean-section-head h2 {
    margin: 0;
    color: rgba(247, 252, 255, 0.98);
    font-size: clamp(24px, 2vw, 30px);
    line-height: 1.05;
    letter-spacing: -0.052em;
}

.profile-clean-record-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 13px;
    border: 1px solid rgba(125, 239, 246, 0.15);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.045);
    color: rgba(210, 224, 232, 0.78);
    font-size: 12px;
    font-weight: 850;
    white-space: nowrap;
}

.profile-clean-summary-list {
    display: grid;
    grid-template-rows: repeat(4, minmax(86px, 1fr));
    gap: 12px;
    flex: 1;
}

.profile-clean-stat-card {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    align-items: center;
    column-gap: 18px;
    min-height: 86px;
    padding: 16px 18px;
    border: 1px solid rgba(148, 163, 184, 0.11);
    border-radius: 20px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.044), rgba(255, 255, 255, 0.014)),
        rgba(3, 13, 20, 0.52);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.040);
}

.profile-clean-stat-card::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: radial-gradient(circle at 100% 0%, rgba(125, 239, 246, 0.055), transparent 44%);
    pointer-events: none;
}

.profile-clean-stat-card > * {
    position: relative;
    z-index: 1;
}

.profile-clean-stat-card span {
    grid-column: 1;
    color: rgba(148, 163, 184, 0.88);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: -0.01em;
}

.profile-clean-stat-card strong {
    grid-column: 2;
    grid-row: 1 / 3;
    justify-self: end;
    align-self: center;
    max-width: 100%;
    color: rgba(247, 252, 255, 0.98);
    font-size: clamp(28px, 2.35vw, 36px) !important;
    line-height: 1 !important;
    letter-spacing: -0.060em !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

.profile-clean-stat-card small {
    grid-column: 1;
    margin-top: 7px;
    color: rgba(205, 216, 225, 0.62);
    font-size: 12px;
    font-weight: 760;
    line-height: 1.25;
    white-space: normal;
}

.profile-clean-stat-card .score-positive,
.profile-clean-stat-card .profile-total-asset-value {
    color: rgba(247, 252, 255, 0.98) !important;
}

.profile-clean-stat-card .score-negative {
    color: #ff6b7a !important;
}

.profile-clean-achievement-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: minmax(152px, 1fr);
    gap: 14px;
    flex: 1;
}

.profile-clean-achievement-card {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 12px;
    min-height: 152px;
    padding: 18px;
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 22px;
    background:
        radial-gradient(circle at 100% 0%, rgba(125, 239, 246, 0.080), transparent 44%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.046), rgba(255, 255, 255, 0.014)),
        rgba(3, 13, 20, 0.55);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.044);
}

.profile-clean-achievement-card.is-empty {
    opacity: 0.70;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.034), rgba(255, 255, 255, 0.010)),
        rgba(3, 13, 20, 0.44);
}

.profile-clean-achievement-card.achievement-gold {
    border-color: rgba(250, 204, 21, 0.26);
    background:
        radial-gradient(circle at 100% 0%, rgba(250, 204, 21, 0.13), transparent 44%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.048), rgba(255, 255, 255, 0.014)),
        rgba(3, 13, 20, 0.56);
}

.profile-clean-achievement-card.achievement-silver {
    border-color: rgba(203, 213, 225, 0.20);
}

.profile-clean-achievement-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.profile-clean-achievement-label span {
    color: rgba(143, 245, 251, 0.94);
    font-size: 11px;
    font-weight: 920;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.profile-clean-achievement-card.achievement-gold .profile-clean-achievement-label span {
    color: rgba(253, 224, 71, 0.96);
}

.profile-clean-achievement-main {
    display: flex;
    align-items: baseline;
    gap: 12px;
    min-width: 0;
}

.profile-clean-achievement-main strong {
    color: rgba(247, 252, 255, 0.98);
    font-size: clamp(38px, 4.1vw, 54px);
    line-height: 0.92;
    letter-spacing: -0.070em;
    white-space: nowrap;
}

.profile-clean-achievement-main em {
    color: rgba(232, 241, 246, 0.92);
    font-size: clamp(17px, 1.45vw, 21px);
    font-style: normal;
    font-weight: 900;
    line-height: 1.15;
    letter-spacing: -0.045em;
    word-break: keep-all;
}

.profile-clean-achievement-card small {
    color: rgba(205, 216, 225, 0.62);
    font-size: 12px;
    font-weight: 780;
    line-height: 1.35;
    word-break: keep-all;
}

.profile-clean-achievement-empty {
    display: flex;
    flex: 1;
    min-height: 260px;
    flex-direction: column;
    justify-content: center;
    padding: 22px;
    border: 1px dashed rgba(148, 163, 184, 0.16);
    border-radius: 20px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.038), rgba(255, 255, 255, 0.012)),
        rgba(3, 13, 20, 0.42);
    color: rgba(205, 216, 225, 0.66);
}

.profile-clean-achievement-empty strong {
    margin-bottom: 6px;
    color: rgba(247, 252, 255, 0.98);
    font-size: 20px;
    letter-spacing: -0.04em;
}

@media (max-width: 1120px) {
    .profile-clean-overview {
        grid-template-columns: 1fr;
    }

    .profile-clean-summary-panel,
    .profile-clean-achievements-panel {
        min-height: auto;
    }
}

@media (max-width: 720px) {
    .profile-clean-summary-list,
    .profile-clean-achievement-grid {
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
    }

    .profile-clean-stat-card {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .profile-clean-stat-card strong {
        grid-column: 1;
        grid-row: auto;
        justify-self: start;
    }

    .profile-clean-achievement-main {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}

/* BETTING HISTORY GLASS + MANUAL PAGER 2026-05-29 START */
.betting-history-card {
    width: min(100%, 1180px) !important;
    margin: clamp(0px, 1vw, 8px) auto clamp(28px, 4vw, 44px) !important;
    padding: clamp(22px, 2.9vw, 34px) !important;
    border-radius: 30px !important;
    border: 1px solid rgba(87, 226, 232, 0.19) !important;
    background:
        radial-gradient(circle at 8% 0%, rgba(49, 231, 238, 0.12), transparent 34%),
        radial-gradient(circle at 96% 4%, rgba(59, 130, 246, 0.07), transparent 28%),
        linear-gradient(145deg, rgba(7, 22, 28, 0.80), rgba(2, 8, 15, 0.88)) !important;
    box-shadow:
        0 28px 80px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.055),
        0 0 0 1px rgba(0, 229, 255, 0.035) !important;
    backdrop-filter: blur(18px) saturate(130%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(130%) !important;
}

.betting-history-heading {
    align-items: flex-start !important;
    gap: 18px !important;
    margin-bottom: clamp(18px, 2.2vw, 26px) !important;
}

.betting-history-heading h1 {
    color: rgba(248, 250, 252, 0.98) !important;
    text-shadow: 0 10px 32px rgba(0, 0, 0, 0.34) !important;
}

.betting-history-card .betting-history-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    padding: 0 22px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(97, 246, 255, 0.58) !important;
    background:
        radial-gradient(circle at 28% 0%, rgba(255, 255, 255, 0.30), transparent 36%),
        linear-gradient(180deg, rgba(70, 235, 247, 0.96), rgba(15, 197, 219, 0.90)) !important;
    color: rgba(1, 21, 28, 0.96) !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    letter-spacing: -0.03em !important;
    box-shadow:
        0 18px 34px rgba(11, 218, 235, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.32) !important;
}

.betting-history-card .betting-history-link:hover,
.betting-history-card .betting-history-link:focus-visible {
    transform: translateY(-1px) !important;
    filter: brightness(1.05) !important;
    outline: none !important;
}

.betting-history-table-wrap {
    overflow-x: auto !important;
    border-radius: 24px !important;
    border: 1px solid rgba(97, 222, 231, 0.15) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.014)),
        rgba(4, 13, 23, 0.58) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 18px 40px rgba(0, 0, 0, 0.18) !important;
}

.betting-history-table {
    min-width: 940px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.betting-history-table th,
.betting-history-table td {
    border-bottom: 1px solid rgba(116, 139, 154, 0.14) !important;
    vertical-align: middle !important;
}

.betting-history-table th {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    color: rgba(177, 200, 212, 0.84) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: -0.01em !important;
    background:
        linear-gradient(180deg, rgba(12, 31, 42, 0.72), rgba(5, 16, 27, 0.70)) !important;
}

.betting-history-table td {
    padding-top: 17px !important;
    padding-bottom: 17px !important;
    color: rgba(230, 241, 247, 0.92) !important;
    font-size: 14px !important;
    background: rgba(3, 12, 22, 0.12) !important;
}

.betting-history-table tbody tr {
    transition: background 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease !important;
}

.betting-history-table tbody tr:hover {
    background: rgba(46, 232, 240, 0.060) !important;
    box-shadow: inset 3px 0 0 rgba(89, 235, 244, 0.52) !important;
}

.betting-history-table .betting-history-row[hidden] {
    display: none !important;
}

.betting-history-table td[data-label="경기"] strong,
.betting-history-table td[data-label="선택"] {
    color: rgba(246, 250, 252, 0.96) !important;
    font-weight: 900 !important;
}

.betting-history-table .betting-history-game-date,
.betting-history-table .muted-cell {
    color: rgba(170, 189, 200, 0.76) !important;
}

.betting-history-table td[data-label="배팅 금액"] {
    color: rgba(235, 246, 250, 0.94) !important;
    font-weight: 900 !important;
}

.betting-history-table .betting-history-odds {
    color: rgba(245, 250, 252, 0.97) !important;
    font-weight: 950 !important;
}

.bet-status-pill.status-won {
    color: #86efac !important;
    background: rgba(34, 197, 94, 0.14) !important;
    border-color: rgba(34, 197, 94, 0.34) !important;
}

.bet-status-pill.status-lost {
    color: #ff7c8a !important;
    background: rgba(255, 77, 92, 0.13) !important;
    border-color: rgba(255, 77, 92, 0.34) !important;
}

.bet-status-pill.status-pending {
    color: #fde68a !important;
    background: rgba(250, 204, 21, 0.13) !important;
    border-color: rgba(250, 204, 21, 0.32) !important;
}

.bet-status-pill.status-void {
    color: rgba(211, 228, 238, 0.92) !important;
    background: rgba(148, 163, 184, 0.12) !important;
    border-color: rgba(148, 163, 184, 0.24) !important;
}

.betting-history-pager {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 16px auto 0;
    width: fit-content;
    max-width: 100%;
}

.betting-history-pager[hidden] {
    display: none !important;
}

.betting-history-page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: nowrap;
}

.betting-history-page-arrow,
.betting-history-number-btn {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 1px solid rgba(87, 226, 232, 0.17);
    border-radius: 13px;
    background: rgba(7, 20, 28, 0.74);
    color: rgba(174, 190, 201, 0.88);
    font: inherit;
    font-size: 14px;
    font-weight: 950;
    line-height: 1;
    cursor: pointer;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.045),
        0 10px 22px rgba(0, 0, 0, 0.16);
    transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease, color 0.16s ease, opacity 0.16s ease;
}

.betting-history-page-arrow {
    font-size: 18px;
}

.betting-history-page-arrow:hover:not(:disabled),
.betting-history-page-arrow:focus-visible:not(:disabled),
.betting-history-number-btn:hover,
.betting-history-number-btn:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(78, 235, 246, 0.42);
    background: rgba(10, 35, 45, 0.86);
    color: rgba(235, 253, 255, 0.96);
    outline: none;
}

.betting-history-number-btn.is-active {
    border-color: rgba(59, 232, 244, 0.88);
    background: linear-gradient(180deg, rgba(26, 226, 236, 0.98), rgba(11, 202, 218, 0.94));
    color: rgba(2, 19, 26, 0.98);
    box-shadow:
        0 14px 28px rgba(5, 213, 229, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.28);
}

.betting-history-page-arrow:disabled {
    cursor: default;
    opacity: 0.38;
}

.betting-history-summary {
    gap: 14px !important;
    margin-top: 24px !important;
}

.betting-history-summary span {
    min-height: 88px !important;
    padding: 17px 18px !important;
    border-radius: 18px !important;
    border-color: rgba(87, 226, 232, 0.14) !important;
    background:
        radial-gradient(circle at 12% 0%, rgba(70, 240, 255, 0.08), transparent 42%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.043), rgba(255, 255, 255, 0.014)),
        rgba(4, 15, 24, 0.58) !important;
}

.betting-history-summary strong {
    color: rgba(247, 252, 255, 0.98) !important;
    letter-spacing: -0.04em !important;
}

@media (max-width: 980px) {
    .betting-history-pager {
        width: 100%;
        justify-content: center;
        overflow-x: auto;
        padding-bottom: 2px;
    }
}

@media (max-width: 720px) {
    .betting-history-heading {
        align-items: stretch !important;
    }

    .betting-history-card .betting-history-link {
        width: 100% !important;
    }

    .betting-history-table .betting-history-row[hidden] {
        display: none !important;
    }

    .betting-history-pager {
        gap: 6px;
    }

    .betting-history-page-numbers {
        gap: 6px;
    }

    .betting-history-page-arrow,
    .betting-history-number-btn {
        width: 34px;
        height: 34px;
        border-radius: 11px;
        font-size: 12px;
    }

    .betting-history-page-arrow {
        font-size: 16px;
    }
}
/* BETTING HISTORY GLASS + MANUAL PAGER 2026-05-29 END */

/* PROFILE HOVER + BETTING HISTORY OFFSET REPAIR 2026-05-29 START */
/* Scope: betting history vertical spacing + profile non-player card hover only. */

/* Move the betting history card slightly upward while keeping safe header spacing. */
.page-wrap:has(> .betting-history-card) {
    padding-top: 18px !important;
}

.betting-history-card {
    margin-top: 0 !important;
}

/* Profile: general information cards should emphasize in place, not jump upward. */
.profile-page-shell .profile-v2-hero:hover,
.profile-page-shell .profile-v2-card:not(.profile-highlight-card):hover,
.profile-page-shell .profile-clean-summary-panel:hover,
.profile-page-shell .profile-clean-achievements-panel:hover,
.profile-page-shell .profile-manager-card:hover,
.profile-page-shell .profile-form-card:hover,
.profile-page-shell .profile-lineup-card:hover,
.profile-page-shell .profile-recent-card:hover,
.profile-page-shell .profile-locked-empty:hover,
.profile-page-shell .profile-favorite-team-panel:hover,
.profile-page-shell .profile-public-view-panel:hover {
    transform: none !important;
    border-color: rgba(125, 239, 246, 0.28) !important;
    background:
        radial-gradient(circle at 88% 10%, rgba(125, 239, 246, 0.080), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.058), rgba(255, 255, 255, 0.022)),
        rgba(7, 22, 26, 0.68) !important;
    box-shadow:
        0 24px 56px rgba(0, 0, 0, 0.22),
        0 0 0 1px rgba(125, 239, 246, 0.060),
        inset 0 1px 0 rgba(255, 255, 255, 0.068) !important;
}

/* Profile: nested non-player cards use the same in-place emphasis. */
.profile-page-shell .profile-clean-stat-card,
.profile-page-shell .profile-clean-achievement-card,
.profile-page-shell .profile-status-item,
.profile-page-shell .profile-budget-strip > div,
.profile-page-shell .profile-account-list > div,
.profile-page-shell .profile-recent-score-list > div {
    transition:
        border-color 0.22s ease,
        box-shadow 0.22s ease,
        background 0.22s ease,
        opacity 0.22s ease !important;
}

.profile-page-shell .profile-clean-stat-card:hover,
.profile-page-shell .profile-clean-achievement-card:hover,
.profile-page-shell .profile-status-item:hover,
.profile-page-shell .profile-budget-strip > div:hover,
.profile-page-shell .profile-account-list > div:hover,
.profile-page-shell .profile-recent-score-list > div:hover {
    transform: none !important;
    border-color: rgba(125, 239, 246, 0.25) !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(125, 239, 246, 0.085), transparent 42%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.050), rgba(255, 255, 255, 0.016)),
        rgba(5, 19, 24, 0.64) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.055),
        0 14px 30px rgba(0, 0, 0, 0.16),
        0 0 0 1px rgba(125, 239, 246, 0.040) !important;
}

/* Explicitly preserve player-card hover behavior on profile highlights and squad slots. */
.profile-page-shell .profile-highlight-card,
.profile-page-shell .profile-highlight-player,
.profile-page-shell .profile-lineup-card .field-slot,
.profile-page-shell .profile-lineup-card .roster-slot,
.profile-page-shell .profile-lineup-card .lineup-player-card {
    /* No override here: existing player-card hover/motion remains active. */
}

@media (max-width: 720px) {
    .page-wrap:has(> .betting-history-card) {
        padding-top: 16px !important;
    }
}
/* PROFILE HOVER + BETTING HISTORY OFFSET REPAIR 2026-05-29 END */


/* PROFILE RECORD + ACHIEVEMENT COMPACT REPAIR 2026-05-29 START
   Scope: profile summary/achievement panels only.
   Do not touch profile player cards, lineup cards, betting, DB, or JS. */
.profile-clean-overview {
    grid-template-columns: minmax(330px, 392px) minmax(0, 1fr) !important;
    gap: 16px !important;
    margin-top: 14px !important;
}

.profile-clean-summary-panel,
.profile-clean-achievements-panel {
    min-height: 388px !important;
    padding: 20px 22px !important;
    border-radius: 24px !important;
}

.profile-clean-section-head {
    margin-bottom: 14px !important;
}

.profile-clean-section-head .eyebrow {
    margin-bottom: 5px !important;
    font-size: 10.5px !important;
    letter-spacing: 0.15em !important;
}

.profile-clean-section-head h2 {
    font-size: clamp(22px, 1.75vw, 27px) !important;
    letter-spacing: -0.05em !important;
}

.profile-clean-record-pill {
    min-height: 30px !important;
    padding: 0 11px !important;
    font-size: 11px !important;
}

.profile-clean-summary-list {
    grid-template-rows: repeat(4, minmax(68px, 1fr)) !important;
    gap: 10px !important;
}

.profile-clean-stat-card {
    min-height: 68px !important;
    padding: 12px 15px !important;
    border-radius: 17px !important;
    column-gap: 14px !important;
}

.profile-clean-stat-card span {
    color: rgba(245, 252, 255, 0.94) !important;
    font-size: 13.5px !important;
    font-weight: 900 !important;
    letter-spacing: -0.012em !important;
}

.profile-clean-stat-card strong {
    font-size: clamp(24px, 2.0vw, 31px) !important;
    letter-spacing: -0.055em !important;
}

.profile-clean-stat-card small {
    margin-top: 5px !important;
    color: rgba(190, 207, 217, 0.70) !important;
    font-size: 11.5px !important;
    font-weight: 760 !important;
}

.profile-clean-stat-card .profile-total-asset-value {
    color: rgba(247, 252, 255, 0.98) !important;
}

.profile-clean-stat-card.profile-clean-stat-recent strong.score-positive {
    color: rgba(103, 242, 252, 0.98) !important;
    text-shadow: 0 0 18px rgba(35, 220, 238, 0.10) !important;
}

.profile-clean-stat-card.profile-clean-stat-recent strong.score-negative {
    color: #ff5f73 !important;
    text-shadow: 0 0 18px rgba(255, 79, 107, 0.10) !important;
}

.profile-clean-stat-card.profile-clean-stat-recent strong.score-zero {
    color: rgba(188, 205, 214, 0.70) !important;
    text-shadow: none !important;
}

.profile-clean-achievement-grid {
    grid-auto-rows: minmax(124px, 1fr) !important;
    gap: 12px !important;
}

.profile-clean-achievement-card {
    min-height: 124px !important;
    gap: 8px !important;
    padding: 15px 16px !important;
    border-radius: 19px !important;
}

.profile-clean-achievement-label span {
    font-size: 10.5px !important;
    letter-spacing: 0.13em !important;
}

.profile-clean-achievement-title {
    color: rgba(247, 252, 255, 0.95) !important;
    font-size: clamp(16px, 1.18vw, 19px) !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.045em !important;
    word-break: keep-all !important;
}

.profile-clean-achievement-main {
    display: block !important;
    min-width: 0 !important;
}

.profile-clean-achievement-main strong {
    display: block !important;
    color: rgba(247, 252, 255, 0.96) !important;
    font-size: clamp(31px, 2.9vw, 42px) !important;
    line-height: 0.95 !important;
    letter-spacing: -0.065em !important;
}

.profile-clean-achievement-main em {
    display: none !important;
}

.profile-clean-achievement-card small {
    color: rgba(190, 207, 217, 0.66) !important;
    font-size: 11.5px !important;
    font-weight: 760 !important;
    line-height: 1.32 !important;
}

.profile-clean-achievement-card.is-empty .profile-clean-achievement-main strong {
    color: rgba(188, 205, 214, 0.68) !important;
}

@media (max-width: 1120px) {
    .profile-clean-overview {
        grid-template-columns: 1fr !important;
    }

    .profile-clean-summary-panel,
    .profile-clean-achievements-panel {
        min-height: auto !important;
    }
}

@media (max-width: 720px) {
    .profile-clean-stat-card strong {
        font-size: clamp(25px, 9vw, 32px) !important;
    }

    .profile-clean-achievement-grid {
        grid-auto-rows: auto !important;
    }

    .profile-clean-achievement-card {
        min-height: 116px !important;
    }
}
/* PROFILE RECORD + ACHIEVEMENT COMPACT REPAIR 2026-05-29 END */


/* PROFILE HERO + SUMMARY + ACHIEVEMENT RIGHT COUNT COMPACT 2026-05-29 START
   Scope: profile hero, record summary, and aggregated achievement cards only.
   Do not touch MVP/recent ace/top-profit cards or squad/player card hover effects. */
.profile-v2-shell {
    gap: 16px !important;
}

.profile-v2-hero {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 350px) !important;
    gap: 16px !important;
    padding: 18px 22px !important;
    border-radius: 24px !important;
}

.profile-v2-identity {
    gap: 16px !important;
}

.profile-v2-uniform-frame {
    width: 96px !important;
    height: 96px !important;
    border-radius: 23px !important;
}

.profile-v2-identity h1 {
    margin: 1px 0 6px !important;
    font-size: clamp(30px, 3.35vw, 46px) !important;
    letter-spacing: -0.060em !important;
}

.profile-v2-subcopy {
    font-size: 14px !important;
    line-height: 1.2 !important;
}

.profile-v2-hero-actions {
    gap: 8px !important;
    margin-top: 12px !important;
}

.profile-v2-hero-actions .button-link {
    min-height: 38px !important;
    padding: 0 15px !important;
    border-radius: 13px !important;
    font-size: 13px !important;
}

.profile-favorite-team-panel,
.profile-public-view-panel {
    padding: 16px 16px !important;
    border-radius: 20px !important;
}

.profile-mini-heading {
    margin-bottom: 11px !important;
}

.favorite-team-grid {
    gap: 8px !important;
}

.favorite-team-option {
    min-height: 62px !important;
    padding: 8px 7px !important;
    border-radius: 13px !important;
}

.favorite-team-option .uniform-card.xs,
.favorite-team-option .uniform-card.uniform-xs {
    transform: scale(0.92) !important;
    transform-origin: center bottom !important;
}

.profile-save-team-button,
.profile-friend-request-button,
.profile-public-rank-link {
    min-height: 36px !important;
    margin-top: 12px !important;
    border-radius: 13px !important;
    font-size: 13px !important;
}

.profile-clean-overview {
    grid-template-columns: minmax(300px, 350px) minmax(0, 1fr) !important;
    gap: 14px !important;
    margin-top: 10px !important;
}

.profile-clean-summary-panel,
.profile-clean-achievements-panel {
    min-height: 340px !important;
    padding: 18px 20px !important;
    border-radius: 22px !important;
}

.profile-clean-section-head {
    margin-bottom: 12px !important;
}

.profile-clean-section-head .eyebrow {
    margin-bottom: 4px !important;
    font-size: 10px !important;
    letter-spacing: 0.145em !important;
}

.profile-clean-section-head h2 {
    font-size: clamp(21px, 1.55vw, 25px) !important;
    line-height: 1.0 !important;
    letter-spacing: -0.050em !important;
}

.profile-clean-record-pill {
    min-height: 28px !important;
    padding: 0 10px !important;
    font-size: 10.5px !important;
}

.profile-clean-summary-list {
    grid-template-rows: repeat(4, minmax(58px, 1fr)) !important;
    gap: 8px !important;
}

.profile-clean-stat-card {
    min-height: 58px !important;
    padding: 10px 13px !important;
    border-radius: 16px !important;
    column-gap: 12px !important;
}

.profile-clean-stat-card span {
    color: rgba(247, 252, 255, 0.94) !important;
    font-size: 13.8px !important;
    font-weight: 900 !important;
    letter-spacing: -0.014em !important;
}

.profile-clean-stat-card strong {
    font-size: clamp(22px, 1.82vw, 28px) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.055em !important;
}

.profile-clean-stat-card small {
    margin-top: 4px !important;
    color: rgba(190, 207, 217, 0.70) !important;
    font-size: 11px !important;
    line-height: 1.18 !important;
    font-weight: 760 !important;
}

.profile-clean-stat-card .profile-total-asset-value {
    color: rgba(247, 252, 255, 0.98) !important;
}

.profile-clean-stat-card.profile-clean-stat-recent strong.score-positive {
    color: rgba(103, 242, 252, 0.98) !important;
    text-shadow: 0 0 18px rgba(35, 220, 238, 0.10) !important;
}

.profile-clean-stat-card.profile-clean-stat-recent strong.score-negative {
    color: #ff5f73 !important;
    text-shadow: 0 0 18px rgba(255, 79, 107, 0.10) !important;
}

.profile-clean-stat-card.profile-clean-stat-recent strong.score-zero {
    color: rgba(188, 205, 214, 0.70) !important;
    text-shadow: none !important;
}

.profile-clean-achievement-grid {
    grid-auto-rows: minmax(100px, 1fr) !important;
    gap: 10px !important;
}

.profile-clean-achievement-card {
    min-height: 100px !important;
    padding: 13px 15px !important;
    border-radius: 18px !important;
    gap: 6px !important;
    display: grid !important;
    grid-template-rows: auto auto 1fr !important;
    align-content: stretch !important;
}

.profile-clean-achievement-top {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 14px !important;
    min-width: 0 !important;
}

.profile-clean-achievement-label {
    min-width: 0 !important;
}

.profile-clean-achievement-label span {
    font-size: 10px !important;
    letter-spacing: 0.13em !important;
    line-height: 1.0 !important;
}

.profile-clean-achievement-count {
    flex: 0 0 auto !important;
    color: rgba(247, 252, 255, 0.96) !important;
    font-size: clamp(25px, 2.15vw, 34px) !important;
    font-weight: 940 !important;
    line-height: 0.90 !important;
    letter-spacing: -0.070em !important;
    text-align: right !important;
    white-space: nowrap !important;
}

.profile-clean-achievement-title {
    color: rgba(247, 252, 255, 0.95) !important;
    font-size: clamp(15.5px, 1.08vw, 18px) !important;
    font-weight: 900 !important;
    line-height: 1.14 !important;
    letter-spacing: -0.045em !important;
    word-break: keep-all !important;
}

.profile-clean-achievement-main {
    display: none !important;
}

.profile-clean-achievement-card small {
    align-self: end !important;
    color: rgba(190, 207, 217, 0.66) !important;
    font-size: 11px !important;
    font-weight: 760 !important;
    line-height: 1.25 !important;
}

.profile-clean-achievement-card.is-empty .profile-clean-achievement-count {
    color: rgba(188, 205, 214, 0.58) !important;
}

@media (max-width: 1120px) {
    .profile-v2-hero,
    .profile-clean-overview {
        grid-template-columns: 1fr !important;
    }

    .profile-clean-summary-panel,
    .profile-clean-achievements-panel {
        min-height: auto !important;
    }
}

@media (max-width: 720px) {
    .profile-v2-hero {
        padding: 16px !important;
    }

    .profile-v2-uniform-frame {
        width: 86px !important;
        height: 86px !important;
    }

    .profile-clean-achievement-grid {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
    }

    .profile-clean-achievement-card {
        min-height: 94px !important;
    }
}
/* PROFILE HERO + SUMMARY + ACHIEVEMENT RIGHT COUNT COMPACT 2026-05-29 END */

/* PROFILE ACHIEVEMENT BETTING + TRADE + HERO SAFE FIT 2026-05-29 START
   Scope: profile hero uniform fit and aggregated achievement cards only.
   Keeps MVP/recent ace/top-profit and squad player card effects unchanged. */
.profile-v2-identity {
    display: grid !important;
    grid-template-columns: 96px minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 22px !important;
}

.profile-v2-uniform-frame {
    width: 96px !important;
    height: 104px !important;
    overflow: hidden !important;
    border-radius: 23px !important;
    z-index: 1 !important;
}

.profile-v2-uniform-frame .uniform-lg {
    width: 88px !important;
    height: 118px !important;
    transform: translateY(-7px) scale(0.98) !important;
    transform-origin: center top !important;
}

.profile-v2-identity > div:not(.profile-v2-uniform-frame) {
    min-width: 0 !important;
    position: relative !important;
    z-index: 2 !important;
}

.profile-v2-identity h1 {
    max-width: 100% !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

.profile-clean-achievement-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-rows: minmax(104px, 1fr) !important;
    gap: 10px !important;
}

.profile-clean-achievement-card {
    min-height: 104px !important;
    padding: 13px 14px !important;
    border-radius: 18px !important;
    display: grid !important;
    grid-template-rows: auto auto 1fr !important;
    align-content: stretch !important;
    gap: 8px !important;
}

.profile-clean-achievement-label {
    display: block !important;
    min-width: 0 !important;
}

.profile-clean-achievement-label span {
    display: inline-block !important;
    max-width: 100% !important;
    color: rgba(143, 245, 251, 0.94) !important;
    font-size: 9.6px !important;
    font-weight: 920 !important;
    letter-spacing: 0.125em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.profile-clean-achievement-title {
    color: rgba(247, 252, 255, 0.96) !important;
    font-size: clamp(14px, 0.98vw, 16.5px) !important;
    font-weight: 900 !important;
    line-height: 1.14 !important;
    letter-spacing: -0.045em !important;
    word-break: keep-all !important;
}

.profile-clean-achievement-top,
.profile-clean-achievement-main {
    display: none !important;
}

.profile-clean-achievement-meta {
    align-self: end !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 10px !important;
    min-width: 0 !important;
}

.profile-clean-achievement-meta small {
    min-width: 0 !important;
    color: rgba(190, 207, 217, 0.66) !important;
    font-size: 10.5px !important;
    font-weight: 760 !important;
    line-height: 1.2 !important;
    word-break: keep-all !important;
}

.profile-clean-achievement-count {
    flex: 0 0 auto !important;
    justify-self: end !important;
    color: rgba(247, 252, 255, 0.96) !important;
    font-size: clamp(21px, 1.55vw, 28px) !important;
    font-weight: 940 !important;
    line-height: 0.92 !important;
    letter-spacing: -0.065em !important;
    text-align: right !important;
    white-space: nowrap !important;
}

.profile-clean-achievement-card.is-empty .profile-clean-achievement-count {
    color: rgba(188, 205, 214, 0.58) !important;
}

.profile-clean-achievement-card.achievement-gold .profile-clean-achievement-label span {
    color: rgba(253, 224, 71, 0.96) !important;
}

@media (max-width: 1280px) {
    .profile-clean-achievement-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 720px) {
    .profile-v2-identity {
        grid-template-columns: 86px minmax(0, 1fr) !important;
        column-gap: 16px !important;
    }

    .profile-v2-uniform-frame {
        width: 86px !important;
        height: 94px !important;
    }

    .profile-v2-uniform-frame .uniform-lg {
        width: 78px !important;
        height: 105px !important;
    }

    .profile-clean-achievement-grid {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
    }

    .profile-clean-achievement-card {
        min-height: 96px !important;
    }
}
/* PROFILE ACHIEVEMENT BETTING + TRADE + HERO SAFE FIT 2026-05-29 END */

/* PROFILE HONORS SIX RESTORE + UNIFORM SIZE TUNE 2026-05-29 START
   Scope: profile hero uniform size and six achievement cards only. */
.profile-v2-identity {
    display: grid !important;
    grid-template-columns: 122px minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 28px !important;
}

.profile-v2-uniform-frame {
    width: 118px !important;
    height: 128px !important;
    overflow: hidden !important;
    border-radius: 24px !important;
    flex: 0 0 118px !important;
    z-index: 1 !important;
}

.profile-v2-uniform-frame .uniform-lg {
    width: 110px !important;
    height: 148px !important;
    max-width: none !important;
    transform: translateY(-8px) scale(1) !important;
    transform-origin: center top !important;
    object-fit: contain !important;
}

.profile-v2-identity > div:not(.profile-v2-uniform-frame) {
    min-width: 0 !important;
    position: relative !important;
    z-index: 2 !important;
}

.profile-v2-identity h1 {
    max-width: 100% !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

.profile-clean-achievement-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 11px !important;
}

.profile-clean-achievement-card {
    min-height: 106px !important;
    padding: 14px 15px !important;
    display: grid !important;
    grid-template-rows: auto auto 1fr !important;
    gap: 8px !important;
}

.profile-clean-achievement-title {
    color: rgba(247, 252, 255, 0.96) !important;
    font-size: clamp(14px, 0.98vw, 16px) !important;
    font-weight: 900 !important;
    line-height: 1.16 !important;
    letter-spacing: -0.045em !important;
}

.profile-clean-achievement-meta {
    align-self: end !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 10px !important;
}

.profile-clean-achievement-meta small {
    min-width: 0 !important;
    color: rgba(190, 207, 217, 0.68) !important;
    font-size: 10.5px !important;
    font-weight: 760 !important;
    line-height: 1.2 !important;
    word-break: keep-all !important;
}

.profile-clean-achievement-count {
    flex: 0 0 auto !important;
    color: rgba(247, 252, 255, 0.96) !important;
    font-size: clamp(21px, 1.5vw, 27px) !important;
    font-weight: 940 !important;
    line-height: 0.95 !important;
    letter-spacing: -0.06em !important;
    text-align: right !important;
    white-space: nowrap !important;
}

.profile-clean-achievement-card.is-empty .profile-clean-achievement-count {
    color: rgba(188, 205, 214, 0.58) !important;
}

@media (max-width: 1280px) {
    .profile-clean-achievement-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 720px) {
    .profile-v2-identity {
        grid-template-columns: 100px minmax(0, 1fr) !important;
        column-gap: 18px !important;
    }
    .profile-v2-uniform-frame {
        width: 96px !important;
        height: 106px !important;
        flex-basis: 96px !important;
    }
    .profile-v2-uniform-frame .uniform-lg {
        width: 90px !important;
        height: 120px !important;
    }
    .profile-clean-achievement-grid {
        grid-template-columns: 1fr !important;
    }
}
/* PROFILE HONORS SIX RESTORE + UNIFORM SIZE TUNE 2026-05-29 END */



/* PROFILE FAVORITE TEAM TOGGLE + SELECTED UNIFORM FIT 2026-05-29 START
   Scope: top profile hero favorite-team display and favorite-team selector only.
   Keeps record/achievement/player cards and all other pages untouched. */
.profile-page-shell .profile-v2-identity.no-favorite-team {
    grid-template-columns: 122px minmax(0, 1fr) !important;
    column-gap: 28px !important;
}

.profile-page-shell .profile-v2-identity.has-favorite-team {
    grid-template-columns: 158px minmax(0, 1fr) !important;
    column-gap: 28px !important;
}

.profile-page-shell .profile-v2-uniform-frame.is-default {
    width: 118px !important;
    height: 118px !important;
    flex: 0 0 118px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
}

.profile-page-shell .profile-v2-uniform-frame.is-default .profile-v2-default-avatar {
    width: 74px !important;
    height: 74px !important;
}

.profile-page-shell .profile-v2-uniform-frame.has-uniform {
    width: 148px !important;
    height: 156px !important;
    flex: 0 0 148px !important;
    border-radius: 29px !important;
    overflow: hidden !important;
}

.profile-page-shell .profile-v2-uniform-frame.has-uniform .uniform-lg,
.profile-page-shell .profile-v2-uniform-frame.has-uniform .uniform-img.uniform-lg {
    width: 140px !important;
    height: 182px !important;
    max-width: none !important;
    transform: translateY(-10px) scale(1) !important;
    transform-origin: center top !important;
}

.profile-page-shell .profile-v2-uniform-frame.has-uniform .uniform-lg img,
.profile-page-shell .profile-v2-uniform-frame.has-uniform .uniform-img.uniform-lg img {
    object-fit: contain !important;
    width: 100% !important;
    height: 100% !important;
}

.profile-page-shell .profile-v2-identity > div:not(.profile-v2-uniform-frame) {
    min-width: 0 !important;
    z-index: 2 !important;
}

.profile-page-shell .profile-v2-identity h1 {
    position: relative !important;
    z-index: 2 !important;
}

.profile-page-shell .favorite-team-option.selected {
    border-color: rgba(73, 226, 255, 0.68) !important;
    background: rgba(58, 207, 255, 0.13) !important;
}

@media (max-width: 720px) {
    .profile-page-shell .profile-v2-identity.no-favorite-team {
        grid-template-columns: 100px minmax(0, 1fr) !important;
        column-gap: 18px !important;
    }

    .profile-page-shell .profile-v2-identity.has-favorite-team {
        grid-template-columns: 122px minmax(0, 1fr) !important;
        column-gap: 18px !important;
    }

    .profile-page-shell .profile-v2-uniform-frame.is-default {
        width: 96px !important;
        height: 96px !important;
        flex-basis: 96px !important;
    }

    .profile-page-shell .profile-v2-uniform-frame.has-uniform {
        width: 116px !important;
        height: 126px !important;
        flex-basis: 116px !important;
    }

    .profile-page-shell .profile-v2-uniform-frame.has-uniform .uniform-lg,
    .profile-page-shell .profile-v2-uniform-frame.has-uniform .uniform-img.uniform-lg {
        width: 110px !important;
        height: 148px !important;
        transform: translateY(-8px) scale(1) !important;
    }
}
/* PROFILE FAVORITE TEAM TOGGLE + SELECTED UNIFORM FIT 2026-05-29 END */

/* PROFILE ACHIEVEMENT VALUE RIGHT ALIGN + LANDING ENTER EFFECT 2026-05-29 START
   Scope: profile achievement card value placement and landing-page entrance animation only.
   Does not touch profile player cards, betting pages, DB, or app logic. */
.profile-page-shell .profile-clean-achievement-card {
    position: relative !important;
    min-height: 112px !important;
    padding: 16px 20px 18px !important;
    overflow: hidden !important;
}

.profile-page-shell .profile-clean-achievement-label,
.profile-page-shell .profile-clean-achievement-title {
    padding-right: 40% !important;
}

.profile-page-shell .profile-clean-achievement-label span {
    font-size: 10.2px !important;
    letter-spacing: 0.14em !important;
}

.profile-page-shell .profile-clean-achievement-title {
    margin-top: 1px !important;
    color: rgba(248, 253, 255, 0.97) !important;
    font-size: clamp(15px, 1.02vw, 17px) !important;
    line-height: 1.14 !important;
}

.profile-page-shell .profile-clean-achievement-meta {
    width: 100% !important;
    min-height: 34px !important;
    margin-top: auto !important;
    display: block !important;
    align-self: end !important;
}

.profile-page-shell .profile-clean-achievement-meta small {
    display: block !important;
    max-width: calc(100% - 156px) !important;
    padding-top: 5px !important;
    color: rgba(190, 207, 217, 0.70) !important;
    font-size: 11px !important;
    line-height: 1.22 !important;
}

.profile-page-shell .profile-clean-achievement-count {
    position: absolute !important;
    right: 21px !important;
    bottom: 18px !important;
    min-width: 118px !important;
    max-width: 52% !important;
    color: rgba(248, 253, 255, 0.98) !important;
    font-size: clamp(29px, 2.05vw, 38px) !important;
    font-weight: 950 !important;
    line-height: 0.92 !important;
    letter-spacing: -0.075em !important;
    text-align: right !important;
    white-space: nowrap !important;
    text-shadow: 0 12px 32px rgba(0, 0, 0, 0.35) !important;
}

.profile-page-shell .profile-clean-achievement-card.is-empty .profile-clean-achievement-count {
    color: rgba(188, 205, 214, 0.62) !important;
}

.profile-page-shell .profile-clean-achievement-card.achievement-cyan .profile-clean-achievement-count,
.profile-page-shell .profile-clean-achievement-card.achievement-blue .profile-clean-achievement-count {
    color: rgba(147, 247, 255, 0.98) !important;
}

.profile-page-shell .profile-clean-achievement-card.achievement-gold .profile-clean-achievement-count {
    color: rgba(255, 235, 156, 0.98) !important;
}

body.is-home-page .landing-hero.landing-only {
    animation: mypickLandingScreenIn 0.58s cubic-bezier(.2,.82,.2,1) both;
}

body.is-home-page .landing-only .landing-title-main {
    animation: mypickLandingTitleIn 0.84s 0.08s cubic-bezier(.18,.92,.18,1) both;
}

body.is-home-page .landing-only .landing-title-pick {
    display: inline-block;
    animation: mypickLandingPickGlow 1.1s 0.22s ease-out both;
}

body.is-home-page .landing-only .landing-copy {
    animation: mypickLandingCopyIn 0.72s 0.16s cubic-bezier(.2,.82,.2,1) both;
}

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

@keyframes mypickLandingTitleIn {
    from { opacity: 0; transform: translateY(12px) scale(0.985); letter-spacing: -0.09em; }
    to { opacity: 1; transform: translateY(0) scale(1); letter-spacing: -0.065em; }
}

@keyframes mypickLandingPickGlow {
    0% { text-shadow: 0 0 0 rgba(0, 217, 255, 0); filter: brightness(0.9); }
    48% { text-shadow: 0 0 34px rgba(0, 217, 255, 0.34); filter: brightness(1.15); }
    100% { text-shadow: 0 0 24px rgba(0, 217, 255, 0.16); filter: brightness(1); }
}

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

@media (max-width: 1280px) {
    .profile-page-shell .profile-clean-achievement-count {
        right: 18px !important;
        min-width: 104px !important;
        font-size: clamp(27px, 2.2vw, 34px) !important;
    }

    .profile-page-shell .profile-clean-achievement-label,
    .profile-page-shell .profile-clean-achievement-title {
        padding-right: 34% !important;
    }

    .profile-page-shell .profile-clean-achievement-meta small {
        max-width: calc(100% - 130px) !important;
    }
}

@media (max-width: 720px) {
    .profile-page-shell .profile-clean-achievement-card {
        min-height: 104px !important;
        padding: 15px 16px 16px !important;
    }

    .profile-page-shell .profile-clean-achievement-label,
    .profile-page-shell .profile-clean-achievement-title {
        padding-right: 0 !important;
    }

    .profile-page-shell .profile-clean-achievement-meta {
        display: flex !important;
        align-items: flex-end !important;
        justify-content: space-between !important;
        gap: 12px !important;
    }

    .profile-page-shell .profile-clean-achievement-meta small {
        max-width: none !important;
    }

    .profile-page-shell .profile-clean-achievement-count {
        position: static !important;
        min-width: auto !important;
        max-width: none !important;
        font-size: 29px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.is-home-page .landing-hero.landing-only,
    body.is-home-page .landing-only .landing-title-main,
    body.is-home-page .landing-only .landing-title-pick,
    body.is-home-page .landing-only .landing-copy {
        animation: none !important;
    }
}
/* PROFILE ACHIEVEMENT VALUE RIGHT ALIGN + LANDING ENTER EFFECT 2026-05-29 END */

/* CENTER BESTTEAM DEFAULT AVATAR 2026-05-31 PRESERVED START */
.home-center-shell .home-best-slide-head .home-empty-avatar {
    width: 48px !important;
    height: 48px !important;
    border-radius: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(8, 212, 223, 0.42) !important;
    background: radial-gradient(circle at 50% 30%, rgba(8, 212, 223, 0.22), rgba(8, 212, 223, 0.075)) !important;
    box-shadow: 0 0 26px rgba(8, 212, 223, 0.10), inset 0 1px 0 rgba(255,255,255,0.08) !important;
    color: transparent !important;
    overflow: hidden !important;
}

.home-center-shell .home-best-slide-head .home-empty-avatar-img {
    width: 68% !important;
    height: 68% !important;
    object-fit: contain !important;
    display: block !important;
    filter: drop-shadow(0 8px 10px rgba(0, 0, 0, 0.24)) !important;
}
/* CENTER BESTTEAM DEFAULT AVATAR 2026-05-31 PRESERVED END */

/* MYPICK MOBILE APP FRAME 2026-05-31 START */
/* Scope: common mobile app frame only. Does not change app.py, DB, scoring, betting, or page data logic. */
.mobile-app-header,
.mobile-bottom-nav,
.mobile-more-backdrop,
.mobile-more-sheet,
.mobile-only {
    display: none;
}

.brand-text strong {
    color: var(--primary);
}

.brand-mark::after {
    background: var(--primary);
    box-shadow: 0 0 18px rgba(8, 212, 223, 0.74);
}

@media (max-width: 768px) {
    body:not(.is-home-page) {
        overflow-x: hidden;
        padding-bottom: calc(82px + env(safe-area-inset-bottom));
    }

    body:not(.is-home-page).mobile-more-open {
        overflow: hidden;
    }

    body:not(.is-home-page) .site-header {
        display: none !important;
    }

    body:not(.is-home-page) .page-wrap {
        width: min(100% - 28px, 560px) !important;
        padding: 18px 0 104px !important;
    }

    body:not(.is-home-page) .flash-wrap {
        padding-bottom: 0 !important;
    }

    body:not(.is-home-page) .content-card,
    body:not(.is-home-page) .hero-panel,
    body:not(.is-home-page) .notice-panel,
    body:not(.is-home-page) .notice-box,
    body:not(.is-home-page) .error-box,
    body:not(.is-home-page) .success-box {
        max-width: 100%;
        min-width: 0;
    }

    body:not(.is-home-page) img,
    body:not(.is-home-page) svg,
    body:not(.is-home-page) canvas {
        max-width: 100%;
    }

    body:not(.is-home-page) .desktop-only {
        display: none !important;
    }

    body:not(.is-home-page) .mobile-only {
        display: block !important;
    }

    body:not(.is-home-page) .mobile-app-header {
        display: block;
        position: sticky;
        top: 0;
        z-index: 90;
        background:
            linear-gradient(180deg, rgba(3, 8, 12, 0.94), rgba(4, 13, 20, 0.86));
        border-bottom: 1px solid rgba(255, 255, 255, 0.075);
        box-shadow: 0 14px 34px rgba(0, 0, 0, 0.26);
        backdrop-filter: blur(20px);
    }

    body:not(.is-home-page) .mobile-header-row {
        width: min(100% - 24px, 560px);
        min-height: 64px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
    }

    body:not(.is-home-page) .mobile-brand-stack,
    body:not(.is-home-page) .mobile-header-actions {
        display: inline-flex;
        align-items: center;
        min-width: 0;
    }

    body:not(.is-home-page) .mobile-brand-stack {
        gap: 8px;
        flex: 1 1 auto;
    }

    body:not(.is-home-page) .mobile-header-actions {
        gap: 8px;
        flex: 0 0 auto;
    }

    body:not(.is-home-page) .mobile-brand,
    body:not(.is-home-page) .mobile-back-link,
    body:not(.is-home-page) .mobile-wealth-pill,
    body:not(.is-home-page) .mobile-auth-cta,
    body:not(.is-home-page) .mobile-more-toggle,
    body:not(.is-home-page) .mobile-bottom-link,
    body:not(.is-home-page) .mobile-more-grid a {
        -webkit-tap-highlight-color: transparent;
    }

    body:not(.is-home-page) .mobile-brand {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        min-width: 0;
        text-decoration: none;
    }

    body:not(.is-home-page) .mobile-brand-mark {
        width: 36px;
        height: 36px;
        flex: 0 0 auto;
        border-radius: 14px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: var(--primary);
        background: rgba(8, 212, 223, 0.08);
        border: 1px solid rgba(8, 212, 223, 0.20);
        font-size: 18px;
        font-weight: 950;
        letter-spacing: -0.04em;
        position: relative;
    }

    body:not(.is-home-page) .mobile-brand-mark::after {
        content: "";
        position: absolute;
        width: 7px;
        height: 7px;
        right: -1px;
        bottom: -1px;
        border-radius: 999px;
        background: var(--primary);
        box-shadow: 0 0 16px rgba(8, 212, 223, 0.76);
    }

    body:not(.is-home-page) .mobile-brand-text {
        color: var(--primary);
        font-size: 19px;
        line-height: 1;
        font-weight: 950;
        letter-spacing: -0.055em;
        white-space: nowrap;
    }

    body:not(.is-home-page) .mobile-back-link {
        width: 36px;
        height: 36px;
        flex: 0 0 auto;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 14px;
        color: rgba(240, 250, 252, 0.86);
        text-decoration: none;
        background: rgba(255, 255, 255, 0.055);
        border: 1px solid rgba(255, 255, 255, 0.10);
        font-size: 19px;
        font-weight: 950;
    }

    body:not(.is-home-page) .mobile-wealth-pill {
        min-height: 38px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        flex: 0 0 auto;
        padding: 0 11px;
        border-radius: 999px;
        color: rgba(244, 252, 253, 0.96);
        text-decoration: none;
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.028));
        border: 1px solid rgba(255, 255, 255, 0.12);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
        white-space: nowrap;
    }

    body:not(.is-home-page) .mobile-wealth-pill strong {
        color: rgba(255, 255, 255, 0.96) !important;
        font-size: clamp(12px, 3.2vw, 14px);
        line-height: 1;
        font-weight: 950;
        letter-spacing: -0.045em;
    }

    body:not(.is-home-page) .mobile-wealth-dot {
        width: 7px;
        height: 7px;
        flex: 0 0 auto;
        border-radius: 999px;
        background: var(--primary);
        box-shadow: 0 0 14px rgba(8, 212, 223, 0.72);
    }

    body:not(.is-home-page) .mobile-auth-cta {
        min-height: 38px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0 13px;
        border-radius: 999px;
        color: rgba(3, 16, 20, 0.98);
        background: var(--primary);
        text-decoration: none;
        font-size: 13px;
        font-weight: 930;
        letter-spacing: -0.035em;
        white-space: nowrap;
    }

    body:not(.is-home-page) .mobile-more-toggle {
        width: 38px;
        height: 38px;
        flex: 0 0 auto;
        padding: 0;
        border-radius: 15px;
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        color: var(--text);
        background: rgba(255, 255, 255, 0.055);
        border: 1px solid rgba(255, 255, 255, 0.11);
        box-shadow: none;
    }

    body:not(.is-home-page) .mobile-more-toggle span {
        width: 16px;
        height: 2px;
        border-radius: 999px;
        background: rgba(240, 250, 252, 0.90);
    }

    body:not(.is-home-page) .mobile-bottom-nav {
        display: block;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 88;
        padding: 9px 0 calc(9px + env(safe-area-inset-bottom));
        background:
            linear-gradient(180deg, rgba(4, 10, 15, 0.66), rgba(3, 7, 11, 0.96));
        border-top: 1px solid rgba(255, 255, 255, 0.08);
        box-shadow: 0 -18px 40px rgba(0, 0, 0, 0.34);
        backdrop-filter: blur(22px);
    }

    body:not(.is-home-page) .mobile-bottom-nav-inner {
        width: min(100% - 18px, 560px);
        min-height: 58px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 6px;
        padding: 5px;
        border-radius: 24px;
        background: rgba(255, 255, 255, 0.035);
        border: 1px solid rgba(255, 255, 255, 0.075);
    }

    body:not(.is-home-page) .mobile-bottom-link {
        min-width: 0;
        min-height: 48px;
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
        border-radius: 18px;
        color: rgba(184, 205, 218, 0.82);
        text-decoration: none;
        font-size: 10.5px;
        font-weight: 900;
        letter-spacing: -0.045em;
        white-space: nowrap;
        transition: color 0.16s ease, background 0.16s ease, transform 0.16s ease;
    }

    body:not(.is-home-page) .mobile-bottom-icon {
        color: inherit;
        font-size: 17px;
        line-height: 1;
        font-weight: 950;
    }

    body:not(.is-home-page) .mobile-bottom-link.active {
        color: var(--primary);
        background: rgba(8, 212, 223, 0.105);
        box-shadow: inset 0 0 0 1px rgba(8, 212, 223, 0.15);
    }

    body:not(.is-home-page) .mobile-more-backdrop {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 95;
        opacity: 0;
        pointer-events: none;
        background: rgba(0, 0, 0, 0.55);
        backdrop-filter: blur(6px);
        transition: opacity 0.2s ease;
    }

    body:not(.is-home-page).mobile-more-open .mobile-more-backdrop {
        opacity: 1;
        pointer-events: auto;
    }

    body:not(.is-home-page) .mobile-more-sheet {
        display: flex;
        position: fixed;
        left: 12px;
        right: 12px;
        bottom: calc(10px + env(safe-area-inset-bottom));
        z-index: 96;
        max-height: min(76vh, 560px);
        flex-direction: column;
        gap: 14px;
        padding: 10px 14px 16px;
        border-radius: 28px;
        color: var(--text);
        background:
            linear-gradient(180deg, rgba(13, 29, 42, 0.98), rgba(5, 14, 22, 0.98));
        border: 1px solid rgba(255, 255, 255, 0.12);
        box-shadow: 0 -24px 70px rgba(0, 0, 0, 0.58);
        transform: translateY(calc(100% + 28px));
        visibility: hidden;
        transition: transform 0.24s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.24s ease;
        overflow: hidden;
    }

    body:not(.is-home-page).mobile-more-open .mobile-more-sheet {
        transform: translateY(0);
        visibility: visible;
    }

    body:not(.is-home-page) .mobile-more-handle {
        width: 42px;
        height: 5px;
        flex: 0 0 auto;
        align-self: center;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.20);
    }

    body:not(.is-home-page) .mobile-more-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        padding: 2px 2px 0;
    }

    body:not(.is-home-page) .mobile-more-head p {
        margin: 0 0 4px;
        color: var(--muted);
        font-size: 11px;
        font-weight: 900;
        letter-spacing: 0.12em;
        text-transform: uppercase;
    }

    body:not(.is-home-page) .mobile-more-head strong {
        display: block;
        color: rgba(247, 252, 253, 0.96);
        font-size: 18px;
        line-height: 1.15;
        font-weight: 950;
        letter-spacing: -0.045em;
        overflow-wrap: anywhere;
    }

    body:not(.is-home-page) .mobile-more-close {
        width: 38px;
        height: 38px;
        flex: 0 0 auto;
        padding: 0;
        border-radius: 15px;
        color: rgba(247, 252, 253, 0.94);
        background: rgba(255, 255, 255, 0.07);
        border: 1px solid rgba(255, 255, 255, 0.12);
        box-shadow: none;
        font-size: 24px;
        line-height: 1;
    }

    body:not(.is-home-page) .mobile-more-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        overflow-y: auto;
        padding: 1px 0 2px;
    }

    body:not(.is-home-page) .mobile-more-grid a {
        min-width: 0;
        min-height: 62px;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 12px;
        border-radius: 18px;
        color: rgba(239, 248, 250, 0.92);
        text-decoration: none;
        background: rgba(255, 255, 255, 0.045);
        border: 1px solid rgba(255, 255, 255, 0.08);
    }

    body:not(.is-home-page) .mobile-more-grid a span {
        width: 30px;
        height: 30px;
        flex: 0 0 auto;
        border-radius: 12px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: var(--primary);
        background: rgba(8, 212, 223, 0.09);
        font-weight: 950;
    }

    body:not(.is-home-page) .mobile-more-grid a strong {
        min-width: 0;
        color: inherit;
        font-size: 13px;
        line-height: 1.2;
        font-weight: 900;
        letter-spacing: -0.035em;
        overflow-wrap: anywhere;
    }

    body:not(.is-home-page) .mobile-more-grid a.mobile-more-danger span {
        color: #ffd6d6;
        background: rgba(255, 82, 82, 0.14);
    }
}

@media (max-width: 390px) {
    body:not(.is-home-page) .mobile-header-row {
        width: min(100% - 18px, 560px);
        gap: 8px;
    }

    body:not(.is-home-page) .mobile-brand-mark {
        width: 34px;
        height: 34px;
    }

    body:not(.is-home-page) .mobile-brand-text {
        font-size: 18px;
    }

    body:not(.is-home-page) .mobile-wealth-pill {
        padding: 0 9px;
    }

    body:not(.is-home-page) .mobile-wealth-pill strong {
        font-size: 12px;
    }

    body:not(.is-home-page) .mobile-bottom-nav-inner {
        width: min(100% - 12px, 560px);
        gap: 4px;
        padding: 4px;
    }

    body:not(.is-home-page) .mobile-bottom-link {
        font-size: 10px;
    }
}
/* MYPICK MOBILE APP FRAME 2026-05-31 END */

/* MYPICK MOBILE CENTER PHASE 2 2026-05-31 START */
/* Scope: common mobile spacing/nav refinement + /center mobile body only. No app.py/DB/data logic changes. */
.home-standings-mobile-list {
    display: none;
}

@media (max-width: 768px) {
    body:not(.is-home-page) {
        overflow-x: hidden !important;
        padding-bottom: calc(78px + env(safe-area-inset-bottom)) !important;
    }

    body:not(.is-home-page) .page-wrap {
        width: min(100% - 16px, 620px) !important;
        padding: 14px 0 96px !important;
    }

    body:not(.is-home-page) .mobile-header-row {
        width: min(100% - 16px, 620px) !important;
        min-height: 62px !important;
    }

    body:not(.is-home-page) .mobile-bottom-nav {
        padding-top: 7px !important;
        padding-bottom: calc(7px + env(safe-area-inset-bottom)) !important;
    }

    body:not(.is-home-page) .mobile-bottom-nav-inner {
        width: min(100% - 12px, 620px) !important;
        min-height: 56px !important;
        padding: 4px !important;
        gap: 4px !important;
        border-radius: 23px !important;
    }

    body:not(.is-home-page) .mobile-bottom-link {
        min-height: 47px !important;
        border-radius: 18px !important;
    }

    body:not(.is-home-page) .mobile-bottom-icon svg {
        width: 21px !important;
        height: 21px !important;
        display: block !important;
        fill: none !important;
        stroke: currentColor !important;
        stroke-width: 2.25 !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;
    }

    body:not(.is-home-page) .mobile-more-grid a[href*="/center"] strong::after {
        content: "";
    }

    /* /center mobile layout: full-width app feed, no horizontal dragging. */
    body:not(.is-home-page) .home-center-shell {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
        overflow-x: hidden !important;
    }

    body:not(.is-home-page) .home-center-shell .ranking-reveal {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }

    body:not(.is-home-page) .home-center-shell .hero-panel,
    body:not(.is-home-page) .home-center-shell .content-card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    body:not(.is-home-page) .home-center-shell .hero-panel {
        min-height: 0 !important;
        margin: 0 0 14px !important;
        padding: 26px 18px !important;
        border-radius: 26px !important;
        text-align: center !important;
        justify-content: center !important;
    }

    body:not(.is-home-page) .home-center-shell .hero-panel .eyebrow {
        margin-bottom: 10px !important;
        font-size: 12px !important;
        letter-spacing: 0.22em !important;
        text-align: center !important;
    }

    body:not(.is-home-page) .home-center-shell .hero-panel h1 {
        font-size: clamp(32px, 11.5vw, 54px) !important;
        line-height: 0.98 !important;
        letter-spacing: -0.07em !important;
        text-align: center !important;
    }

    body:not(.is-home-page) .home-top-grid,
    body:not(.is-home-page) .home-bottom-board,
    body:not(.is-home-page) .home-market-side-stack {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
    }

    body:not(.is-home-page) .home-bottom-board {
        margin-top: 14px !important;
    }

    body:not(.is-home-page) .home-center-shell .content-card {
        padding: 17px 14px !important;
        border-radius: 25px !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .home-section-heading,
    body:not(.is-home-page) .home-section-heading.split {
        display: flex !important;
        align-items: flex-end !important;
        justify-content: space-between !important;
        gap: 12px !important;
        margin-bottom: 14px !important;
        min-width: 0 !important;
    }

    body:not(.is-home-page) .home-section-heading h2 {
        font-size: clamp(26px, 8vw, 38px) !important;
        line-height: 1 !important;
        letter-spacing: -0.06em !important;
        white-space: normal !important;
    }

    body:not(.is-home-page) .home-section-heading .eyebrow {
        font-size: 11px !important;
        letter-spacing: 0.22em !important;
    }

    body:not(.is-home-page) .home-section-heading > span {
        flex: 0 0 auto !important;
        max-width: 45% !important;
        font-size: 12px !important;
        font-weight: 900 !important;
        color: rgba(226, 232, 240, 0.86) !important;
        text-align: right !important;
        white-space: normal !important;
        line-height: 1.25 !important;
    }

    /* KBO: hide desktop grid table on mobile; show readable cards instead. */
    body:not(.is-home-page) .home-standings-card-top {
        padding: 18px 14px !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .home-standings-table {
        display: none !important;
    }

    body:not(.is-home-page) .home-standings-mobile-list {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    body:not(.is-home-page) .home-standing-mobile-card {
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        padding: 13px 13px 12px !important;
        border-radius: 20px !important;
        border: 1px solid rgba(148, 163, 184, 0.13) !important;
        background:
            linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.018)),
            rgba(2, 12, 17, 0.54) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.035) !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .home-standing-mobile-card.is-leader {
        border-color: rgba(8, 212, 223, 0.24) !important;
        background:
            radial-gradient(circle at 16% 0%, rgba(8, 212, 223, 0.11), transparent 34%),
            linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.020)),
            rgba(2, 14, 19, 0.62) !important;
    }

    body:not(.is-home-page) .home-standing-mobile-main {
        display: grid !important;
        grid-template-columns: 38px minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 10px !important;
        min-width: 0 !important;
    }

    body:not(.is-home-page) .home-standing-mobile-rank {
        width: 32px !important;
        height: 32px !important;
        border-radius: 13px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: rgba(241, 245, 249, 0.96) !important;
        background: rgba(255,255,255,0.070) !important;
        border: 1px solid rgba(255,255,255,0.105) !important;
        font-size: 14px !important;
        font-weight: 950 !important;
    }

    body:not(.is-home-page) .home-standing-mobile-club {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        min-width: 0 !important;
    }

    body:not(.is-home-page) .home-standing-mobile-club .uniform-xs {
        width: 28px !important;
        height: 34px !important;
        flex: 0 0 28px !important;
    }

    body:not(.is-home-page) .home-standing-mobile-club strong {
        min-width: 0 !important;
        color: rgba(248, 250, 252, 0.96) !important;
        font-size: 19px !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        letter-spacing: -0.045em !important;
        white-space: nowrap !important;
    }

    body:not(.is-home-page) .home-standing-mobile-pct {
        padding: 7px 9px !important;
        border-radius: 999px !important;
        color: rgba(4, 16, 20, 0.96) !important;
        background: rgba(8, 212, 223, 0.92) !important;
        font-size: 12px !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        letter-spacing: -0.03em !important;
        white-space: nowrap !important;
    }

    body:not(.is-home-page) .home-standing-mobile-stats {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        margin-top: 12px !important;
        min-width: 0 !important;
    }

    body:not(.is-home-page) .home-standing-mobile-stats span {
        min-width: 0 !important;
        padding: 9px 10px !important;
        border-radius: 15px !important;
        background: rgba(255,255,255,0.042) !important;
        border: 1px solid rgba(255,255,255,0.065) !important;
    }

    body:not(.is-home-page) .home-standing-mobile-stats small {
        display: block !important;
        margin-bottom: 4px !important;
        color: rgba(148, 163, 184, 0.92) !important;
        font-size: 10.5px !important;
        font-weight: 900 !important;
        letter-spacing: 0.03em !important;
    }

    body:not(.is-home-page) .home-standing-mobile-stats b {
        display: block !important;
        min-width: 0 !important;
        color: rgba(241, 245, 249, 0.94) !important;
        font-size: 13px !important;
        line-height: 1.15 !important;
        font-weight: 920 !important;
        letter-spacing: -0.035em !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    /* Price rise/drop cards: readable vertical cards, no clipped chart. */
    body:not(.is-home-page) .home-market-side-stack {
        grid-template-rows: none !important;
    }

    body:not(.is-home-page) .home-market-carousel-card {
        min-height: 0 !important;
        height: auto !important;
        padding: 17px 14px 15px !important;
    }

    body:not(.is-home-page) .home-carousel-controls {
        gap: 7px !important;
    }

    body:not(.is-home-page) .home-carousel-controls button {
        width: 32px !important;
        height: 32px !important;
        border-radius: 12px !important;
        font-size: 18px !important;
    }

    body:not(.is-home-page) .home-market-slider-viewport,
    body:not(.is-home-page) .home-best-slider-viewport {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .home-market-slider,
    body:not(.is-home-page) .home-best-slider {
        display: flex !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    body:not(.is-home-page) .home-market-slide,
    body:not(.is-home-page) .home-best-slide {
        flex: 0 0 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .home-market-slide-card {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 13px !important;
        min-height: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .home-market-identity {
        display: grid !important;
        grid-template-columns: 58px minmax(0, 1fr) !important;
        gap: 12px !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: visible !important;
        transform: none !important;
    }

    body:not(.is-home-page) .home-market-uniform-wrap,
    body:not(.is-home-page) .home-market-uniform-wrap .uniform-sm,
    body:not(.is-home-page) .home-market-identity .uniform-sm {
        width: 54px !important;
        height: 66px !important;
        flex-basis: 54px !important;
    }

    body:not(.is-home-page) .home-market-player-copy {
        min-width: 0 !important;
    }

    body:not(.is-home-page) .home-market-player-copy strong {
        display: block !important;
        max-width: 100% !important;
        color: rgba(248, 250, 252, 0.97) !important;
        font-size: clamp(22px, 7.4vw, 31px) !important;
        line-height: 1.03 !important;
        letter-spacing: -0.055em !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

    body:not(.is-home-page) .home-market-player-copy small {
        font-size: 12.5px !important;
        line-height: 1.3 !important;
        white-space: normal !important;
    }

    body:not(.is-home-page) .home-market-player-tags {
        gap: 5px !important;
        margin-top: 8px !important;
    }

    body:not(.is-home-page) .home-market-player-tags span {
        min-height: 23px !important;
        padding: 5px 8px !important;
        font-size: 10.8px !important;
    }

    body:not(.is-home-page) .home-market-change-row {
        grid-column: 1 / -1 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 8px 0 0 !important;
        padding: 10px 11px !important;
        border-radius: 18px !important;
        background: rgba(2, 8, 14, 0.42) !important;
        border: 1px solid rgba(148, 163, 184, 0.12) !important;
        transform: none !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .home-market-change-row em {
        flex: 0 0 auto !important;
        font-size: clamp(30px, 9vw, 40px) !important;
        line-height: 1 !important;
        letter-spacing: -0.055em !important;
    }

    body:not(.is-home-page) .home-market-change-row .home-market-flow {
        flex: 0 1 auto !important;
        min-width: 0 !important;
        max-width: 58% !important;
        display: inline-flex !important;
        justify-content: flex-end !important;
        gap: 7px !important;
        padding: 7px 9px !important;
        font-size: 11.8px !important;
        overflow: hidden !important;
        white-space: nowrap !important;
    }

    body:not(.is-home-page) .home-market-chart-wrap {
        min-height: 154px !important;
        height: 154px !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 33px 14px 13px 28px !important;
        border-radius: 19px !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .home-market-chart-meta {
        top: 13px !important;
        left: 28px !important;
        right: 14px !important;
    }

    body:not(.is-home-page) .home-market-chart-scale {
        left: 9px !important;
        top: 43px !important;
        bottom: 21px !important;
        font-size: 9px !important;
    }

    body:not(.is-home-page) .home-market-slide-card .home-sparkline {
        width: 100% !important;
        height: 104px !important;
        display: block !important;
        overflow: visible !important;
    }

    /* Best-team and popular panels: keep inside mobile card area. Full mobile lineup comes later. */
    body:not(.is-home-page) .home-best-showcase-card,
    body:not(.is-home-page) .home-popular-board-card {
        padding: 17px 14px !important;
    }

    body:not(.is-home-page) .home-best-team-card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .home-best-slide-head {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    body:not(.is-home-page) .home-team-score {
        justify-self: start !important;
        max-width: 100% !important;
        font-size: clamp(28px, 10vw, 42px) !important;
        line-height: 1 !important;
        white-space: normal !important;
    }

    body:not(.is-home-page) .home-team-title-link {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    body:not(.is-home-page) .home-team-title-link strong,
    body:not(.is-home-page) .home-team-title-link small,
    body:not(.is-home-page) .home-team-meta-line {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

    body:not(.is-home-page) .home-best-teamedit-board {
        margin-top: 12px !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .home-best-teamedit-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        min-width: 0 !important;
    }

    body:not(.is-home-page) .home-best-teamedit-pitcher-panel,
    body:not(.is-home-page) .home-best-teamedit-field-wrap {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .home-best-teamedit-pitcher-rail {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    body:not(.is-home-page) .home-best-teamedit-stadium {
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .home-best-teamedit-stadium .field-slot,
    body:not(.is-home-page) .home-best-teamedit-pitcher-rail .field-slot {
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .home-best-teamedit-stadium .field-slot-player,
    body:not(.is-home-page) .home-best-teamedit-pitcher-rail .field-slot-player {
        min-width: 0 !important;
        max-width: 100% !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    body:not(.is-home-page) .home-popular-list {
        gap: 9px !important;
    }

    body:not(.is-home-page) .home-popular-row {
        display: grid !important;
        grid-template-columns: 30px 42px minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 9px !important;
        width: 100% !important;
        min-width: 0 !important;
        padding: 10px 10px !important;
        border-radius: 18px !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .home-popular-row .uniform-xs {
        width: 34px !important;
        height: 42px !important;
        flex: 0 0 34px !important;
    }

    body:not(.is-home-page) .home-popular-copy {
        min-width: 0 !important;
    }

    body:not(.is-home-page) .home-popular-copy strong,
    body:not(.is-home-page) .home-popular-copy small {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

    body:not(.is-home-page) .home-popular-row em {
        justify-self: end !important;
        font-size: 12px !important;
        padding: 6px 8px !important;
    }
}

@media (max-width: 390px) {
    body:not(.is-home-page) .page-wrap {
        width: min(100% - 12px, 620px) !important;
    }

    body:not(.is-home-page) .mobile-header-row {
        width: min(100% - 12px, 620px) !important;
        gap: 8px !important;
    }

    body:not(.is-home-page) .mobile-brand-text {
        font-size: 17px !important;
    }

    body:not(.is-home-page) .mobile-wealth-pill {
        padding: 0 8px !important;
    }

    body:not(.is-home-page) .mobile-bottom-link {
        font-size: 9.5px !important;
    }

    body:not(.is-home-page) .home-standing-mobile-stats {
        grid-template-columns: 1fr 1fr !important;
        gap: 7px !important;
    }

    body:not(.is-home-page) .home-market-change-row {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    body:not(.is-home-page) .home-market-change-row .home-market-flow {
        max-width: 100% !important;
        justify-content: flex-start !important;
    }
}
/* MYPICK MOBILE CENTER PHASE 2 2026-05-31 END */

/* MYPICK MOBILE CENTER PHASE 3 LIST VIEW 2026-05-31 START */
/* Scope: /center mobile best-team list view only. Desktop baseball-field view is preserved. */
.home-mobile-lineup-list {
    display: none;
}

@media (max-width: 768px) {
    body:not(.is-home-page) .home-center-shell {
        gap: 0 !important;
    }

    body:not(.is-home-page) .home-center-shell .content-card {
        box-shadow:
            0 18px 46px rgba(0, 0, 0, 0.28),
            inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
    }

    body:not(.is-home-page) .home-best-showcase-card {
        overflow: hidden !important;
    }

    body:not(.is-home-page) .home-best-carousel-controls {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        justify-content: flex-end !important;
        margin: 0 0 10px !important;
    }

    body:not(.is-home-page) .home-best-team-card {
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body:not(.is-home-page) .home-best-slide-head {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        padding: 0 0 14px !important;
        border-bottom: 1px solid rgba(148, 163, 184, 0.14) !important;
    }

    body:not(.is-home-page) .home-best-title-block .eyebrow {
        font-size: 10.8px !important;
        letter-spacing: 0.2em !important;
    }

    body:not(.is-home-page) .home-best-title-block h2 {
        font-size: clamp(25px, 7.7vw, 35px) !important;
        line-height: 1.02 !important;
        letter-spacing: -0.065em !important;
        white-space: normal !important;
    }

    body:not(.is-home-page) .home-team-score {
        justify-self: stretch !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 13px 14px !important;
        border-radius: 21px !important;
        background:
            radial-gradient(circle at 16% 0%, rgba(8, 212, 223, 0.12), transparent 36%),
            rgba(2, 12, 17, 0.62) !important;
        border: 1px solid rgba(8, 212, 223, 0.16) !important;
        font-size: clamp(30px, 10vw, 46px) !important;
        text-align: left !important;
        letter-spacing: -0.065em !important;
        overflow-wrap: anywhere !important;
    }

    body:not(.is-home-page) .home-team-title-link {
        display: grid !important;
        grid-template-columns: 50px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 12px !important;
        width: 100% !important;
        padding: 11px 12px !important;
        border-radius: 20px !important;
        background: rgba(255, 255, 255, 0.042) !important;
        border: 1px solid rgba(148, 163, 184, 0.12) !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .home-team-title-link .home-team-uniform,
    body:not(.is-home-page) .home-team-title-link .uniform-sm,
    body:not(.is-home-page) .home-team-title-link .home-empty-avatar {
        width: 46px !important;
        height: 54px !important;
        min-width: 46px !important;
    }

    body:not(.is-home-page) .home-team-title-link strong {
        display: block !important;
        max-width: 100% !important;
        color: rgba(248, 250, 252, 0.97) !important;
        font-size: 18px !important;
        line-height: 1.08 !important;
        letter-spacing: -0.045em !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

    body:not(.is-home-page) .home-team-title-link small,
    body:not(.is-home-page) .home-team-meta-line {
        color: rgba(148, 163, 184, 0.92) !important;
        font-size: 12px !important;
        line-height: 1.25 !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

    body:not(.is-home-page) .home-team-meta-line {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 7px !important;
    }

    body:not(.is-home-page) .home-team-meta-line span {
        padding: 6px 8px !important;
        border-radius: 999px !important;
        background: rgba(255, 255, 255, 0.048) !important;
        border: 1px solid rgba(148, 163, 184, 0.10) !important;
    }

    /* Mobile center: list view replaces baseball-field lineup to prevent overlap and unreadable text. */
    body:not(.is-home-page) .home-best-teamedit-board {
        display: none !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-list {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        width: 100% !important;
        min-width: 0 !important;
        margin-top: 14px !important;
        overflow: visible !important;
    }

    body:not(.is-home-page) .home-mobile-impact-player {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 12px !important;
        width: 100% !important;
        min-width: 0 !important;
        padding: 13px 14px !important;
        border-radius: 21px !important;
        text-decoration: none !important;
        color: inherit !important;
        background:
            radial-gradient(circle at 0% 0%, rgba(8, 212, 223, 0.16), transparent 36%),
            linear-gradient(180deg, rgba(255,255,255,0.065), rgba(255,255,255,0.024)),
            rgba(2, 13, 18, 0.72) !important;
        border: 1px solid rgba(8, 212, 223, 0.19) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.045) !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .home-mobile-impact-copy {
        display: block !important;
        min-width: 0 !important;
    }

    body:not(.is-home-page) .home-mobile-impact-copy small {
        display: block !important;
        margin-bottom: 4px !important;
        color: var(--primary) !important;
        font-size: 10.8px !important;
        font-weight: 950 !important;
        letter-spacing: 0.16em !important;
        text-transform: uppercase !important;
    }

    body:not(.is-home-page) .home-mobile-impact-copy strong {
        display: block !important;
        color: rgba(248, 250, 252, 0.98) !important;
        font-size: 21px !important;
        line-height: 1.08 !important;
        font-weight: 950 !important;
        letter-spacing: -0.055em !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    body:not(.is-home-page) .home-mobile-impact-copy em {
        display: block !important;
        margin-top: 4px !important;
        color: rgba(148, 163, 184, 0.92) !important;
        font-size: 12px !important;
        font-style: normal !important;
        line-height: 1.25 !important;
    }

    body:not(.is-home-page) .home-mobile-impact-score {
        display: inline-flex !important;
        justify-self: end !important;
        max-width: 132px !important;
        min-width: 82px !important;
        min-height: 42px !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 8px 10px !important;
        border-radius: 16px !important;
        font-size: clamp(17px, 5.4vw, 24px) !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        letter-spacing: -0.055em !important;
        background: rgba(2, 8, 14, 0.55) !important;
        border: 1px solid rgba(255,255,255,0.09) !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-section {
        width: 100% !important;
        min-width: 0 !important;
        padding: 12px !important;
        border-radius: 22px !important;
        background:
            linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.018)),
            rgba(2, 10, 15, 0.58) !important;
        border: 1px solid rgba(148, 163, 184, 0.11) !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-section-head {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        margin-bottom: 10px !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-section-head span {
        color: rgba(241, 245, 249, 0.96) !important;
        font-size: 14px !important;
        font-weight: 950 !important;
        letter-spacing: -0.035em !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-section-head small {
        color: rgba(148, 163, 184, 0.92) !important;
        font-size: 11px !important;
        font-weight: 900 !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-rows {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        min-width: 0 !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-row {
        display: grid !important;
        grid-template-columns: 42px 34px minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 9px !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 62px !important;
        padding: 9px 10px !important;
        border-radius: 18px !important;
        text-decoration: none !important;
        color: inherit !important;
        background: rgba(255, 255, 255, 0.043) !important;
        border: 1px solid rgba(148, 163, 184, 0.095) !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-row.is-captain {
        border-color: rgba(250, 204, 21, 0.26) !important;
        background:
            radial-gradient(circle at 0% 50%, rgba(250, 204, 21, 0.13), transparent 34%),
            rgba(255, 255, 255, 0.046) !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-row.is-mismatch {
        border-color: rgba(248, 113, 113, 0.25) !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-row.is-empty {
        grid-template-columns: 42px minmax(0, 1fr) auto !important;
        opacity: 0.62 !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-code {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 3px !important;
        width: 38px !important;
        min-width: 38px !important;
        height: 34px !important;
        border-radius: 14px !important;
        color: rgba(241, 245, 249, 0.97) !important;
        background: rgba(2, 8, 14, 0.58) !important;
        border: 1px solid rgba(255,255,255,0.10) !important;
        font-size: 12px !important;
        font-weight: 950 !important;
        letter-spacing: -0.03em !important;
        white-space: nowrap !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-code i {
        display: inline-flex !important;
        width: 14px !important;
        height: 14px !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 999px !important;
        color: rgba(17, 24, 39, 0.98) !important;
        background: #facc15 !important;
        font-size: 9px !important;
        font-style: normal !important;
        font-weight: 950 !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-uniform,
    body:not(.is-home-page) .home-mobile-lineup-uniform .uniform-xs {
        width: 32px !important;
        height: 39px !important;
        min-width: 32px !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-copy {
        display: block !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-copy strong {
        display: block !important;
        max-width: 100% !important;
        color: rgba(248, 250, 252, 0.98) !important;
        font-size: 15.5px !important;
        line-height: 1.08 !important;
        font-weight: 950 !important;
        letter-spacing: -0.045em !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-copy small {
        display: block !important;
        margin-top: 3px !important;
        color: rgba(148, 163, 184, 0.90) !important;
        font-size: 11.3px !important;
        line-height: 1.22 !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-badges {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 4px !important;
        margin-top: 5px !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-badges:empty {
        display: none !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-badges b {
        padding: 3px 6px !important;
        border-radius: 999px !important;
        color: rgba(255, 255, 255, 0.92) !important;
        background: rgba(248, 113, 113, 0.16) !important;
        border: 1px solid rgba(248, 113, 113, 0.20) !important;
        font-size: 9.8px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-metric {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-end !important;
        justify-content: center !important;
        gap: 4px !important;
        min-width: 70px !important;
        max-width: 96px !important;
        text-align: right !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-metric strong {
        display: block !important;
        max-width: 100% !important;
        font-size: clamp(13.5px, 4.2vw, 18px) !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        letter-spacing: -0.055em !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-metric small {
        display: block !important;
        color: rgba(148, 163, 184, 0.90) !important;
        font-size: 10.6px !important;
        line-height: 1.15 !important;
        font-weight: 850 !important;
        white-space: normal !important;
    }
}

@media (max-width: 390px) {
    body:not(.is-home-page) .home-mobile-impact-player {
        grid-template-columns: 1fr !important;
        align-items: stretch !important;
    }

    body:not(.is-home-page) .home-mobile-impact-score {
        justify-self: start !important;
        max-width: 100% !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-row {
        grid-template-columns: 38px 30px minmax(0, 1fr) !important;
        gap: 8px !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-row.is-empty {
        grid-template-columns: 38px minmax(0, 1fr) !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-code {
        width: 34px !important;
        min-width: 34px !important;
        font-size: 11px !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-uniform,
    body:not(.is-home-page) .home-mobile-lineup-uniform .uniform-xs {
        width: 29px !important;
        height: 36px !important;
        min-width: 29px !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-metric {
        grid-column: 3 / 4 !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin-top: 5px !important;
        text-align: left !important;
    }
}
/* MYPICK MOBILE CENTER PHASE 3 LIST VIEW 2026-05-31 END */


/* MYPICK MOBILE TEAM EDIT PHASE 4 LIST TABS 2026-05-31 START */
/* Scope: mobile /team/edit only. Desktop layout, DB, routes, scoring, betting, AJAX endpoints are not changed. */
.team-edit-mobile-switcher {
    display: none;
}

@media (max-width: 768px) {
    body:not(.is-home-page) .team-edit-page-shell {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
        padding-bottom: 12px !important;
    }

    body:not(.is-home-page) .team-edit-page-shell,
    body:not(.is-home-page) .team-edit-page-shell * {
        box-sizing: border-box !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-edit-hero {
        width: 100% !important;
        min-width: 0 !important;
        padding: 17px 16px !important;
        border-radius: 26px !important;
        gap: 14px !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-edit-hero h1 {
        font-size: clamp(24px, 7.2vw, 34px) !important;
        line-height: 1.04 !important;
        letter-spacing: -0.075em !important;
        overflow-wrap: anywhere !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-edit-hero .hero-copy {
        font-size: 13px !important;
        line-height: 1.48 !important;
        word-break: keep-all !important;
        overflow-wrap: anywhere !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-edit-hero .hero-actions {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 9px !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-edit-hero .hero-actions .button-link,
    body:not(.is-home-page) .team-edit-page-shell .team-edit-hero .hero-actions button {
        width: 100% !important;
        min-height: 44px !important;
        justify-content: center !important;
        padding: 0 12px !important;
        border-radius: 16px !important;
        white-space: nowrap !important;
        font-size: 13px !important;
        font-weight: 920 !important;
    }

    body:not(.is-home-page) #team-notice-region,
    body:not(.is-home-page) #team-status-region,
    body:not(.is-home-page) .team-edit-mobile-switcher,
    body:not(.is-home-page) .team-edit-workspace {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    body:not(.is-home-page) #team-status-region.team-edit-status-row {
        display: block !important;
        margin-top: 12px !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-status-console,
    body:not(.is-home-page) .team-edit-page-shell .team-validation-side-card,
    body:not(.is-home-page) .team-edit-page-shell .team-edit-roster-card,
    body:not(.is-home-page) .team-edit-page-shell .team-edit-market-panel {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        border-radius: 24px !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-status-console {
        padding: 14px !important;
        margin-bottom: 0 !important;
    }

    body:not(.is-home-page) .team-status-console-head {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        margin-bottom: 12px !important;
    }

    body:not(.is-home-page) .team-status-console-head h2 {
        font-size: 18px !important;
        line-height: 1.12 !important;
    }

    body:not(.is-home-page) .team-status-mini-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 9px !important;
    }

    body:not(.is-home-page) .team-status-mini-item {
        min-width: 0 !important;
        padding: 12px !important;
        border-radius: 18px !important;
    }

    body:not(.is-home-page) .team-status-mini-item > span,
    body:not(.is-home-page) .team-status-mini-item span:first-child {
        margin-bottom: 7px !important;
        color: rgba(148, 163, 184, 0.92) !important;
        font-size: 11.5px !important;
        line-height: 1.1 !important;
        font-weight: 900 !important;
        white-space: nowrap !important;
    }

    body:not(.is-home-page) .team-status-mini-item strong,
    body:not(.is-home-page) .team-status-mini-item .remaining-budget-value {
        max-width: 100% !important;
        color: rgba(248, 250, 252, 0.98) !important;
        font-size: clamp(20px, 6.2vw, 28px) !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        letter-spacing: -0.06em !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    body:not(.is-home-page) .captain-status-mini-item {
        grid-column: 1 / -1 !important;
    }

    body:not(.is-home-page) .captain-status-mini-item strong {
        font-size: clamp(18px, 5.4vw, 24px) !important;
        line-height: 1.08 !important;
    }

    body:not(.is-home-page) .team-edit-mobile-switcher {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 7px !important;
        position: sticky !important;
        top: 70px !important;
        z-index: 50 !important;
        margin: 12px 0 !important;
        padding: 7px !important;
        border-radius: 22px !important;
        background:
            linear-gradient(180deg, rgba(255,255,255,0.070), rgba(255,255,255,0.026)),
            rgba(2, 8, 14, 0.84) !important;
        border: 1px solid rgba(255,255,255,0.10) !important;
        box-shadow: 0 16px 32px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.07) !important;
        backdrop-filter: blur(20px) !important;
    }

    body:not(.is-home-page) .team-edit-mobile-tab {
        min-width: 0 !important;
        min-height: 48px !important;
        display: grid !important;
        place-items: center !important;
        gap: 2px !important;
        padding: 8px 4px !important;
        border-radius: 17px !important;
        border: 1px solid transparent !important;
        background: transparent !important;
        color: rgba(148, 163, 184, 0.92) !important;
        box-shadow: none !important;
        transform: none !important;
    }

    body:not(.is-home-page) .team-edit-mobile-tab span {
        font-size: 13px !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        letter-spacing: -0.04em !important;
        white-space: nowrap !important;
    }

    body:not(.is-home-page) .team-edit-mobile-tab small {
        color: inherit !important;
        opacity: 0.72 !important;
        font-size: 10.5px !important;
        line-height: 1 !important;
        font-weight: 850 !important;
        letter-spacing: -0.02em !important;
        white-space: nowrap !important;
    }

    body:not(.is-home-page) .team-edit-mobile-tab.active {
        color: rgba(5, 20, 25, 0.98) !important;
        background: linear-gradient(135deg, #7deff6, #22d3ee) !important;
        border-color: rgba(255,255,255,0.22) !important;
        box-shadow: 0 10px 22px rgba(34, 211, 238, 0.18) !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-validation-side-card {
        display: none !important;
        margin-top: 12px !important;
        padding: 15px !important;
    }

    body:not(.is-home-page) .team-edit-page-shell[data-team-mobile-view="confirm"] .team-validation-side-card {
        display: block !important;
    }

    body:not(.is-home-page) .team-edit-workspace {
        display: block !important;
        margin-top: 0 !important;
        overflow: visible !important;
    }

    body:not(.is-home-page) .team-edit-main-column,
    body:not(.is-home-page) .team-edit-market-column {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    body:not(.is-home-page) .team-edit-page-shell[data-team-mobile-view="lineup"] .team-edit-market-column,
    body:not(.is-home-page) .team-edit-page-shell[data-team-mobile-view="market"] .team-edit-main-column,
    body:not(.is-home-page) .team-edit-page-shell[data-team-mobile-view="confirm"] .team-edit-workspace {
        display: none !important;
    }

    body:not(.is-home-page) .team-edit-page-shell[data-team-mobile-view="lineup"] .team-edit-main-column,
    body:not(.is-home-page) .team-edit-page-shell[data-team-mobile-view="market"] .team-edit-market-column {
        display: block !important;
    }

    body:not(.is-home-page) .team-edit-roster-card,
    body:not(.is-home-page) .team-edit-market-panel {
        padding: 14px !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .section-heading,
    body:not(.is-home-page) .team-edit-page-shell .section-heading.split,
    body:not(.is-home-page) .team-edit-page-shell .compact-heading {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        gap: 12px !important;
        margin-bottom: 12px !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .section-heading h2 {
        font-size: 18px !important;
        line-height: 1.12 !important;
        letter-spacing: -0.045em !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .roster-view-tabs,
    body:not(.is-home-page) .team-edit-page-shell .lineup-view-panel {
        display: none !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .list-view-panel {
        display: block !important;
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
    }

    body:not(.is-home-page) .team-edit-roster-list-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    body:not(.is-home-page) .team-edit-list-row {
        width: 100% !important;
        min-width: 0 !important;
        display: grid !important;
        grid-template-columns: 44px minmax(0, 1fr) 42px !important;
        gap: 9px !important;
        align-items: start !important;
        padding: 11px !important;
        border-radius: 20px !important;
        overflow: hidden !important;
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
    }

    body:not(.is-home-page) .team-edit-list-row .roster-slot-chip {
        grid-column: 1 !important;
        grid-row: 1 / span 4 !important;
        align-self: stretch !important;
        min-width: 0 !important;
        min-height: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
        padding: 8px 5px !important;
        border-radius: 16px !important;
        background: rgba(2, 8, 14, 0.50) !important;
        border: 1px solid rgba(255,255,255,0.08) !important;
        text-align: center !important;
    }

    body:not(.is-home-page) .team-edit-list-row .roster-slot-chip strong {
        color: var(--primary) !important;
        font-size: 13px !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        letter-spacing: -0.035em !important;
        white-space: nowrap !important;
    }

    body:not(.is-home-page) .team-edit-list-row .roster-slot-chip span {
        color: rgba(148, 163, 184, 0.92) !important;
        font-size: 9.6px !important;
        line-height: 1.1 !important;
        font-weight: 850 !important;
        word-break: keep-all !important;
    }

    body:not(.is-home-page) .team-edit-list-row .roster-player-identity {
        grid-column: 2 / 3 !important;
        grid-row: 1 !important;
        min-width: 0 !important;
        gap: 9px !important;
        align-items: center !important;
    }

    body:not(.is-home-page) .team-edit-list-row .roster-player-identity .uniform-sm {
        width: 34px !important;
        height: 42px !important;
        min-width: 34px !important;
    }

    body:not(.is-home-page) .team-edit-list-row .roster-player-identity .player-link,
    body:not(.is-home-page) .team-edit-list-row .roster-player-identity strong {
        display: block !important;
        max-width: 100% !important;
        color: rgba(248, 250, 252, 0.98) !important;
        font-size: 15.5px !important;
        line-height: 1.12 !important;
        font-weight: 950 !important;
        letter-spacing: -0.045em !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        overflow-wrap: anywhere !important;
        text-decoration: none !important;
    }

    body:not(.is-home-page) .team-edit-list-row .roster-player-identity small {
        display: block !important;
        margin-top: 3px !important;
        color: rgba(148, 163, 184, 0.86) !important;
        font-size: 11px !important;
        line-height: 1.15 !important;
        white-space: normal !important;
    }

    body:not(.is-home-page) .team-edit-list-row .roster-list-meta {
        grid-column: 2 / 4 !important;
        grid-row: auto !important;
        min-width: 0 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 5px !important;
        align-items: center !important;
    }

    body:not(.is-home-page) .team-edit-list-row .roster-list-stat {
        grid-column: 2 / 4 !important;
        min-width: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        padding: 8px 10px !important;
        border-radius: 15px !important;
        background: rgba(255,255,255,0.040) !important;
        border: 1px solid rgba(255,255,255,0.075) !important;
    }

    body:not(.is-home-page) .team-edit-list-row .roster-list-stat span {
        min-width: 0 !important;
        color: rgba(148, 163, 184, 0.90) !important;
        font-size: 11px !important;
        line-height: 1.12 !important;
        font-weight: 850 !important;
        white-space: nowrap !important;
    }

    body:not(.is-home-page) .team-edit-list-row .roster-list-stat strong {
        min-width: 0 !important;
        color: rgba(248, 250, 252, 0.98) !important;
        font-size: 15px !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        letter-spacing: -0.045em !important;
        text-align: right !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    body:not(.is-home-page) .team-edit-list-row .team-edit-list-remove {
        grid-column: 3 / 4 !important;
        grid-row: 1 !important;
        justify-self: end !important;
        align-self: start !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        transform: none !important;
        margin: 0 !important;
    }

    body:not(.is-home-page) .team-edit-list-row .team-edit-list-remove .icon-button {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
        border-radius: 15px !important;
    }

    body:not(.is-home-page) .team-edit-list-row.empty-slot-row {
        grid-template-columns: 44px minmax(0, 1fr) !important;
    }

    body:not(.is-home-page) .team-edit-list-row.empty-slot-row .roster-player-identity {
        grid-column: 2 / 3 !important;
    }

    body:not(.is-home-page) .team-edit-list-row.empty-slot-row .roster-list-meta,
    body:not(.is-home-page) .team-edit-list-row.empty-slot-row .roster-list-stat,
    body:not(.is-home-page) .team-edit-list-row.empty-slot-row .team-edit-list-remove {
        display: none !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .side-filter {
        width: 100% !important;
        min-width: 0 !important;
        padding: 12px !important;
        border-radius: 20px !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .form-field,
    body:not(.is-home-page) .team-edit-page-shell .form-row-2,
    body:not(.is-home-page) .team-edit-page-shell .form-actions {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .form-row-2 {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 9px !important;
    }

    body:not(.is-home-page) .team-edit-page-shell input,
    body:not(.is-home-page) .team-edit-page-shell select,
    body:not(.is-home-page) .team-edit-page-shell .custom-select-trigger {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-height: 44px !important;
        border-radius: 16px !important;
        font-size: 14px !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .market-filter-actions {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 9px !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .market-filter-actions button,
    body:not(.is-home-page) .team-edit-page-shell .market-filter-actions .button-link {
        width: 100% !important;
        min-height: 44px !important;
        justify-content: center !important;
        padding: 0 10px !important;
        border-radius: 16px !important;
        font-size: 13px !important;
        font-weight: 920 !important;
    }

    body:not(.is-home-page) .team-edit-search-scroll {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-height: none !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 9px !important;
        padding: 10px 0 0 !important;
        overflow: visible !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        display: grid !important;
        grid-template-columns: 42px minmax(0, 1fr) !important;
        gap: 10px !important;
        align-items: center !important;
        padding: 11px !important;
        border-radius: 20px !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .uniform-sm {
        width: 38px !important;
        height: 46px !important;
        min-width: 38px !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .market-player-info {
        min-width: 0 !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .player-link {
        display: block !important;
        max-width: 100% !important;
        color: rgba(248, 250, 252, 0.98) !important;
        font-size: 15.5px !important;
        line-height: 1.12 !important;
        font-weight: 950 !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        overflow-wrap: anywhere !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .chip-row,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .small-text {
        min-width: 0 !important;
        max-width: 100% !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card form {
        grid-column: 1 / -1 !important;
        width: 100% !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .market-add-button {
        width: 100% !important;
        min-height: 44px !important;
        border-radius: 16px !important;
        font-size: 13px !important;
        font-weight: 930 !important;
    }
}

@media (max-width: 390px) {
    body:not(.is-home-page) .team-edit-page-shell .team-edit-hero .hero-actions,
    body:not(.is-home-page) .team-edit-page-shell .market-filter-actions,
    body:not(.is-home-page) .team-edit-page-shell .form-row-2 {
        grid-template-columns: 1fr !important;
    }

    body:not(.is-home-page) .team-edit-mobile-switcher {
        gap: 5px !important;
        padding: 6px !important;
    }

    body:not(.is-home-page) .team-edit-mobile-tab span {
        font-size: 12px !important;
    }

    body:not(.is-home-page) .team-edit-mobile-tab small {
        font-size: 9.5px !important;
    }

    body:not(.is-home-page) .team-edit-list-row,
    body:not(.is-home-page) .team-edit-list-row.empty-slot-row {
        grid-template-columns: 40px minmax(0, 1fr) !important;
    }

    body:not(.is-home-page) .team-edit-list-row .team-edit-list-remove {
        grid-column: 2 / 3 !important;
        grid-row: 4 !important;
        justify-self: stretch !important;
        width: 100% !important;
    }

    body:not(.is-home-page) .team-edit-list-row .team-edit-list-remove .icon-button {
        width: 100% !important;
    }

    body:not(.is-home-page) .team-edit-list-row .roster-list-meta,
    body:not(.is-home-page) .team-edit-list-row .roster-list-stat {
        grid-column: 2 / 3 !important;
    }
}
/* MYPICK MOBILE TEAM EDIT PHASE 4 LIST TABS 2026-05-31 END */

/* MYPICK MOBILE MY TEAM PHASE 5 LIST VIEW 2026-05-31 START */
/* Scope: mobile /my-team only. Desktop /my-team, DB, routes, team scoring, betting, and team edit AJAX are not changed. */
@media (max-width: 768px) {
    body:not(.is-home-page) .my-team-page-shell,
    body:not(.is-home-page) .my-team-page-shell * {
        box-sizing: border-box !important;
        min-width: 0 !important;
    }

    body:not(.is-home-page) .my-team-page-shell {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    body:not(.is-home-page) .my-team-page-shell .my-team-hero {
        width: 100% !important;
        padding: 17px 16px !important;
        border-radius: 26px !important;
        margin-bottom: 12px !important;
    }

    body:not(.is-home-page) .my-team-page-shell .my-team-hero h1 {
        font-size: clamp(25px, 7.4vw, 34px) !important;
        line-height: 1.04 !important;
        letter-spacing: -0.075em !important;
    }

    body:not(.is-home-page) .my-team-page-shell .single-line-copy {
        white-space: normal !important;
        font-size: 13px !important;
        line-height: 1.48 !important;
        word-break: keep-all !important;
        overflow-wrap: anywhere !important;
    }

    body:not(.is-home-page) .my-team-page-shell .my-team-overview-card,
    body:not(.is-home-page) .my-team-page-shell .my-team-roster-section,
    body:not(.is-home-page) .my-team-page-shell #team-status.auth-card {
        width: 100% !important;
        max-width: 100% !important;
        padding: 13px !important;
        border-radius: 24px !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .my-team-overview-top,
    body:not(.is-home-page) .my-team-title-line,
    body:not(.is-home-page) .my-team-roster-heading {
        display: flex !important;
        align-items: stretch !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    body:not(.is-home-page) .my-team-title-line h2,
    body:not(.is-home-page) .my-team-roster-heading h2,
    body:not(.is-home-page) .my-team-page-shell .auth-card h2 {
        max-width: 100% !important;
        font-size: clamp(20px, 6.1vw, 28px) !important;
        line-height: 1.08 !important;
        letter-spacing: -0.065em !important;
        word-break: keep-all !important;
        overflow-wrap: anywhere !important;
    }

    body:not(.is-home-page) .my-team-edit-button,
    body:not(.is-home-page) .team-create-simple-form button {
        width: 100% !important;
        min-height: 46px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 16px !important;
        padding: 0 14px !important;
        font-size: 14px !important;
        font-weight: 930 !important;
    }

    body:not(.is-home-page) .my-team-validation-warning {
        margin: 11px 0 12px !important;
        padding: 12px !important;
        border-radius: 18px !important;
    }

    body:not(.is-home-page) .my-team-validation-warning ul {
        padding-left: 16px !important;
        font-size: 12.5px !important;
        line-height: 1.5 !important;
    }

    body:not(.is-home-page) .my-team-metric-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        margin-top: 12px !important;
    }

    body:not(.is-home-page) .my-team-metric-item {
        min-height: 76px !important;
        padding: 11px 12px !important;
        border-radius: 18px !important;
    }

    body:not(.is-home-page) .my-team-metric-item:first-child,
    body:not(.is-home-page) .my-team-metric-item:nth-child(3) {
        grid-column: 1 / -1 !important;
        min-height: 82px !important;
        background:
            radial-gradient(circle at 100% 0%, rgba(34, 211, 238, 0.10), transparent 40%),
            linear-gradient(180deg, rgba(255,255,255,0.052), rgba(255,255,255,0.018)),
            rgba(6, 18, 23, 0.70) !important;
        border-color: rgba(125, 239, 246, 0.18) !important;
    }

    body:not(.is-home-page) .team-value-item,
    body:not(.is-home-page) .team-budget-item {
        grid-column: auto !important;
    }

    body:not(.is-home-page) .my-team-metric-item span {
        margin-bottom: 7px !important;
        font-size: 11px !important;
        line-height: 1.25 !important;
        white-space: normal !important;
    }

    body:not(.is-home-page) .my-team-metric-item strong {
        max-width: 100% !important;
        font-size: clamp(18px, 5.7vw, 26px) !important;
        line-height: 1.02 !important;
        letter-spacing: -0.055em !important;
        white-space: normal !important;
        word-break: keep-all !important;
        overflow-wrap: anywhere !important;
        text-overflow: clip !important;
    }

    body:not(.is-home-page) .my-team-metric-item:first-child strong,
    body:not(.is-home-page) .my-team-metric-item:nth-child(3) strong {
        font-size: clamp(23px, 7.2vw, 33px) !important;
    }

    body:not(.is-home-page) .team-value-rule {
        margin: 10px 1px 0 !important;
        font-size: 11.5px !important;
        line-height: 1.55 !important;
        word-break: keep-all !important;
        overflow-wrap: anywhere !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-view-tabs,
    body:not(.is-home-page) .my-team-page-shell .lineup-view-panel,
    body:not(.is-home-page) .my-team-page-shell .lineup-board,
    body:not(.is-home-page) .my-team-page-shell .lineup-field-wrap,
    body:not(.is-home-page) .my-team-page-shell .lineup-bullpen-panel {
        display: none !important;
    }

    body:not(.is-home-page) .my-team-page-shell .list-view-panel {
        display: block !important;
        max-height: none !important;
        height: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
        overflow: visible !important;
        transform: none !important;
        pointer-events: auto !important;
        transition: none !important;
        animation: none !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-list-grid {
        width: 100% !important;
        display: grid !important;
        gap: 10px !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-list-row {
        width: 100% !important;
        max-width: 100% !important;
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr) !important;
        grid-template-areas:
            "slot identity"
            "meta meta"
            "acq market"
            "income income" !important;
        align-items: start !important;
        gap: 9px 10px !important;
        padding: 12px !important;
        border-radius: 21px !important;
        background:
            radial-gradient(circle at 100% 0%, rgba(34, 211, 238, 0.075), transparent 38%),
            linear-gradient(180deg, rgba(255,255,255,0.052), rgba(255,255,255,0.018)),
            rgba(6, 18, 23, 0.72) !important;
        border-color: rgba(125, 239, 246, 0.13) !important;
        box-shadow: 0 12px 28px rgba(0,0,0,0.15), inset 0 1px 0 rgba(255,255,255,0.045) !important;
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-list-row:hover {
        transform: none !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-slot-chip {
        grid-area: slot !important;
        min-width: 58px !important;
        width: 58px !important;
        height: 58px !important;
        padding: 7px 5px !important;
        transform: none !important;
        display: grid !important;
        place-items: center !important;
        align-content: center !important;
        gap: 2px !important;
        border-radius: 17px !important;
        border: 1px solid rgba(125, 239, 246, 0.20) !important;
        background: rgba(34, 211, 238, 0.075) !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-slot-chip strong {
        font-size: 15px !important;
        line-height: 1 !important;
        color: rgba(157, 246, 251, 0.98) !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-slot-chip span {
        max-width: 100% !important;
        font-size: 9.5px !important;
        line-height: 1.1 !important;
        text-align: center !important;
        color: rgba(203, 213, 225, 0.70) !important;
        white-space: normal !important;
        word-break: keep-all !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-player-identity {
        grid-area: identity !important;
        width: 100% !important;
        justify-self: stretch !important;
        align-self: center !important;
        transform: none !important;
        gap: 10px !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-player-identity .uniform-sm {
        width: 40px !important;
        height: 50px !important;
        flex: 0 0 40px !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-player-identity .player-link,
    body:not(.is-home-page) .my-team-page-shell .roster-player-identity strong {
        max-width: 100% !important;
        color: rgba(248, 250, 252, 0.96) !important;
        font-size: 16px !important;
        line-height: 1.18 !important;
        font-weight: 930 !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        word-break: keep-all !important;
        overflow-wrap: anywhere !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-player-identity small {
        font-size: 11px !important;
        line-height: 1.25 !important;
    }

    body:not(.is-home-page) .my-team-page-shell .empty-plus {
        width: 40px !important;
        height: 40px !important;
        display: inline-grid !important;
        place-items: center !important;
        border-radius: 15px !important;
        background: rgba(148, 163, 184, 0.12) !important;
        color: rgba(226, 232, 240, 0.88) !important;
        font-size: 22px !important;
        font-weight: 800 !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-list-meta {
        grid-area: meta !important;
        justify-self: stretch !important;
        transform: none !important;
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
        flex-wrap: wrap !important;
        padding-top: 2px !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-list-row > .roster-list-stat:nth-of-type(4) {
        grid-area: acq !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-list-row > .roster-list-stat:nth-of-type(5) {
        grid-area: market !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-list-row > .roster-list-stat:nth-of-type(6) {
        grid-area: income !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-list-stat {
        min-width: 0 !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 5px !important;
        padding: 10px !important;
        border-radius: 16px !important;
        border: 1px solid rgba(148, 163, 184, 0.10) !important;
        background: rgba(255, 255, 255, 0.036) !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-list-stat span {
        color: rgba(148, 163, 184, 0.72) !important;
        font-size: 10.5px !important;
        line-height: 1.18 !important;
        font-weight: 840 !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-list-stat strong {
        max-width: 100% !important;
        color: rgba(248, 250, 252, 0.94) !important;
        font-size: 15px !important;
        line-height: 1.08 !important;
        font-weight: 900 !important;
        white-space: normal !important;
        word-break: keep-all !important;
        overflow-wrap: anywhere !important;
        text-overflow: clip !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-list-row > .roster-list-stat:nth-of-type(6) strong {
        font-size: 17px !important;
    }

    body:not(.is-home-page) .my-team-page-shell .team-badge,
    body:not(.is-home-page) .my-team-page-shell .position-badge,
    body:not(.is-home-page) .my-team-page-shell .inactive-player-badge,
    body:not(.is-home-page) .my-team-page-shell .position-mismatch-badge,
    body:not(.is-home-page) .my-team-page-shell .captain-badge {
        max-width: 100% !important;
        white-space: normal !important;
        line-height: 1.15 !important;
    }

    body:not(.is-home-page) .team-create-simple-form,
    body:not(.is-home-page) .team-create-simple-form .team-create-copy {
        width: 100% !important;
    }

    body:not(.is-home-page) .team-create-copy {
        padding: 13px !important;
        border-radius: 18px !important;
        font-size: 13px !important;
        line-height: 1.55 !important;
        word-break: keep-all !important;
        overflow-wrap: anywhere !important;
    }
}

@media (max-width: 380px) {
    body:not(.is-home-page) .my-team-metric-strip {
        grid-template-columns: 1fr !important;
    }

    body:not(.is-home-page) .my-team-metric-item,
    body:not(.is-home-page) .team-value-item,
    body:not(.is-home-page) .team-budget-item {
        grid-column: 1 / -1 !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-list-row {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "slot"
            "identity"
            "meta"
            "acq"
            "market"
            "income" !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-slot-chip {
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 42px !important;
        grid-template-columns: auto 1fr !important;
        justify-content: start !important;
        justify-items: start !important;
        padding: 8px 10px !important;
    }
}
/* MYPICK MOBILE MY TEAM PHASE 5 LIST VIEW 2026-05-31 END */

/* MYPICK MOBILE PROFILE PHASE 6 APP VIEW 2026-05-31 START */
/* Scope: mobile /profile only. Desktop profile, profile calculations, achievements data, DB, and routes are not changed. */
@media (max-width: 768px) {
    body:not(.is-home-page) .profile-page-shell,
    body:not(.is-home-page) .profile-page-shell * {
        box-sizing: border-box !important;
        min-width: 0 !important;
    }

    body:not(.is-home-page) .profile-page-shell {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 13px !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-v2-hero,
    body:not(.is-home-page) .profile-page-shell .profile-v2-card,
    body:not(.is-home-page) .profile-page-shell .content-card {
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 26px !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-v2-hero {
        padding: 16px !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 13px !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-v2-identity,
    body:not(.is-home-page) .profile-page-shell .profile-v2-identity.no-favorite-team,
    body:not(.is-home-page) .profile-page-shell .profile-v2-identity.has-favorite-team {
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 13px !important;
        text-align: left !important;
        flex-direction: row !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-v2-uniform-frame,
    body:not(.is-home-page) .profile-page-shell .profile-v2-uniform-frame.is-default,
    body:not(.is-home-page) .profile-page-shell .profile-v2-uniform-frame.has-uniform {
        width: clamp(70px, 20vw, 92px) !important;
        height: clamp(70px, 20vw, 92px) !important;
        flex: 0 0 clamp(70px, 20vw, 92px) !important;
        margin: 0 !important;
        border-radius: 26px !important;
        transform: none !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-v2-uniform-frame.has-uniform .uniform-lg,
    body:not(.is-home-page) .profile-page-shell .profile-v2-uniform-frame.has-uniform .uniform-img.uniform-lg,
    body:not(.is-home-page) .profile-page-shell .profile-v2-uniform-frame.is-default .profile-v2-default-avatar {
        width: 64px !important;
        height: 64px !important;
        max-width: 64px !important;
        max-height: 64px !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-v2-identity > div:not(.profile-v2-uniform-frame) {
        flex: 1 1 auto !important;
        width: auto !important;
        max-width: calc(100% - 84px) !important;
        min-width: 0 !important;
        text-align: left !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-v2-identity h1 {
        max-width: 100% !important;
        font-size: clamp(25px, 7.7vw, 34px) !important;
        line-height: 1.04 !important;
        letter-spacing: -0.075em !important;
        white-space: normal !important;
        word-break: keep-all !important;
        overflow-wrap: anywhere !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-v2-subcopy,
    body:not(.is-home-page) .profile-page-shell .eyebrow,
    body:not(.is-home-page) .profile-page-shell .profile-note {
        white-space: normal !important;
        word-break: keep-all !important;
        overflow-wrap: anywhere !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-v2-hero-actions {
        width: 100% !important;
        margin-top: 10px !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-v2-hero-actions .button-link,
    body:not(.is-home-page) .profile-page-shell .profile-save-team-button,
    body:not(.is-home-page) .profile-page-shell .profile-friend-request-button,
    body:not(.is-home-page) .profile-page-shell .profile-public-rank-link {
        width: 100% !important;
        min-height: 44px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 16px !important;
        font-size: 13.5px !important;
        font-weight: 920 !important;
        white-space: normal !important;
        text-align: center !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-favorite-team-panel,
    body:not(.is-home-page) .profile-page-shell .profile-public-view-panel {
        width: 100% !important;
        max-width: 100% !important;
        padding: 13px !important;
        border-radius: 22px !important;
    }

    body:not(.is-home-page) .profile-page-shell .favorite-team-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        gap: 7px !important;
    }

    body:not(.is-home-page) .profile-page-shell .favorite-team-option {
        min-height: 56px !important;
        padding: 7px 4px !important;
        border-radius: 15px !important;
        gap: 3px !important;
    }

    body:not(.is-home-page) .profile-page-shell .favorite-team-option span:last-child {
        font-size: 10.5px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-overview,
    body:not(.is-home-page) .profile-page-shell .profile-v2-main-grid,
    body:not(.is-home-page) .profile-page-shell .profile-v2-highlight-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-summary-panel,
    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel,
    body:not(.is-home-page) .profile-page-shell .profile-manager-card,
    body:not(.is-home-page) .profile-page-shell .profile-form-card,
    body:not(.is-home-page) .profile-page-shell .profile-highlight-card,
    body:not(.is-home-page) .profile-page-shell .profile-lineup-card,
    body:not(.is-home-page) .profile-page-shell .profile-recent-card {
        padding: 14px !important;
        border-radius: 24px !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-section-head,
    body:not(.is-home-page) .profile-page-shell .section-heading,
    body:not(.is-home-page) .profile-page-shell .compact-heading,
    body:not(.is-home-page) .profile-page-shell .profile-clean-section-head.split,
    body:not(.is-home-page) .profile-page-shell .section-heading.split {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 8px !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-section-head h2,
    body:not(.is-home-page) .profile-page-shell .section-heading h2,
    body:not(.is-home-page) .profile-page-shell .compact-heading h2 {
        max-width: 100% !important;
        font-size: clamp(20px, 6.1vw, 28px) !important;
        line-height: 1.08 !important;
        letter-spacing: -0.065em !important;
        white-space: normal !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-record-pill,
    body:not(.is-home-page) .profile-page-shell .profile-status-pill,
    body:not(.is-home-page) .profile-page-shell .tiny-link {
        width: fit-content !important;
        max-width: 100% !important;
        min-height: 34px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        white-space: normal !important;
        text-align: center !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-summary-list,
    body:not(.is-home-page) .profile-page-shell .profile-status-grid,
    body:not(.is-home-page) .profile-page-shell .profile-budget-strip,
    body:not(.is-home-page) .profile-page-shell .profile-account-list {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        width: 100% !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-stat-card,
    body:not(.is-home-page) .profile-page-shell .profile-status-item,
    body:not(.is-home-page) .profile-page-shell .profile-budget-strip > div,
    body:not(.is-home-page) .profile-page-shell .profile-account-list > div {
        min-height: 74px !important;
        padding: 11px 12px !important;
        border-radius: 18px !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-stat-card:first-child,
    body:not(.is-home-page) .profile-page-shell .profile-clean-stat-card.profile-clean-stat-recent {
        grid-column: 1 / -1 !important;
        min-height: 84px !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-stat-card span,
    body:not(.is-home-page) .profile-page-shell .profile-status-item span,
    body:not(.is-home-page) .profile-page-shell .profile-budget-strip span,
    body:not(.is-home-page) .profile-page-shell .profile-account-list span {
        display: block !important;
        margin-bottom: 6px !important;
        font-size: 11px !important;
        line-height: 1.25 !important;
        white-space: normal !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-stat-card strong,
    body:not(.is-home-page) .profile-page-shell .profile-status-item strong,
    body:not(.is-home-page) .profile-page-shell .profile-budget-strip strong,
    body:not(.is-home-page) .profile-page-shell .profile-account-list strong {
        max-width: 100% !important;
        font-size: clamp(17px, 5.2vw, 25px) !important;
        line-height: 1.04 !important;
        letter-spacing: -0.055em !important;
        white-space: normal !important;
        word-break: keep-all !important;
        overflow-wrap: anywhere !important;
        text-overflow: clip !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-stat-card:first-child strong,
    body:not(.is-home-page) .profile-page-shell .profile-clean-stat-card.profile-clean-stat-recent strong {
        font-size: clamp(23px, 7vw, 33px) !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-stat-card small {
        display: block !important;
        margin-top: 5px !important;
        font-size: 11.5px !important;
        line-height: 1.35 !important;
        white-space: normal !important;
        word-break: keep-all !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievement-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 9px !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievement-card,
    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-achievement-card {
        --profile-achievement-value-space: clamp(86px, 31vw, 134px) !important;
        --profile-achievement-value-width: clamp(86px, 31vw, 134px) !important;
        min-height: 96px !important;
        padding: 13px 12px !important;
        border-radius: 19px !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievement-title,
    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-achievement-title {
        width: calc(100% - var(--profile-achievement-value-width) - 8px) !important;
        max-width: calc(100% - var(--profile-achievement-value-width) - 8px) !important;
        font-size: 13.5px !important;
        line-height: 1.22 !important;
        white-space: normal !important;
        word-break: keep-all !important;
        overflow-wrap: anywhere !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievement-meta,
    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-achievement-meta {
        padding-right: calc(var(--profile-achievement-value-width) + 6px) !important;
        margin-top: 8px !important;
        min-height: 42px !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievement-meta small,
    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-achievement-meta small {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        font-size: 11.5px !important;
        line-height: 1.38 !important;
        white-space: normal !important;
        word-break: keep-all !important;
        overflow-wrap: anywhere !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievement-count,
    body:not(.is-home-page) .profile-page-shell .profile-clean-achievement-card.achievement-cyan .profile-clean-achievement-count,
    body:not(.is-home-page) .profile-page-shell .profile-clean-achievement-card.achievement-blue .profile-clean-achievement-count,
    body:not(.is-home-page) .profile-page-shell .profile-clean-achievement-card.achievement-gold .profile-clean-achievement-count,
    body:not(.is-home-page) .profile-page-shell .profile-clean-achievement-card.achievement-silver .profile-clean-achievement-count {
        width: var(--profile-achievement-value-width) !important;
        max-width: var(--profile-achievement-value-width) !important;
        right: 12px !important;
        bottom: 12px !important;
        font-size: clamp(24px, 7.3vw, 34px) !important;
        line-height: 0.95 !important;
        white-space: nowrap !important;
        text-align: right !important;
        justify-content: flex-end !important;
        overflow: hidden !important;
        text-overflow: clip !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievement-count-unit {
        margin-left: 2px !important;
        font-size: 0.46em !important;
        transform: translateY(-0.03em) !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-highlight-card {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-highlight-player {
        width: 100% !important;
        min-height: 56px !important;
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr) !important;
        gap: 10px !important;
        align-items: center !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-highlight-player strong,
    body:not(.is-home-page) .profile-page-shell .profile-highlight-player small,
    body:not(.is-home-page) .profile-page-shell .profile-highlight-value,
    body:not(.is-home-page) .profile-page-shell .profile-highlight-card p {
        white-space: normal !important;
        word-break: keep-all !important;
        overflow-wrap: anywhere !important;
        text-overflow: clip !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-highlight-value {
        font-size: clamp(24px, 7vw, 34px) !important;
        line-height: 1.02 !important;
        text-align: left !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-lineup-panel {
        display: none !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-mobile-lineup-list {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-mobile-lineup-head,
    body:not(.is-home-page) .profile-page-shell .profile-mobile-roster-section-title {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
        padding: 0 2px !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-mobile-lineup-head span,
    body:not(.is-home-page) .profile-page-shell .profile-mobile-roster-section-title span {
        color: rgba(239, 252, 255, 0.94) !important;
        font-size: 13px !important;
        font-weight: 950 !important;
        letter-spacing: -0.035em !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-mobile-lineup-head strong,
    body:not(.is-home-page) .profile-page-shell .profile-mobile-roster-section-title small {
        color: rgba(184, 207, 214, 0.74) !important;
        font-size: 11px !important;
        line-height: 1.3 !important;
        text-align: right !important;
        word-break: keep-all !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-mobile-roster-section {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-mobile-roster-row {
        width: 100% !important;
        max-width: 100% !important;
        display: grid !important;
        grid-template-columns: 52px minmax(0, 1fr) !important;
        grid-template-areas:
            "slot main"
            "slot badges"
            "stats stats" !important;
        gap: 8px 10px !important;
        padding: 11px !important;
        border-radius: 18px !important;
        background:
            radial-gradient(circle at 100% 0%, rgba(34, 211, 238, 0.09), transparent 42%),
            linear-gradient(180deg, rgba(255,255,255,0.052), rgba(255,255,255,0.018)),
            rgba(7, 18, 24, 0.72) !important;
        border: 1px solid rgba(255, 255, 255, 0.085) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.045) !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-mobile-roster-row.is-empty {
        opacity: 0.72 !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-mobile-slot-chip {
        grid-area: slot !important;
        min-height: 52px !important;
        display: inline-flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 3px !important;
        border-radius: 16px !important;
        background: rgba(8, 212, 223, 0.09) !important;
        border: 1px solid rgba(8, 212, 223, 0.18) !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-mobile-slot-chip strong {
        color: rgba(247, 253, 255, 0.96) !important;
        font-size: 15px !important;
        line-height: 1 !important;
        font-weight: 950 !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-mobile-slot-chip span {
        max-width: 42px !important;
        color: rgba(174, 208, 218, 0.72) !important;
        font-size: 9.5px !important;
        line-height: 1.1 !important;
        text-align: center !important;
        white-space: normal !important;
        word-break: keep-all !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-mobile-player-main {
        grid-area: main !important;
        min-width: 0 !important;
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr) !important;
        gap: 9px !important;
        align-items: center !important;
        color: inherit !important;
        text-decoration: none !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-mobile-player-text {
        min-width: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 3px !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-mobile-player-text strong {
        color: rgba(248, 253, 255, 0.98) !important;
        font-size: 14.5px !important;
        line-height: 1.18 !important;
        font-weight: 950 !important;
        letter-spacing: -0.035em !important;
        white-space: normal !important;
        word-break: keep-all !important;
        overflow-wrap: anywhere !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-mobile-player-text strong em {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 17px !important;
        height: 17px !important;
        margin-left: 5px !important;
        border-radius: 999px !important;
        color: #1b1201 !important;
        background: linear-gradient(135deg, #facc15, #f59e0b) !important;
        font-size: 10px !important;
        font-style: normal !important;
        font-weight: 950 !important;
        vertical-align: 1px !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-mobile-player-text small {
        color: rgba(174, 199, 207, 0.78) !important;
        font-size: 11.5px !important;
        line-height: 1.28 !important;
        white-space: normal !important;
        word-break: keep-all !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-mobile-player-badges {
        grid-area: badges !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 5px !important;
        min-height: 0 !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-mobile-player-stats {
        grid-area: stats !important;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 7px !important;
        width: 100% !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-mobile-player-stats > div {
        min-height: 54px !important;
        padding: 8px 9px !important;
        border-radius: 14px !important;
        background: rgba(255, 255, 255, 0.045) !important;
        border: 1px solid rgba(255,255,255,0.075) !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-mobile-player-stats span {
        display: block !important;
        margin-bottom: 4px !important;
        color: rgba(174, 199, 207, 0.70) !important;
        font-size: 10px !important;
        line-height: 1.1 !important;
        white-space: normal !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-mobile-player-stats strong {
        color: rgba(244, 252, 253, 0.96) !important;
        font-size: clamp(13px, 3.8vw, 16px) !important;
        line-height: 1.05 !important;
        font-weight: 950 !important;
        letter-spacing: -0.04em !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-mobile-empty-slot {
        grid-area: main / main / stats / stats !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 3px !important;
        min-height: 52px !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-mobile-empty-slot strong {
        color: rgba(235, 244, 247, 0.76) !important;
        font-size: 13.5px !important;
        line-height: 1.2 !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-mobile-empty-slot small {
        color: rgba(162, 187, 195, 0.66) !important;
        font-size: 11px !important;
        line-height: 1.35 !important;
        word-break: keep-all !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-recent-score-list {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-recent-score-list > div {
        min-height: 52px !important;
        padding: 10px 12px !important;
        border-radius: 16px !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-recent-score-list span,
    body:not(.is-home-page) .profile-page-shell .profile-recent-score-list strong {
        white-space: normal !important;
        word-break: keep-all !important;
        overflow-wrap: anywhere !important;
    }
}

@media (max-width: 380px) {
    body:not(.is-home-page) .profile-page-shell .profile-v2-identity,
    body:not(.is-home-page) .profile-page-shell .profile-v2-identity.no-favorite-team,
    body:not(.is-home-page) .profile-page-shell .profile-v2-identity.has-favorite-team {
        align-items: flex-start !important;
    }

    body:not(.is-home-page) .profile-page-shell .favorite-team-grid,
    body:not(.is-home-page) .profile-page-shell .profile-clean-summary-list,
    body:not(.is-home-page) .profile-page-shell .profile-status-grid,
    body:not(.is-home-page) .profile-page-shell .profile-budget-strip,
    body:not(.is-home-page) .profile-page-shell .profile-account-list {
        grid-template-columns: 1fr !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-mobile-player-stats {
        grid-template-columns: 1fr !important;
    }
}
/* MYPICK MOBILE PROFILE PHASE 6 APP VIEW 2026-05-31 END */

.betting-history-mobile-list {
    display: none;
}

/* MYPICK MOBILE BETTING PHASE 7 APP CARDS 2026-05-31 START */
@media (max-width: 768px) {
    html,
    body {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    .betting-page,
    .betting-history-card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: hidden !important;
    }

    .betting-page {
        padding-inline: 0 !important;
    }

    .betting-page .betting-hero {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        width: 100% !important;
        margin: 0 0 12px !important;
        padding: 16px !important;
        border-radius: 20px !important;
    }

    .betting-page .betting-hero h1 {
        font-size: clamp(28px, 9vw, 38px) !important;
        line-height: 1.02 !important;
    }

    .betting-page .betting-history-button,
    .betting-page .betting-wealth-panel.betting-history-panel {
        width: 100% !important;
        min-width: 0 !important;
    }

    .betting-page .betting-history-button {
        min-height: 46px !important;
        border-radius: 14px !important;
    }

    .betting-page .betting-shell {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        overflow: visible !important;
    }

    .betting-page .betting-board-main {
        width: 100% !important;
        min-width: 0 !important;
    }

    .betting-page .betting-date-tabs {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        width: 100% !important;
        padding: 8px !important;
        margin-bottom: 12px !important;
        border-radius: 18px !important;
        overflow: hidden !important;
    }

    .betting-page .betting-date-tabs a {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 40px !important;
        padding: 0 8px !important;
        font-size: 12.5px !important;
        white-space: normal !important;
        line-height: 1.18 !important;
        text-align: center !important;
    }

    .betting-page .betting-date-section {
        margin-bottom: 18px !important;
        scroll-margin-top: 78px !important;
    }

    .betting-page .betting-date-heading {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 6px !important;
        padding: 14px !important;
        margin-bottom: 12px !important;
        border-radius: 18px !important;
    }

    .betting-page .betting-date-heading h2 {
        font-size: 1.18rem !important;
        line-height: 1.15 !important;
    }

    .betting-page .betting-date-heading p:not(.eyebrow) {
        margin: 0 !important;
        font-size: 12.5px !important;
        line-height: 1.35 !important;
        word-break: keep-all !important;
    }

    .betting-page .betting-game-list {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .betting-page .betting-game-card {
        width: 100% !important;
        min-width: 0 !important;
        padding: 14px !important;
        border-radius: 20px !important;
        overflow: hidden !important;
    }

    .betting-page .betting-game-card:hover {
        transform: none !important;
    }

    .betting-page .betting-game-topline {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 10px !important;
        align-items: start !important;
        margin-bottom: 12px !important;
    }

    .betting-page .betting-game-topline > div {
        min-width: 0 !important;
        display: grid !important;
        gap: 2px !important;
    }

    .betting-page .betting-time,
    .betting-page .betting-venue {
        display: block !important;
        margin: 0 !important;
        white-space: normal !important;
        word-break: keep-all !important;
    }

    .betting-page .betting-lock {
        min-height: 30px !important;
        padding: 0 10px !important;
        font-size: 11.5px !important;
        white-space: nowrap !important;
    }

    .betting-page .betting-matchup {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 46px minmax(0, 1fr) !important;
        gap: 8px !important;
        align-items: stretch !important;
        padding: 12px !important;
        margin-bottom: 12px !important;
        border-radius: 18px !important;
        min-width: 0 !important;
    }

    .betting-page .betting-team,
    .betting-page .betting-team.home-team {
        min-width: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 5px !important;
        text-align: center !important;
    }

    .betting-page .betting-team .uniform-md,
    .betting-page .betting-team .uniform-img.uniform-md {
        width: 42px !important;
        height: 54px !important;
    }

    .betting-page .betting-team strong {
        max-width: 100% !important;
        font-size: clamp(0.94rem, 4.2vw, 1.12rem) !important;
        line-height: 1.05 !important;
        text-align: center !important;
        white-space: normal !important;
        word-break: keep-all !important;
        overflow-wrap: anywhere !important;
    }

    .betting-page .betting-team span:not(.uniform):not(.uniform-number) {
        font-size: 10.5px !important;
    }

    .betting-page .betting-vs-block {
        min-width: 0 !important;
        width: 46px !important;
        font-size: 12px !important;
    }

    .betting-page .betting-vs-block strong {
        font-size: 1rem !important;
        white-space: nowrap !important;
    }

    .betting-page .betting-market-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .betting-page .betting-market-card {
        width: 100% !important;
        min-width: 0 !important;
        padding: 13px !important;
        border-radius: 18px !important;
        overflow: hidden !important;
    }

    .betting-page .betting-market-title h3 {
        font-size: 1rem !important;
        line-height: 1.16 !important;
        white-space: normal !important;
        word-break: keep-all !important;
    }

    .betting-page .betting-market-title p {
        margin: 4px 0 10px !important;
        font-size: 12px !important;
        line-height: 1.3 !important;
        white-space: normal !important;
        overflow: visible !important;
        word-break: keep-all !important;
    }

    .betting-page .betting-selection-grid,
    .betting-page .betting-selection-grid.selection-count-3,
    .betting-page .betting-selection-grid.selection-count-2 {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .betting-page .betting-odd-button {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 52px !important;
        padding: 0 12px !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
        justify-content: stretch !important;
        gap: 12px !important;
        text-align: left !important;
        border-radius: 14px !important;
        overflow: hidden !important;
    }

    .betting-page .betting-odd-button .betting-odd-label,
    .betting-page .betting-odd-button span.betting-odd-label {
        width: auto !important;
        min-width: 0 !important;
        padding: 0 !important;
        text-align: left !important;
        white-space: normal !important;
        word-break: keep-all !important;
        overflow-wrap: anywhere !important;
        overflow: visible !important;
        font-size: 0.84rem !important;
        line-height: 1.15 !important;
    }

    .betting-page .betting-odd-button .betting-odd-price,
    .betting-page .betting-odd-button strong.betting-odd-price {
        width: auto !important;
        min-width: 70px !important;
        max-width: 96px !important;
        margin: 0 !important;
        justify-content: flex-end !important;
        text-align: right !important;
        white-space: nowrap !important;
    }

    .betting-page .betting-odd-button .betting-odd-x,
    .betting-page .betting-odd-x {
        font-size: 0.78rem !important;
    }

    .betting-page .betting-odd-button .betting-odd-value,
    .betting-page .betting-odd-value {
        font-size: 1.18rem !important;
    }

    .betting-page .betting-market-note {
        font-size: 12px !important;
        line-height: 1.3 !important;
    }

    .betting-page .betting-slip {
        position: static !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        max-height: none !important;
        margin-top: 14px !important;
        border-radius: 20px !important;
        overflow: hidden !important;
        transform: none !important;
    }

    .betting-page .betting-slip-head {
        padding: 15px 15px 10px !important;
    }

    .betting-page .betting-slip-head h2 {
        font-size: 1.18rem !important;
    }

    .betting-page .betting-slip-body {
        padding: 15px !important;
    }

    .betting-page .slip-placeholder,
    .betting-page .slip-login-copy {
        white-space: normal !important;
        font-size: 0.92rem !important;
        line-height: 1.45 !important;
        word-break: keep-all !important;
    }

    .betting-page .slip-selected {
        padding: 12px !important;
        border-radius: 16px !important;
    }

    .betting-page .slip-selected strong,
    .betting-page .slip-selected span,
    .betting-page .slip-selected em,
    .betting-page .slip-selected small {
        max-width: 100% !important;
        white-space: normal !important;
        word-break: keep-all !important;
        overflow-wrap: anywhere !important;
    }

    .betting-page .betting-slip input[type="number"] {
        min-height: 48px !important;
        font-size: 16px !important;
    }

    .betting-page .slip-money-row {
        align-items: flex-start !important;
        gap: 12px !important;
    }

    .betting-page .slip-money-row strong {
        min-width: 0 !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    .betting-page .betting-confirm-button {
        min-height: 48px !important;
        border-radius: 14px !important;
        font-size: 0.96rem !important;
    }

    .betting-history-card {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto 18px !important;
        padding: 14px !important;
        border-radius: 22px !important;
        overflow-x: hidden !important;
    }

    .betting-history-heading {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        margin-bottom: 16px !important;
    }

    .betting-history-heading h1 {
        font-size: clamp(1.8rem, 8vw, 2.25rem) !important;
        line-height: 1.04 !important;
    }

    .betting-history-card .betting-history-link {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 46px !important;
        border-radius: 14px !important;
    }

    .betting-history-table-wrap {
        overflow: visible !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .betting-history-table {
        min-width: 0 !important;
        width: 100% !important;
    }

    .betting-history-table thead {
        display: none !important;
    }

    .betting-history-table,
    .betting-history-table tbody,
    .betting-history-table tr,
    .betting-history-table td {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .betting-history-table tbody {
        display: grid !important;
        gap: 10px !important;
    }

    .betting-history-table tr.betting-history-row {
        padding: 14px !important;
        border-radius: 18px !important;
        border: 1px solid rgba(148, 163, 184, 0.13) !important;
        background:
            linear-gradient(180deg, rgba(255,255,255,0.044), rgba(255,255,255,0.014)),
            rgba(3, 13, 20, 0.48) !important;
        box-shadow: 0 12px 28px rgba(0,0,0,0.14), inset 0 1px 0 rgba(255,255,255,0.034) !important;
        overflow: hidden !important;
    }

    .betting-history-table tr.betting-history-row:hover {
        background:
            linear-gradient(180deg, rgba(255,255,255,0.050), rgba(255,255,255,0.018)),
            rgba(5, 18, 24, 0.54) !important;
        box-shadow: 0 12px 28px rgba(0,0,0,0.14), inset 0 1px 0 rgba(255,255,255,0.034) !important;
    }

    .betting-history-table td {
        display: grid !important;
        grid-template-columns: minmax(86px, 0.42fr) minmax(0, 1fr) !important;
        gap: 12px !important;
        align-items: start !important;
        padding: 7px 0 !important;
        border: 0 !important;
        text-align: right !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        font-size: 13px !important;
        line-height: 1.35 !important;
    }

    .betting-history-table td::before {
        content: attr(data-label) !important;
        color: rgba(148, 163, 184, 0.78) !important;
        font-weight: 850 !important;
        text-align: left !important;
        white-space: nowrap !important;
    }

    .betting-history-table td strong,
    .betting-history-table td small,
    .betting-history-table td span {
        max-width: 100% !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    .betting-history-table td[data-label="경기"] strong,
    .betting-history-table td[data-label="경기"] small {
        display: block !important;
        text-align: right !important;
    }

    .betting-history-table .bet-status-pill {
        justify-self: end !important;
        min-height: 28px !important;
        padding: 0 10px !important;
        font-size: 12px !important;
    }

    /* MYPICK MOBILE BETTING HISTORY SUMMARY CARDS CSS 2026-06-02 */

    .betting-page .betting-hero .eyebrow,
    .betting-history-heading .eyebrow {
        color: #31dce8 !important;
    }

    .betting-history-table-wrap {
        display: none !important;
    }

    .betting-history-mobile-list {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .betting-history-mobile-card {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 10px !important;
        width: 100% !important;
        min-width: 0 !important;
        padding: 15px !important;
        border-radius: 20px !important;
        border: 1px solid rgba(49, 220, 232, 0.14) !important;
        background:
            linear-gradient(180deg, rgba(49, 220, 232, 0.060), rgba(255, 255, 255, 0.012)),
            rgba(3, 13, 20, 0.52) !important;
        box-shadow: 0 14px 30px rgba(0, 0, 0, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.036) !important;
        overflow: hidden !important;
    }

    .betting-history-mobile-card[hidden] {
        display: none !important;
    }

    .betting-history-mobile-topline {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 10px !important;
        align-items: center !important;
        min-width: 0 !important;
    }

    .betting-history-mobile-date {
        min-width: 0 !important;
        color: rgba(226, 232, 240, 0.72) !important;
        font-size: 12.5px !important;
        font-weight: 850 !important;
        letter-spacing: -0.01em !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .betting-history-mobile-card .bet-status-pill {
        justify-self: end !important;
        min-height: 30px !important;
        padding: 0 11px !important;
        border-radius: 999px !important;
        font-size: 12px !important;
        font-weight: 950 !important;
        white-space: nowrap !important;
    }

    .betting-history-mobile-match {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: baseline !important;
        gap: 3px 8px !important;
        min-width: 0 !important;
        color: rgba(226, 232, 240, 0.76) !important;
        font-size: 12.5px !important;
        font-weight: 850 !important;
        line-height: 1.35 !important;
        word-break: keep-all !important;
        overflow-wrap: anywhere !important;
    }

    .betting-history-mobile-match strong {
        min-width: 0 !important;
        color: rgba(248, 250, 252, 0.96) !important;
        font-size: clamp(18px, 5vw, 22px) !important;
        font-weight: 1000 !important;
        letter-spacing: -0.035em !important;
        line-height: 1.08 !important;
        white-space: normal !important;
        word-break: keep-all !important;
        overflow-wrap: anywhere !important;
    }

    .betting-history-mobile-match span {
        min-width: 0 !important;
        color: rgba(148, 163, 184, 0.86) !important;
        font-size: 12px !important;
        font-weight: 850 !important;
        white-space: nowrap !important;
    }

    .betting-history-mobile-pick {
        min-width: 0 !important;
        padding: 11px 12px !important;
        border-radius: 15px !important;
        border: 1px solid rgba(49, 220, 232, 0.16) !important;
        background: rgba(49, 220, 232, 0.070) !important;
        color: rgba(248, 250, 252, 0.96) !important;
        font-size: clamp(15px, 4.4vw, 18px) !important;
        font-weight: 1000 !important;
        line-height: 1.25 !important;
        letter-spacing: -0.025em !important;
        word-break: keep-all !important;
        overflow-wrap: anywhere !important;
    }

    .betting-history-mobile-stats {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        min-width: 0 !important;
    }

    .betting-history-mobile-stat {
        min-width: 0 !important;
        min-height: 56px !important;
        padding: 10px 11px !important;
        border-radius: 15px !important;
        border: 1px solid rgba(148, 163, 184, 0.12) !important;
        background: rgba(2, 8, 14, 0.42) !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 5px !important;
        align-content: space-between !important;
        overflow: hidden !important;
    }

    .betting-history-mobile-stat span {
        min-width: 0 !important;
        color: rgba(148, 163, 184, 0.82) !important;
        font-size: 11px !important;
        font-weight: 900 !important;
        line-height: 1.1 !important;
        white-space: nowrap !important;
    }

    .betting-history-mobile-stat strong {
        justify-self: end !important;
        max-width: 100% !important;
        color: rgba(248, 250, 252, 0.96) !important;
        font-size: clamp(15px, 4.3vw, 18px) !important;
        font-weight: 1000 !important;
        line-height: 1.05 !important;
        text-align: right !important;
        letter-spacing: -0.035em !important;
        white-space: normal !important;
        word-break: keep-all !important;
        overflow-wrap: anywhere !important;
    }

    .betting-history-mobile-payout {
        grid-column: 1 / -1 !important;
        min-height: 50px !important;
        grid-template-columns: auto minmax(0, 1fr) !important;
        align-items: end !important;
        align-content: center !important;
        gap: 12px !important;
    }

    .betting-history-mobile-payout strong {
        align-self: end !important;
        font-size: clamp(17px, 5vw, 22px) !important;
    }

    .betting-history-mobile-payout.status-won strong,
    .betting-history-mobile-card.status-won .betting-history-mobile-pick {
        color: #7fffd6 !important;
    }

    .betting-history-mobile-payout.status-lost strong {
        color: #ff5f74 !important;
    }

    .betting-history-mobile-payout.status-pending strong,
    .betting-history-mobile-payout.status-void strong {
        color: rgba(226, 232, 240, 0.82) !important;
    }

    .betting-history-pager {
        display: grid !important;
        grid-template-columns: 48px minmax(0, 1fr) 48px !important;
        align-items: center !important;
        gap: 10px !important;
        margin-top: 14px !important;
    }

    .betting-history-page-numbers {
        display: none !important;
    }

    .betting-history-mobile-page-state {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 42px !important;
        border-radius: 14px !important;
        border: 1px solid rgba(148, 163, 184, 0.13) !important;
        background: rgba(3, 13, 20, 0.48) !important;
        color: rgba(226, 232, 240, 0.92) !important;
        font-size: 13px !important;
        font-weight: 900 !important;
    }

    .betting-history-page-arrow {
        min-width: 0 !important;
        width: 48px !important;
        height: 42px !important;
        border-radius: 14px !important;
    }

    .betting-history-summary {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        margin-top: 14px !important;
    }

    .betting-history-summary span {
        min-width: 0 !important;
        padding: 12px !important;
        border-radius: 16px !important;
        font-size: 11.5px !important;
    }

    .betting-history-summary strong {
        font-size: 1rem !important;
        line-height: 1.1 !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }
}

@media (max-width: 380px) {
    .betting-page .betting-date-tabs,
    .betting-history-summary {
        grid-template-columns: 1fr !important;
    }

    .betting-page .betting-matchup {
        grid-template-columns: minmax(0, 1fr) 38px minmax(0, 1fr) !important;
        gap: 6px !important;
        padding: 10px !important;
    }

    .betting-page .betting-vs-block {
        width: 38px !important;
        font-size: 11px !important;
    }

    .betting-page .betting-team .uniform-md,
    .betting-page .betting-team .uniform-img.uniform-md {
        width: 36px !important;
        height: 48px !important;
    }

    .betting-page .betting-team strong {
        font-size: 0.92rem !important;
    }

    .betting-history-table td {
        grid-template-columns: 78px minmax(0, 1fr) !important;
        gap: 8px !important;
    }
}

@media (min-width: 769px) {
    .betting-history-mobile-page-state {
        display: none !important;
    }
}
/* MYPICK MOBILE BETTING PHASE 7 APP CARDS 2026-05-31 END */

/* MYPICK MOBILE RANKINGS PHASE 8 CARDS 2026-05-31 START */
.mobile-ranking-player-list {
    display: none;
}

@media (max-width: 768px) {
    body:not(.is-home-page) .players-page-shell,
    body:not(.is-home-page) .ranking-page-shell,
    body:not(.is-home-page) .user-ranking-page-shell,
    body:not(.is-home-page) .user-rankings-v2-shell,
    body:not(.is-home-page) .user-rankings-v3-shell,
    body:not(.is-home-page) .user-rankings-v4-shell {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: hidden !important;
    }

    body:not(.is-home-page) .players-page-shell .hero-panel,
    body:not(.is-home-page) .ranking-page-shell .hero-panel,
    body:not(.is-home-page) .user-ranking-page-shell .hero-panel,
    body:not(.is-home-page) .players-page-shell .content-card,
    body:not(.is-home-page) .ranking-page-shell .content-card,
    body:not(.is-home-page) .user-ranking-page-shell .content-card {
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    body:not(.is-home-page) .players-page-shell .compact-hero-panel,
    body:not(.is-home-page) .ranking-page-shell .compact-hero-panel,
    body:not(.is-home-page) .user-ranking-page-shell .compact-hero-panel {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        padding: 18px 16px !important;
        border-radius: 24px !important;
    }

    body:not(.is-home-page) .players-page-shell .hero-metric,
    body:not(.is-home-page) .ranking-page-shell .hero-metric,
    body:not(.is-home-page) .user-ranking-page-shell .hero-metric {
        width: 100% !important;
        min-width: 0 !important;
        align-items: flex-start !important;
        text-align: left !important;
        padding: 12px 14px !important;
    }

    body:not(.is-home-page) .players-page-shell .compact-hero-panel h1,
    body:not(.is-home-page) .ranking-page-shell .compact-hero-panel h1,
    body:not(.is-home-page) .user-ranking-page-shell .compact-hero-panel h1 {
        font-size: clamp(25px, 8vw, 34px) !important;
        line-height: 1.02 !important;
        letter-spacing: -0.065em !important;
        overflow-wrap: anywhere !important;
    }

    body:not(.is-home-page) .players-page-shell .players-filter-card,
    body:not(.is-home-page) .ranking-filter-card,
    body:not(.is-home-page) .user-ranking-filter-card {
        padding: 14px !important;
        border-radius: 22px !important;
    }

    body:not(.is-home-page) .players-page-shell .players-filter-grid,
    body:not(.is-home-page) .players-page-shell .filter-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    body:not(.is-home-page) .players-page-shell .form-field,
    body:not(.is-home-page) .players-page-shell .form-field.wide,
    body:not(.is-home-page) .players-page-shell .form-actions,
    body:not(.is-home-page) .players-page-shell input,
    body:not(.is-home-page) .players-page-shell select,
    body:not(.is-home-page) .players-page-shell button,
    body:not(.is-home-page) .players-page-shell .button-link {
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    body:not(.is-home-page) .players-page-shell .form-actions {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
        align-items: stretch !important;
    }

    body:not(.is-home-page) .players-page-shell .form-actions button,
    body:not(.is-home-page) .players-page-shell .form-actions .button-link {
        min-height: 44px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 12px !important;
        border-radius: 15px !important;
        white-space: nowrap !important;
    }

    body:not(.is-home-page) .players-page-shell .players-result-grid,
    body:not(.is-home-page) .players-page-shell .player-grid,
    body:not(.is-home-page) .players-page-shell .player-results-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    body:not(.is-home-page) .players-page-shell .player-search-card {
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        padding: 14px !important;
        border-radius: 22px !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .players-page-shell .player-card-top {
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr) !important;
        gap: 12px !important;
        align-items: flex-start !important;
        min-width: 0 !important;
    }

    body:not(.is-home-page) .players-page-shell .player-card-main,
    body:not(.is-home-page) .players-page-shell .player-card-name-line,
    body:not(.is-home-page) .players-page-shell .chip-row {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    body:not(.is-home-page) .players-page-shell .player-card-name-line {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px 8px !important;
        align-items: center !important;
    }

    body:not(.is-home-page) .players-page-shell .player-name-large {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        overflow-wrap: anywhere !important;
        font-size: clamp(17px, 5vw, 21px) !important;
        line-height: 1.15 !important;
    }

    body:not(.is-home-page) .players-page-shell .chip-row {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
    }

    body:not(.is-home-page) .players-page-shell .mini-stat-grid,
    body:not(.is-home-page) .players-page-shell .player-search-stat-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 9px !important;
        margin-top: 13px !important;
    }

    body:not(.is-home-page) .players-page-shell .mini-stat-grid > div,
    body:not(.is-home-page) .players-page-shell .player-search-stat-grid > div {
        min-width: 0 !important;
        padding: 10px !important;
        border-radius: 15px !important;
    }

    body:not(.is-home-page) .players-page-shell .mini-stat-grid strong,
    body:not(.is-home-page) .players-page-shell .player-search-stat-grid strong {
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        line-height: 1.08 !important;
        font-size: clamp(13px, 4vw, 17px) !important;
    }

    body:not(.is-home-page) .ranking-page-shell .tab-nav,
    body:not(.is-home-page) .user-ranking-page-shell .tab-nav,
    body:not(.is-home-page) .user-rankings-v4-shell .tab-nav {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 7px !important;
        overflow: visible !important;
        padding: 0 !important;
    }

    body:not(.is-home-page) .ranking-page-shell .tab-nav a,
    body:not(.is-home-page) .user-ranking-page-shell .tab-nav a,
    body:not(.is-home-page) .user-rankings-v4-shell .tab-nav a {
        min-width: 0 !important;
        min-height: 42px !important;
        padding: 0 8px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        white-space: normal !important;
        line-height: 1.15 !important;
        border-radius: 15px !important;
        font-size: 12px !important;
    }

    body:not(.is-home-page) .ranking-page-shell .ranking-board-card,
    body:not(.is-home-page) .user-ranking-page-shell .ranking-board-card,
    body:not(.is-home-page) .user-rankings-v4-shell .ranking-board-card {
        padding: 14px !important;
        border-radius: 23px !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .ranking-page-shell .ranking-table-wrap {
        display: none !important;
    }

    body:not(.is-home-page) .mobile-ranking-player-list {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    body:not(.is-home-page) .mobile-ranking-player-card {
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        display: grid !important;
        gap: 11px !important;
        padding: 14px !important;
        border-radius: 22px !important;
        cursor: pointer;
        background:
            radial-gradient(circle at 9% 0%, rgba(8, 212, 223, 0.16), transparent 34%),
            linear-gradient(180deg, rgba(255, 255, 255, 0.074), rgba(255, 255, 255, 0.028));
        border: 1px solid rgba(255, 255, 255, 0.10);
        box-shadow: 0 18px 42px rgba(0, 0, 0, 0.20);
        overflow: hidden !important;
        -webkit-tap-highlight-color: transparent;
    }

    body:not(.is-home-page) .mobile-ranking-player-card.rank-1,
    body:not(.is-home-page) .mobile-ranking-player-card.rank-2,
    body:not(.is-home-page) .mobile-ranking-player-card.rank-3 {
        border-color: rgba(8, 212, 223, 0.20);
        box-shadow: 0 18px 44px rgba(8, 212, 223, 0.08), 0 18px 42px rgba(0, 0, 0, 0.20);
    }

    body:not(.is-home-page) .mobile-ranking-player-top {
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr) !important;
        gap: 10px !important;
        align-items: center !important;
        min-width: 0 !important;
    }

    body:not(.is-home-page) .mobile-ranking-rank-badge {
        min-width: 46px;
        min-height: 36px;
        padding: 0 10px;
        border-radius: 14px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: rgba(4, 17, 22, 0.96);
        background: linear-gradient(135deg, rgba(8, 212, 223, 0.96), rgba(120, 239, 255, 0.76));
        font-size: 13px;
        font-weight: 950;
        letter-spacing: -0.04em;
        box-shadow: 0 10px 24px rgba(8, 212, 223, 0.18);
    }

    body:not(.is-home-page) .mobile-ranking-player-identity {
        min-width: 0 !important;
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr) !important;
        gap: 10px !important;
        align-items: center !important;
    }

    body:not(.is-home-page) .mobile-ranking-player-copy,
    body:not(.is-home-page) .mobile-ranking-player-subline,
    body:not(.is-home-page) .mobile-ranking-chip-row {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    body:not(.is-home-page) .mobile-ranking-player-name {
        color: rgba(245, 253, 255, 0.98);
        text-decoration: none;
        font-size: 18px;
        line-height: 1.15;
        font-weight: 950;
        letter-spacing: -0.045em;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    body:not(.is-home-page) .mobile-ranking-player-subline {
        margin-top: 4px;
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
        align-items: center;
        color: rgba(210, 227, 232, 0.62);
        font-size: 11px;
        font-weight: 800;
    }

    body:not(.is-home-page) .mobile-ranking-chip-row {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
    }

    body:not(.is-home-page) .mobile-ranking-metrics {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    body:not(.is-home-page) .mobile-ranking-metrics > div {
        min-width: 0 !important;
        padding: 10px 8px !important;
        border-radius: 15px !important;
        background: rgba(255, 255, 255, 0.045);
        border: 1px solid rgba(255, 255, 255, 0.075);
    }

    body:not(.is-home-page) .mobile-ranking-metrics span {
        display: block;
        margin-bottom: 5px;
        color: rgba(203, 224, 229, 0.58);
        font-size: 10px;
        line-height: 1.1;
        font-weight: 900;
        letter-spacing: -0.02em;
    }

    body:not(.is-home-page) .mobile-ranking-metrics strong {
        display: block;
        min-width: 0;
        color: rgba(247, 253, 255, 0.96);
        font-size: clamp(12px, 3.8vw, 15px);
        line-height: 1.08;
        font-weight: 950;
        letter-spacing: -0.045em;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    body:not(.is-home-page) .user-ranking-control-form {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    body:not(.is-home-page) .user-ranking-control-form input,
    body:not(.is-home-page) .user-ranking-control-form select,
    body:not(.is-home-page) .user-ranking-control-form button,
    body:not(.is-home-page) .user-ranking-control-form .ranking-search-reset {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 44px !important;
        box-sizing: border-box !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 15px !important;
    }

    body:not(.is-home-page) .user-podium-v3 {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    body:not(.is-home-page) .user-podium-card {
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        padding: 14px !important;
        border-radius: 22px !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .podium-manager-block,
    body:not(.is-home-page) .manager-cell-v3 {
        min-width: 0 !important;
    }

    body:not(.is-home-page) .podium-manager-copy h3,
    body:not(.is-home-page) .manager-name-v3 strong {
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

    body:not(.is-home-page) .user-ranking-list-v3 {
        width: 100% !important;
        min-width: 0 !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    body:not(.is-home-page) .user-ranking-list-head-v3 {
        display: none !important;
    }

    body:not(.is-home-page) .user-rankings-v4-shell .user-ranking-row-v3,
    body:not(.is-home-page) .user-ranking-row-v3 {
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr) !important;
        grid-template-areas:
            "rank manager"
            "team team"
            "primary primary"
            "secondary secondary"
            "record record" !important;
        gap: 10px !important;
        padding: 14px !important;
        border-radius: 22px !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .user-ranking-row-v3 .rank-cell-v3 {
        grid-area: rank !important;
        align-self: center !important;
    }

    body:not(.is-home-page) .user-ranking-row-v3 .manager-cell-v3 {
        grid-area: manager !important;
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr) !important;
        gap: 10px !important;
        align-items: center !important;
    }

    body:not(.is-home-page) .user-ranking-row-v3 .favorite-team-cell-v3 {
        grid-area: team !important;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
        min-width: 0 !important;
    }

    body:not(.is-home-page) .user-ranking-row-v3 .ranking-primary-number,
    body:not(.is-home-page) .user-ranking-row-v3 .ranking-neutral-number,
    body:not(.is-home-page) .user-ranking-row-v3 .ranking-sub-info {
        min-width: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        padding: 10px 11px !important;
        border-radius: 15px !important;
        background: rgba(255, 255, 255, 0.045);
        border: 1px solid rgba(255, 255, 255, 0.07);
        text-align: right !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        font-size: clamp(13px, 4vw, 16px) !important;
        line-height: 1.1 !important;
        letter-spacing: -0.04em !important;
    }

    body:not(.is-home-page) .user-ranking-row-v3 .ranking-primary-number {
        grid-area: primary !important;
    }

    body:not(.is-home-page) .user-ranking-row-v3 .ranking-neutral-number {
        grid-area: secondary !important;
    }

    body:not(.is-home-page) .user-ranking-row-v3 .ranking-sub-info {
        grid-area: record !important;
        color: rgba(225, 238, 242, 0.76) !important;
    }

    body:not(.is-home-page) .user-ranking-row-v3 .ranking-primary-number::before,
    body:not(.is-home-page) .user-ranking-row-v3 .ranking-neutral-number::before,
    body:not(.is-home-page) .user-ranking-row-v3 .ranking-sub-info::before {
        content: attr(data-mobile-label);
        flex: 0 0 auto;
        color: rgba(203, 224, 229, 0.58);
        font-size: 11px;
        line-height: 1.1;
        font-weight: 900;
        letter-spacing: -0.02em;
        text-align: left;
    }

    body:not(.is-home-page) .pagination-nav,
    body:not(.is-home-page) .players-page-shell .pagination-nav,
    body:not(.is-home-page) .ranking-pagination {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 7px !important;
        overflow: hidden !important;
        padding: 4px 0 0 !important;
    }

    body:not(.is-home-page) .pagination-nav a,
    body:not(.is-home-page) .pagination-nav span,
    body:not(.is-home-page) .ranking-pagination a,
    body:not(.is-home-page) .ranking-pagination span {
        min-width: 34px !important;
        height: 34px !important;
        padding: 0 9px !important;
        border-radius: 12px !important;
        font-size: 12px !important;
        flex: 0 0 auto !important;
    }
}

@media (max-width: 380px) {
    body:not(.is-home-page) .players-page-shell .mini-stat-grid,
    body:not(.is-home-page) .players-page-shell .player-search-stat-grid,
    body:not(.is-home-page) .mobile-ranking-metrics {
        grid-template-columns: 1fr !important;
    }

    body:not(.is-home-page) .players-page-shell .form-actions {
        grid-template-columns: 1fr !important;
    }

    body:not(.is-home-page) .ranking-page-shell .tab-nav,
    body:not(.is-home-page) .user-ranking-page-shell .tab-nav,
    body:not(.is-home-page) .user-rankings-v4-shell .tab-nav {
        grid-template-columns: 1fr !important;
    }
}
/* MYPICK MOBILE RANKINGS PHASE 8 CARDS 2026-05-31 END */


/* MYPICK MOBILE CENTER PHASE 9 COMPACT HOME 2026-05-31 START */
/* Scope: mobile /center only. Desktop /center and all backend/data logic are untouched. */
@media (max-width: 768px) {
    body:not(.is-home-page) .home-center-shell .home-standings-card-top {
        padding: 16px 12px 14px !important;
    }

    body:not(.is-home-page) .home-standings-mobile-list.is-compact {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 4px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    body:not(.is-home-page) .home-standing-mobile-head,
    body:not(.is-home-page) .home-standings-mobile-list.is-compact .home-standing-mobile-card {
        display: grid !important;
        grid-template-columns: 30px minmax(58px, 1fr) 64px 45px 42px !important;
        align-items: center !important;
        gap: 6px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    body:not(.is-home-page) .home-standing-mobile-head {
        padding: 0 9px 5px !important;
        color: rgba(148, 163, 184, 0.78) !important;
        font-size: 10px !important;
        line-height: 1 !important;
        font-weight: 900 !important;
        letter-spacing: -0.02em !important;
    }

    body:not(.is-home-page) .home-standings-mobile-list.is-compact .home-standing-mobile-card {
        min-height: 37px !important;
        padding: 6px 9px !important;
        border-radius: 14px !important;
        border: 1px solid rgba(148, 163, 184, 0.105) !important;
        background: rgba(2, 12, 17, 0.50) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.025) !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .home-standings-mobile-list.is-compact .home-standing-mobile-card.is-leader {
        border-color: rgba(8, 212, 223, 0.24) !important;
        background:
            linear-gradient(90deg, rgba(8, 212, 223, 0.10), transparent 48%),
            rgba(2, 12, 17, 0.56) !important;
    }

    body:not(.is-home-page) .home-standings-mobile-list.is-compact .home-standing-mobile-rank {
        width: 24px !important;
        height: 24px !important;
        border-radius: 9px !important;
        font-size: 11.5px !important;
        font-weight: 950 !important;
        background: rgba(255,255,255,0.062) !important;
        color: rgba(241,245,249,0.96) !important;
        border: 1px solid rgba(255,255,255,0.075) !important;
    }

    body:not(.is-home-page) .home-standings-mobile-list.is-compact .home-standing-mobile-club {
        display: inline-flex !important;
        align-items: center !important;
        gap: 5px !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .home-standings-mobile-list.is-compact .home-standing-mobile-club .uniform-xs {
        width: 20px !important;
        height: 25px !important;
        min-width: 20px !important;
        flex: 0 0 20px !important;
    }

    body:not(.is-home-page) .home-standings-mobile-list.is-compact .home-standing-mobile-club strong {
        min-width: 0 !important;
        color: rgba(248,250,252,0.97) !important;
        font-size: 13px !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        letter-spacing: -0.045em !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: clip !important;
    }

    body:not(.is-home-page) .home-standing-mobile-record,
    body:not(.is-home-page) .home-standing-mobile-gb,
    body:not(.is-home-page) .home-standings-mobile-list.is-compact .home-standing-mobile-pct {
        min-width: 0 !important;
        justify-self: end !important;
        color: rgba(226,232,240,0.94) !important;
        font-size: 11.3px !important;
        line-height: 1 !important;
        font-weight: 900 !important;
        letter-spacing: -0.035em !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: clip !important;
        text-align: right !important;
    }

    body:not(.is-home-page) .home-standings-mobile-list.is-compact .home-standing-mobile-pct {
        padding: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: rgba(8, 212, 223, 0.95) !important;
    }

    body:not(.is-home-page) .home-standing-mobile-gb {
        color: rgba(148,163,184,0.92) !important;
    }

    /* Price rise/drop: keep the change badge in the right-side empty space instead of below the player. */
    body:not(.is-home-page) .home-market-slide-card {
        gap: 12px !important;
    }

    body:not(.is-home-page) .home-market-identity {
        grid-template-columns: 58px minmax(0, 1fr) minmax(96px, 112px) !important;
        gap: 10px !important;
        align-items: center !important;
    }

    body:not(.is-home-page) .home-market-change-row {
        grid-column: auto !important;
        align-self: center !important;
        justify-self: end !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: center !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 112px !important;
        min-height: 74px !important;
        margin: 0 !important;
        padding: 9px 9px !important;
        border-radius: 18px !important;
        background: rgba(2, 8, 14, 0.48) !important;
        border: 1px solid rgba(148, 163, 184, 0.13) !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .home-market-change-row em {
        display: block !important;
        width: 100% !important;
        color: var(--home-market-tone) !important;
        font-size: clamp(27px, 7.4vw, 36px) !important;
        line-height: 0.95 !important;
        font-weight: 950 !important;
        letter-spacing: -0.075em !important;
        text-align: right !important;
        white-space: nowrap !important;
    }

    body:not(.is-home-page) .home-market-change-row .home-market-flow {
        width: 100% !important;
        max-width: 100% !important;
        justify-content: flex-end !important;
        gap: 5px !important;
        margin-top: 8px !important;
        padding: 5px 7px !important;
        border-radius: 999px !important;
        font-size: 10.5px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .home-market-player-tags {
        max-width: 100% !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .home-market-player-tags span {
        min-height: 21px !important;
        padding: 4px 7px !important;
        font-size: 10.4px !important;
    }

    body:not(.is-home-page) .home-market-chart-wrap {
        min-height: 138px !important;
        height: 138px !important;
        padding: 31px 13px 12px 26px !important;
    }

    body:not(.is-home-page) .home-market-slide-card .home-sparkline {
        height: 92px !important;
    }

    /* Best team: no mobile-only top-player card; use two independent player cards per row. */
    body:not(.is-home-page) .home-mobile-impact-player {
        display: none !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-list {
        gap: 14px !important;
        margin-top: 14px !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-rows {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-row,
    body:not(.is-home-page) .home-mobile-lineup-row.is-empty {
        display: grid !important;
        grid-template-columns: 32px minmax(0, 1fr) !important;
        grid-template-areas:
            "code copy"
            "metric metric" !important;
        align-items: start !important;
        gap: 8px !important;
        min-height: 98px !important;
        padding: 10px 9px !important;
        border-radius: 17px !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-code {
        grid-area: code !important;
        width: 30px !important;
        min-width: 30px !important;
        height: 29px !important;
        border-radius: 12px !important;
        font-size: 10.5px !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-code i {
        width: 12px !important;
        height: 12px !important;
        font-size: 8px !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-uniform {
        display: none !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-copy {
        grid-area: copy !important;
        min-width: 0 !important;
        overflow: visible !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-copy strong {
        display: block !important;
        color: rgba(248,250,252,0.98) !important;
        font-size: clamp(13.4px, 4.05vw, 15.4px) !important;
        line-height: 1.12 !important;
        font-weight: 950 !important;
        letter-spacing: -0.05em !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: keep-all !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-copy small {
        display: block !important;
        margin-top: 4px !important;
        color: rgba(148,163,184,0.92) !important;
        font-size: 10.2px !important;
        line-height: 1.2 !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-badges {
        margin-top: 5px !important;
        gap: 4px !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-badges b {
        padding: 3px 5px !important;
        font-size: 9px !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-metric {
        grid-area: metric !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 6px !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin-top: 2px !important;
        padding-top: 8px !important;
        border-top: 1px solid rgba(148,163,184,0.10) !important;
        text-align: left !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-metric strong,
    body:not(.is-home-page) .home-mobile-lineup-metric small {
        min-width: 0 !important;
        max-width: 100% !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        text-align: left !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-metric strong {
        font-size: clamp(12.4px, 3.7vw, 15.2px) !important;
        line-height: 1.05 !important;
        font-weight: 950 !important;
        letter-spacing: -0.045em !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-metric small {
        justify-self: end !important;
        color: rgba(148,163,184,0.95) !important;
        font-size: 9.8px !important;
        line-height: 1.15 !important;
        font-weight: 850 !important;
        text-align: right !important;
    }
}

@media (max-width: 390px) {
    body:not(.is-home-page) .home-standing-mobile-head,
    body:not(.is-home-page) .home-standings-mobile-list.is-compact .home-standing-mobile-card {
        grid-template-columns: 27px minmax(50px, 1fr) 57px 39px 34px !important;
        gap: 5px !important;
    }

    body:not(.is-home-page) .home-standing-mobile-head {
        padding-left: 7px !important;
        padding-right: 7px !important;
        font-size: 9.4px !important;
    }

    body:not(.is-home-page) .home-standings-mobile-list.is-compact .home-standing-mobile-card {
        min-height: 34px !important;
        padding: 5px 7px !important;
        border-radius: 13px !important;
    }

    body:not(.is-home-page) .home-standings-mobile-list.is-compact .home-standing-mobile-rank {
        width: 22px !important;
        height: 22px !important;
        font-size: 10.5px !important;
    }

    body:not(.is-home-page) .home-standings-mobile-list.is-compact .home-standing-mobile-club .uniform-xs {
        width: 17px !important;
        height: 22px !important;
        min-width: 17px !important;
        flex-basis: 17px !important;
    }

    body:not(.is-home-page) .home-standings-mobile-list.is-compact .home-standing-mobile-club strong,
    body:not(.is-home-page) .home-standing-mobile-record,
    body:not(.is-home-page) .home-standing-mobile-gb,
    body:not(.is-home-page) .home-standings-mobile-list.is-compact .home-standing-mobile-pct {
        font-size: 10.5px !important;
    }

    body:not(.is-home-page) .home-market-identity {
        grid-template-columns: 52px minmax(0, 1fr) 88px !important;
        gap: 8px !important;
    }

    body:not(.is-home-page) .home-market-uniform-wrap,
    body:not(.is-home-page) .home-market-uniform-wrap .uniform-sm,
    body:not(.is-home-page) .home-market-identity .uniform-sm {
        width: 49px !important;
        height: 60px !important;
        flex-basis: 49px !important;
    }

    body:not(.is-home-page) .home-market-player-copy strong {
        font-size: clamp(20px, 7vw, 27px) !important;
    }

    body:not(.is-home-page) .home-market-change-row {
        max-width: 88px !important;
        min-height: 69px !important;
        padding: 8px 7px !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }

    body:not(.is-home-page) .home-market-change-row em {
        font-size: clamp(23px, 7vw, 30px) !important;
        text-align: right !important;
    }

    body:not(.is-home-page) .home-market-change-row .home-market-flow {
        max-width: 100% !important;
        justify-content: flex-end !important;
        margin-top: 7px !important;
        padding: 4px 5px !important;
        font-size: 9.3px !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-rows {
        gap: 7px !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-row,
    body:not(.is-home-page) .home-mobile-lineup-row.is-empty {
        grid-template-columns: 29px minmax(0, 1fr) !important;
        min-height: 100px !important;
        padding: 9px 8px !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-code {
        width: 27px !important;
        min-width: 27px !important;
        height: 27px !important;
        font-size: 9.8px !important;
    }
}
/* MYPICK MOBILE CENTER PHASE 9 COMPACT HOME 2026-05-31 END */

/* MYPICK MOBILE CENTER PHASE 10 POLISH 2026-05-31 START */
/* Scope: mobile /center only. Desktop /center and backend/data logic are untouched. */
@media (max-width: 768px) {
    /* Center page vertical rhythm: pull the first hero closer to the mobile header and remove dead space near the bottom nav. */
    body:not(.is-home-page) .page-wrap:has(> .home-center-shell) {
        padding-top: 4px !important;
        padding-bottom: calc(68px + env(safe-area-inset-bottom)) !important;
    }

    body:not(.is-home-page) .home-center-shell {
        margin-top: -8px !important;
        padding-bottom: 0 !important;
    }

    body:not(.is-home-page) .home-center-shell .hero-panel {
        margin-top: 0 !important;
        margin-bottom: 12px !important;
        padding-top: 23px !important;
        padding-bottom: 23px !important;
    }

    body:not(.is-home-page) .home-center-shell > *:last-child,
    body:not(.is-home-page) .home-center-shell .home-bottom-board:last-child,
    body:not(.is-home-page) .home-center-shell .home-best-showcase-card:last-child {
        margin-bottom: 0 !important;
    }

    /* KBO standings: make header and rows use exactly the same centered five-column grid. */
    body:not(.is-home-page) .home-center-shell .home-standings-card-top {
        padding: 16px 12px 13px !important;
    }

    body:not(.is-home-page) .home-standing-mobile-head,
    body:not(.is-home-page) .home-standings-mobile-list.is-compact .home-standing-mobile-card {
        grid-template-columns: 42px minmax(86px, 1fr) 74px 58px 54px !important;
        gap: 0 !important;
        column-gap: 0 !important;
        align-items: center !important;
    }

    body:not(.is-home-page) .home-standing-mobile-head {
        padding: 0 8px 7px !important;
    }

    body:not(.is-home-page) .home-standing-mobile-head span {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-width: 0 !important;
        text-align: center !important;
        white-space: nowrap !important;
    }

    body:not(.is-home-page) .home-standings-mobile-list.is-compact {
        gap: 5px !important;
    }

    body:not(.is-home-page) .home-standings-mobile-list.is-compact .home-standing-mobile-card {
        min-height: 41px !important;
        padding: 6px 8px !important;
        border-radius: 15px !important;
    }

    body:not(.is-home-page) .home-standings-mobile-list.is-compact .home-standing-mobile-rank {
        justify-self: center !important;
        margin: 0 auto !important;
    }

    body:not(.is-home-page) .home-standings-mobile-list.is-compact .home-standing-mobile-club {
        justify-self: center !important;
        justify-content: center !important;
        width: 100% !important;
        padding: 0 4px !important;
        box-sizing: border-box !important;
    }

    body:not(.is-home-page) .home-standing-mobile-record,
    body:not(.is-home-page) .home-standing-mobile-gb,
    body:not(.is-home-page) .home-standings-mobile-list.is-compact .home-standing-mobile-pct {
        justify-self: center !important;
        width: 100% !important;
        text-align: center !important;
        font-size: 12px !important;
        line-height: 1 !important;
    }

    body:not(.is-home-page) .home-standings-mobile-list.is-compact .home-standing-mobile-pct {
        font-size: 12.5px !important;
        letter-spacing: -0.025em !important;
    }

    /* Price rise/drop: move the change card inward, make it readable, and center the change values inside the box. */
    body:not(.is-home-page) .home-market-identity {
        grid-template-columns: 62px minmax(0, 1fr) minmax(116px, 128px) !important;
        gap: 12px !important;
        align-items: center !important;
    }

    body:not(.is-home-page) .home-market-change-row {
        justify-self: center !important;
        width: 122px !important;
        max-width: 122px !important;
        min-height: 84px !important;
        padding: 10px 10px !important;
        align-items: center !important;
        text-align: center !important;
    }

    body:not(.is-home-page) .home-market-change-row em {
        text-align: center !important;
        font-size: clamp(31px, 8.2vw, 40px) !important;
        letter-spacing: -0.065em !important;
    }

    body:not(.is-home-page) .home-market-change-row .home-market-flow {
        justify-content: center !important;
        margin-top: 8px !important;
        padding: 5px 9px !important;
        font-size: 11px !important;
        text-align: center !important;
    }

    body:not(.is-home-page) .home-market-chart-wrap {
        margin-top: 2px !important;
        min-height: 132px !important;
        height: 132px !important;
        padding-top: 29px !important;
    }

    /* Best-team list: keep the two-column compact cards but restore small uniform icons. */
    body:not(.is-home-page) .home-mobile-lineup-row,
    body:not(.is-home-page) .home-mobile-lineup-row.is-empty {
        grid-template-columns: 30px 25px minmax(0, 1fr) !important;
        grid-template-areas:
            "code uniform copy"
            "metric metric metric" !important;
        column-gap: 6px !important;
        row-gap: 8px !important;
        min-height: 108px !important;
        padding: 10px 9px !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-uniform {
        grid-area: uniform !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 25px !important;
        min-width: 25px !important;
        height: 31px !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-uniform .uniform-xs,
    body:not(.is-home-page) .home-mobile-lineup-uniform .uniform-sm,
    body:not(.is-home-page) .home-mobile-lineup-uniform img {
        width: 23px !important;
        height: 29px !important;
        min-width: 23px !important;
        max-width: 23px !important;
        object-fit: contain !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-copy strong {
        font-size: clamp(13px, 3.9vw, 15px) !important;
        line-height: 1.13 !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-copy small {
        font-size: 10px !important;
        line-height: 1.18 !important;
        margin-top: 3px !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-metric {
        margin-top: 1px !important;
        padding-top: 7px !important;
    }
}

@media (max-width: 390px) {
    body:not(.is-home-page) .home-standing-mobile-head,
    body:not(.is-home-page) .home-standings-mobile-list.is-compact .home-standing-mobile-card {
        grid-template-columns: 34px minmax(74px, 1fr) 62px 48px 40px !important;
        gap: 0 !important;
        column-gap: 0 !important;
    }

    body:not(.is-home-page) .home-standing-mobile-record,
    body:not(.is-home-page) .home-standing-mobile-gb,
    body:not(.is-home-page) .home-standings-mobile-list.is-compact .home-standing-mobile-pct {
        font-size: 10.8px !important;
    }

    body:not(.is-home-page) .home-standings-mobile-list.is-compact .home-standing-mobile-pct {
        font-size: 11.2px !important;
    }

    body:not(.is-home-page) .home-market-identity {
        grid-template-columns: 54px minmax(0, 1fr) 108px !important;
        gap: 10px !important;
    }

    body:not(.is-home-page) .home-market-change-row {
        width: 106px !important;
        max-width: 106px !important;
        min-height: 78px !important;
        padding: 9px 8px !important;
    }

    body:not(.is-home-page) .home-market-change-row em {
        font-size: clamp(27px, 7.6vw, 34px) !important;
        text-align: center !important;
    }

    body:not(.is-home-page) .home-market-change-row .home-market-flow {
        justify-content: center !important;
        padding: 4px 7px !important;
        font-size: 9.6px !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-row,
    body:not(.is-home-page) .home-mobile-lineup-row.is-empty {
        grid-template-columns: 28px 22px minmax(0, 1fr) !important;
        column-gap: 5px !important;
        min-height: 110px !important;
        padding: 9px 8px !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-uniform {
        width: 22px !important;
        min-width: 22px !important;
        height: 29px !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-uniform .uniform-xs,
    body:not(.is-home-page) .home-mobile-lineup-uniform .uniform-sm,
    body:not(.is-home-page) .home-mobile-lineup-uniform img {
        width: 20px !important;
        height: 26px !important;
        min-width: 20px !important;
        max-width: 20px !important;
    }
}
/* MYPICK MOBILE CENTER PHASE 10 POLISH 2026-05-31 END */

/* MYPICK MOBILE CENTER PHASE 11 BESTTEAM POLISH + CENTER RETURN 2026-05-31 START */
/* Scope: mobile /center best-team card polish only. Desktop /center and backend/data logic are untouched. */
.home-team-mobile-score {
    display: none;
}

@media (max-width: 768px) {
    /* Best-team user card: use the right side for the score and remove the separate large score block on mobile. */
    body:not(.is-home-page) .home-best-slide-head {
        gap: 10px !important;
        padding-bottom: 12px !important;
    }

    body:not(.is-home-page) .home-best-slide-head > .home-team-score {
        display: none !important;
    }

    body:not(.is-home-page) .home-team-title-link {
        grid-template-columns: 58px minmax(0, 1fr) auto !important;
        gap: 11px !important;
        padding: 10px 12px !important;
        min-height: 78px !important;
        border-radius: 18px !important;
    }

    body:not(.is-home-page) .home-team-title-link .home-team-uniform,
    body:not(.is-home-page) .home-team-title-link .uniform-sm,
    body:not(.is-home-page) .home-team-title-link .home-empty-avatar {
        width: 52px !important;
        min-width: 52px !important;
        height: 60px !important;
    }

    body:not(.is-home-page) .home-team-title-copy {
        min-width: 0 !important;
        display: block !important;
    }

    body:not(.is-home-page) .home-team-title-link strong {
        font-size: clamp(18px, 5.2vw, 24px) !important;
        line-height: 1.05 !important;
    }

    body:not(.is-home-page) .home-team-title-link small {
        margin-top: 3px !important;
        font-size: 12.2px !important;
        line-height: 1.15 !important;
    }

    body:not(.is-home-page) .home-team-mobile-score {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        justify-self: end !important;
        max-width: 148px !important;
        min-width: 98px !important;
        padding-left: 8px !important;
        color: var(--primary) !important;
        font-size: clamp(22px, 6.2vw, 31px) !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        letter-spacing: -0.07em !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

    body:not(.is-home-page) .home-team-meta-line {
        margin-top: 2px !important;
        gap: 6px !important;
    }

    body:not(.is-home-page) .home-team-meta-line span {
        padding: 5px 8px !important;
        font-size: 11.2px !important;
    }

    /* Best-team two-column player cards: bigger uniform/name, shorter dead space under score/price. */
    body:not(.is-home-page) .home-mobile-lineup-list {
        margin-top: 11px !important;
        gap: 10px !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-section {
        padding: 10px !important;
        border-radius: 20px !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-section-head {
        margin-bottom: 8px !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-rows {
        gap: 9px !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-row,
    body:not(.is-home-page) .home-mobile-lineup-row.is-empty {
        grid-template-columns: 31px 31px minmax(0, 1fr) !important;
        grid-template-areas:
            "code uniform copy"
            "metric metric metric" !important;
        column-gap: 7px !important;
        row-gap: 5px !important;
        min-height: 96px !important;
        padding: 9px 9px 8px !important;
        border-radius: 17px !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-code {
        width: 31px !important;
        min-width: 31px !important;
        height: 31px !important;
        font-size: 10.8px !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-uniform {
        width: 31px !important;
        min-width: 31px !important;
        height: 38px !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-uniform .uniform-xs,
    body:not(.is-home-page) .home-mobile-lineup-uniform .uniform-sm,
    body:not(.is-home-page) .home-mobile-lineup-uniform img {
        width: 29px !important;
        min-width: 29px !important;
        max-width: 29px !important;
        height: 36px !important;
        object-fit: contain !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-copy strong {
        font-size: clamp(15px, 4.45vw, 18px) !important;
        line-height: 1.08 !important;
        letter-spacing: -0.045em !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-copy small {
        margin-top: 3px !important;
        font-size: 11.2px !important;
        line-height: 1.14 !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-badges {
        margin-top: 3px !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-badges b {
        font-size: 8.8px !important;
        padding: 2px 5px !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-metric {
        margin-top: 0 !important;
        padding-top: 5px !important;
        min-height: 26px !important;
        align-items: center !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-metric strong {
        font-size: clamp(14px, 4.1vw, 17px) !important;
        line-height: 1 !important;
        letter-spacing: -0.045em !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-metric small {
        font-size: 10.4px !important;
        line-height: 1 !important;
    }
}

@media (max-width: 390px) {
    body:not(.is-home-page) .home-team-title-link {
        grid-template-columns: 50px minmax(0, 1fr) auto !important;
        gap: 8px !important;
        padding: 9px 10px !important;
        min-height: 72px !important;
    }

    body:not(.is-home-page) .home-team-title-link .home-team-uniform,
    body:not(.is-home-page) .home-team-title-link .uniform-sm,
    body:not(.is-home-page) .home-team-title-link .home-empty-avatar {
        width: 46px !important;
        min-width: 46px !important;
        height: 54px !important;
    }

    body:not(.is-home-page) .home-team-mobile-score {
        max-width: 124px !important;
        min-width: 84px !important;
        font-size: clamp(19px, 5.8vw, 25px) !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-row,
    body:not(.is-home-page) .home-mobile-lineup-row.is-empty {
        grid-template-columns: 29px 27px minmax(0, 1fr) !important;
        column-gap: 5px !important;
        min-height: 98px !important;
        padding: 8px 7px !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-code {
        width: 29px !important;
        min-width: 29px !important;
        height: 29px !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-uniform {
        width: 27px !important;
        min-width: 27px !important;
        height: 34px !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-uniform .uniform-xs,
    body:not(.is-home-page) .home-mobile-lineup-uniform .uniform-sm,
    body:not(.is-home-page) .home-mobile-lineup-uniform img {
        width: 25px !important;
        min-width: 25px !important;
        max-width: 25px !important;
        height: 32px !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-copy strong {
        font-size: clamp(14px, 4.25vw, 16px) !important;
    }

    body:not(.is-home-page) .home-mobile-lineup-copy small {
        font-size: 10.4px !important;
    }
}
/* MYPICK MOBILE CENTER PHASE 11 BESTTEAM POLISH + CENTER RETURN 2026-05-31 END */

/* MYPICK MOBILE CENTER PHASE 12 FINAL SPACING + POPULAR ALIGN 2026-05-31 START */
/* Scope: mobile /center only. Desktop /center, backend logic, DB, and other pages are untouched. */
@media (max-width: 768px) {
    /* Pull the first center hero upward and make the hero card slightly smaller without changing desktop. */
    body:not(.is-home-page) .page-wrap:has(> .home-center-shell) {
        padding-top: 0 !important;
        padding-bottom: calc(58px + env(safe-area-inset-bottom)) !important;
    }

    body:not(.is-home-page) .home-center-shell {
        margin-top: -16px !important;
        gap: 10px !important;
        padding-bottom: 0 !important;
    }

    body:not(.is-home-page) .home-center-shell.players-page-shell > .home-player-search-hero.players-hero-panel.hero-panel.compact-hero-panel,
    body:not(.is-home-page) .home-center-shell .home-center-hero.hero-panel.compact-hero-panel,
    body:not(.is-home-page) .home-center-shell .hero-panel.compact-hero-panel.home-player-search-hero {
        min-height: 128px !important;
        padding: 17px 18px !important;
        margin-top: 0 !important;
        margin-bottom: 10px !important;
        border-radius: 26px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    body:not(.is-home-page) .home-center-shell.players-page-shell > .home-player-search-hero.players-hero-panel.hero-panel.compact-hero-panel .eyebrow,
    body:not(.is-home-page) .home-center-shell .home-center-hero.hero-panel.compact-hero-panel .eyebrow,
    body:not(.is-home-page) .home-center-shell .hero-panel.compact-hero-panel.home-player-search-hero .eyebrow {
        font-size: 10.5px !important;
        letter-spacing: 0.22em !important;
        margin-bottom: 8px !important;
    }

    body:not(.is-home-page) .home-center-shell.players-page-shell > .home-player-search-hero.players-hero-panel.hero-panel.compact-hero-panel h1,
    body:not(.is-home-page) .home-center-shell .home-center-hero.hero-panel.compact-hero-panel h1,
    body:not(.is-home-page) .home-center-shell .hero-panel.compact-hero-panel.home-player-search-hero h1 {
        font-size: clamp(31px, 8.3vw, 42px) !important;
        line-height: 1.02 !important;
        letter-spacing: -0.065em !important;
    }

    /* Best-team user card: push the money to the right edge while keeping the user name readable. */
    body:not(.is-home-page) .home-team-title-link {
        grid-template-columns: 58px minmax(0, 1fr) minmax(122px, max-content) !important;
        gap: 12px !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 10px 14px !important;
        box-sizing: border-box !important;
    }

    body:not(.is-home-page) .home-team-title-copy {
        min-width: 0 !important;
        padding-right: 8px !important;
    }

    body:not(.is-home-page) .home-team-mobile-score {
        justify-self: end !important;
        align-self: center !important;
        min-width: max-content !important;
        max-width: none !important;
        width: auto !important;
        padding-left: 14px !important;
        text-align: right !important;
        justify-content: flex-end !important;
        font-size: clamp(20px, 5.8vw, 29px) !important;
        letter-spacing: -0.07em !important;
        white-space: nowrap !important;
    }

    /* Popular picks: place the roster-rate pill on the right side instead of under the player info. */
    body:not(.is-home-page) .home-popular-board-card .home-popular-list {
        gap: 9px !important;
    }

    body:not(.is-home-page) .home-popular-board-card .home-popular-row {
        display: grid !important;
        grid-template-columns: 40px 54px minmax(0, 1fr) minmax(72px, max-content) !important;
        grid-template-areas: "rank uniform copy rate" !important;
        align-items: center !important;
        column-gap: 10px !important;
        row-gap: 0 !important;
        min-height: 82px !important;
        padding: 11px 13px !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .home-popular-board-card .home-popular-rank {
        grid-area: rank !important;
        justify-self: center !important;
        align-self: center !important;
        margin: 0 !important;
    }

    body:not(.is-home-page) .home-popular-board-card .home-popular-row .uniform-xs,
    body:not(.is-home-page) .home-popular-board-card .home-popular-row img.uniform-xs {
        grid-area: uniform !important;
        justify-self: center !important;
        align-self: center !important;
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        height: 54px !important;
        object-fit: contain !important;
    }

    body:not(.is-home-page) .home-popular-board-card .home-popular-copy {
        grid-area: copy !important;
        min-width: 0 !important;
        align-self: center !important;
    }

    body:not(.is-home-page) .home-popular-board-card .home-popular-copy strong {
        font-size: clamp(16px, 4.9vw, 21px) !important;
        line-height: 1.05 !important;
        letter-spacing: -0.045em !important;
    }

    body:not(.is-home-page) .home-popular-board-card .home-popular-copy small {
        font-size: 11.2px !important;
        line-height: 1.14 !important;
        margin-top: 2px !important;
    }

    body:not(.is-home-page) .home-popular-board-card .home-popular-row em {
        grid-area: rate !important;
        justify-self: end !important;
        align-self: center !important;
        width: auto !important;
        min-width: 72px !important;
        max-width: 86px !important;
        margin: 0 !important;
        padding: 8px 10px !important;
        text-align: center !important;
        font-size: clamp(14px, 4.0vw, 17px) !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }
}

@media (max-width: 390px) {
    body:not(.is-home-page) .page-wrap:has(> .home-center-shell) {
        padding-top: 0 !important;
        padding-bottom: calc(54px + env(safe-area-inset-bottom)) !important;
    }

    body:not(.is-home-page) .home-center-shell {
        margin-top: -18px !important;
    }

    body:not(.is-home-page) .home-center-shell.players-page-shell > .home-player-search-hero.players-hero-panel.hero-panel.compact-hero-panel,
    body:not(.is-home-page) .home-center-shell .home-center-hero.hero-panel.compact-hero-panel,
    body:not(.is-home-page) .home-center-shell .hero-panel.compact-hero-panel.home-player-search-hero {
        min-height: 118px !important;
        padding: 15px 15px !important;
        border-radius: 24px !important;
    }

    body:not(.is-home-page) .home-center-shell.players-page-shell > .home-player-search-hero.players-hero-panel.hero-panel.compact-hero-panel h1,
    body:not(.is-home-page) .home-center-shell .home-center-hero.hero-panel.compact-hero-panel h1,
    body:not(.is-home-page) .home-center-shell .hero-panel.compact-hero-panel.home-player-search-hero h1 {
        font-size: clamp(29px, 8.0vw, 38px) !important;
    }

    body:not(.is-home-page) .home-team-title-link {
        grid-template-columns: 48px minmax(0, 1fr) minmax(104px, max-content) !important;
        gap: 8px !important;
        padding: 9px 10px !important;
    }

    body:not(.is-home-page) .home-team-title-copy {
        padding-right: 4px !important;
    }

    body:not(.is-home-page) .home-team-mobile-score {
        padding-left: 8px !important;
        font-size: clamp(18px, 5.6vw, 24px) !important;
    }

    body:not(.is-home-page) .home-popular-board-card .home-popular-row {
        grid-template-columns: 34px 46px minmax(0, 1fr) minmax(60px, max-content) !important;
        column-gap: 7px !important;
        min-height: 76px !important;
        padding: 10px 9px !important;
    }

    body:not(.is-home-page) .home-popular-board-card .home-popular-row .uniform-xs,
    body:not(.is-home-page) .home-popular-board-card .home-popular-row img.uniform-xs {
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        height: 48px !important;
    }

    body:not(.is-home-page) .home-popular-board-card .home-popular-copy strong {
        font-size: clamp(15px, 4.6vw, 18px) !important;
    }

    body:not(.is-home-page) .home-popular-board-card .home-popular-copy small {
        font-size: 10.3px !important;
    }

    body:not(.is-home-page) .home-popular-board-card .home-popular-row em {
        min-width: 58px !important;
        max-width: 72px !important;
        padding: 7px 8px !important;
        font-size: clamp(12.5px, 3.7vw, 15px) !important;
    }
}
/* MYPICK MOBILE CENTER PHASE 12 FINAL SPACING + POPULAR ALIGN 2026-05-31 END */

/* MYPICK MOBILE CENTER PHASE 13 HERO SAFE OFFSET + BESTTEAM SCORE EDGE 2026-05-31 START */
/* Scope: mobile /center only. Fixes clipped center hero top border and pushes best-team income to the user-card right edge. */
@media (max-width: 768px) {
    /* Keep the compact hero, but give its top border safe breathing room so the rounded edge is not clipped. */
    body:not(.is-home-page) .page-wrap:has(> .home-center-shell) {
        padding-top: 10px !important;
    }

    body:not(.is-home-page) .home-center-shell {
        margin-top: 0 !important;
    }

    body:not(.is-home-page) .home-center-shell .home-center-hero.hero-panel.compact-hero-panel,
    body:not(.is-home-page) .home-center-shell .hero-panel.compact-hero-panel.home-player-search-hero {
        margin-top: 0 !important;
    }

    /* The earlier desktop best-team chip max-width can still win on mobile. Override it with higher specificity. */
    body:not(.is-home-page) .home-center-shell .home-best-slide-head .home-team-title-link {
        display: grid !important;
        grid-template-columns: 58px minmax(0, 1fr) minmax(132px, max-content) !important;
        align-items: center !important;
        justify-self: stretch !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        gap: 12px !important;
        padding: 10px 14px !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .home-center-shell .home-best-slide-head .home-team-title-copy {
        min-width: 0 !important;
        padding-right: 8px !important;
    }

    body:not(.is-home-page) .home-center-shell .home-best-slide-head .home-team-title-copy strong,
    body:not(.is-home-page) .home-center-shell .home-best-slide-head .home-team-title-copy small {
        max-width: 100% !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

    body:not(.is-home-page) .home-center-shell .home-best-slide-head .home-team-mobile-score {
        display: inline-flex !important;
        justify-self: end !important;
        align-self: center !important;
        justify-content: flex-end !important;
        text-align: right !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        padding-left: 12px !important;
        margin-left: 0 !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
        font-size: clamp(21px, 6.0vw, 31px) !important;
        line-height: 1 !important;
        letter-spacing: -0.075em !important;
    }
}

@media (max-width: 390px) {
    body:not(.is-home-page) .page-wrap:has(> .home-center-shell) {
        padding-top: 8px !important;
    }

    body:not(.is-home-page) .home-center-shell {
        margin-top: 0 !important;
    }

    body:not(.is-home-page) .home-center-shell .home-best-slide-head .home-team-title-link {
        grid-template-columns: 48px minmax(0, 1fr) minmax(112px, max-content) !important;
        gap: 8px !important;
        padding: 9px 10px !important;
    }

    body:not(.is-home-page) .home-center-shell .home-best-slide-head .home-team-title-copy {
        padding-right: 4px !important;
    }

    body:not(.is-home-page) .home-center-shell .home-best-slide-head .home-team-mobile-score {
        padding-left: 8px !important;
        font-size: clamp(18px, 5.7vw, 25px) !important;
    }
}
/* MYPICK MOBILE CENTER PHASE 13 HERO SAFE OFFSET + BESTTEAM SCORE EDGE 2026-05-31 END */

/* MYPICK MOBILE CENTER PHASE 14 HERO HEIGHT TRIM 2026-05-31 START */
/* Scope: mobile /center hero only. Reduces the MyPick center card vertical height without changing desktop or other pages. */
@media (max-width: 768px) {
    body:not(.is-home-page) .home-center-shell .home-center-hero.hero-panel.compact-hero-panel {
        min-height: 106px !important;
        padding-top: 13px !important;
        padding-bottom: 13px !important;
        margin-bottom: 8px !important;
    }

    body:not(.is-home-page) .home-center-shell .home-center-hero.hero-panel.compact-hero-panel .eyebrow {
        margin-bottom: 6px !important;
    }
}

@media (max-width: 390px) {
    body:not(.is-home-page) .home-center-shell .home-center-hero.hero-panel.compact-hero-panel {
        min-height: 100px !important;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        margin-bottom: 8px !important;
    }

    body:not(.is-home-page) .home-center-shell .home-center-hero.hero-panel.compact-hero-panel .eyebrow {
        margin-bottom: 5px !important;
    }
}
/* MYPICK MOBILE CENTER PHASE 14 HERO HEIGHT TRIM 2026-05-31 END */

/* MYPICK MOBILE CENTER + PLAYER DETAIL COMPACT PATCH 2026-05-31 START */
/*
   Scope: mobile only.
   1) /center top MyPick Center hero: use the real home-player-search-hero selector.
   2) player detail top card: uniform left, info right.
   3) player detail metric cards: 2 columns on mobile.
   4) player detail recent-game cards: details on the right side.
   No desktop, DB, template, betting, ranking, KBO, popular-pick, or best-team logic changes.
*/
@media (max-width: 768px) {
    /* /center: actual hero selector. The old .home-center-hero class is not present in the current template. */
    body:not(.is-home-page) .home-center-shell.players-page-shell > .home-player-search-hero.players-hero-panel.hero-panel.compact-hero-panel,
    body:not(.is-home-page) .home-center-shell .hero-panel.compact-hero-panel.home-player-search-hero {
        min-height: 104px !important;
        padding: 13px 18px !important;
        margin-top: 0 !important;
        margin-bottom: 8px !important;
        border-radius: 26px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        gap: 0 !important;
    }

    body:not(.is-home-page) .home-center-shell.players-page-shell > .home-player-search-hero.players-hero-panel.hero-panel.compact-hero-panel > div:first-child,
    body:not(.is-home-page) .home-center-shell .hero-panel.compact-hero-panel.home-player-search-hero > div:first-child {
        min-width: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }

    body:not(.is-home-page) .home-center-shell.players-page-shell > .home-player-search-hero.players-hero-panel.hero-panel.compact-hero-panel .eyebrow,
    body:not(.is-home-page) .home-center-shell .hero-panel.compact-hero-panel.home-player-search-hero .eyebrow {
        margin: 0 0 5px !important;
        font-size: 10.5px !important;
        line-height: 1.05 !important;
        letter-spacing: 0.22em !important;
    }

    body:not(.is-home-page) .home-center-shell.players-page-shell > .home-player-search-hero.players-hero-panel.hero-panel.compact-hero-panel h1,
    body:not(.is-home-page) .home-center-shell .hero-panel.compact-hero-panel.home-player-search-hero h1 {
        margin: 0 !important;
        font-size: clamp(30px, 8.0vw, 40px) !important;
        line-height: 0.98 !important;
        letter-spacing: -0.065em !important;
    }

    /* Player detail: make the top player card compact by placing uniform left and info right. */
    body:not(.is-home-page) .player-detail-shell .player-hero-detail {
        display: grid !important;
        grid-template-columns: minmax(104px, 34%) minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 14px !important;
        padding: 16px !important;
        text-align: left !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .player-detail-shell .player-hero-uniform {
        min-width: 0 !important;
        display: flex !important;
        justify-content: flex-start !important;
        align-items: center !important;
    }

    body:not(.is-home-page) .player-detail-shell .player-hero-detail .uniform-img.uniform-lg,
    body:not(.is-home-page) .player-detail-shell .player-hero-detail .uniform-lg {
        width: clamp(104px, 29vw, 150px) !important;
        height: clamp(132px, 35vw, 190px) !important;
        max-width: 100% !important;
        flex: 0 0 auto !important;
    }

    body:not(.is-home-page) .player-detail-shell .player-hero-detail .uniform-img.uniform-lg img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }

    body:not(.is-home-page) .player-detail-shell .player-hero-info {
        min-width: 0 !important;
        align-self: center !important;
    }

    body:not(.is-home-page) .player-detail-shell .player-hero-info .chip-row {
        justify-content: flex-start !important;
        align-items: center !important;
        gap: 7px !important;
        margin: 0 0 8px !important;
    }

    body:not(.is-home-page) .player-detail-shell .player-hero-detail .team-badge,
    body:not(.is-home-page) .player-detail-shell .player-hero-detail .type-chip,
    body:not(.is-home-page) .player-detail-shell .player-hero-detail .position-badge,
    body:not(.is-home-page) .player-detail-shell .player-hero-detail .inactive-player-badge {
        min-height: 0 !important;
        padding: 7px 9px !important;
        font-size: clamp(10.5px, 3.1vw, 12.5px) !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    body:not(.is-home-page) .player-detail-shell .player-hero-info h1 {
        margin: 6px 0 9px !important;
        text-align: left !important;
        font-size: clamp(32px, 9.2vw, 52px) !important;
        line-height: 0.96 !important;
        letter-spacing: -0.075em !important;
        white-space: normal !important;
        overflow-wrap: keep-all !important;
        word-break: keep-all !important;
    }

    body:not(.is-home-page) .player-detail-shell .player-meta-line {
        justify-content: flex-start !important;
        gap: 6px !important;
        min-width: 0 !important;
    }

    body:not(.is-home-page) .player-detail-shell .player-meta-line span {
        padding: 6px 8px !important;
        font-size: clamp(10.5px, 3.0vw, 12px) !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        max-width: 100% !important;
    }

    /* Player detail metric cards: 2 cards per row on mobile, with no hidden money/price text. */
    body:not(.is-home-page) .player-detail-shell .player-detail-metrics,
    body:not(.is-home-page) .player-detail-shell .metric-grid.four.player-detail-metrics {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        margin-bottom: 14px !important;
    }

    body:not(.is-home-page) .player-detail-shell .player-detail-metrics .stat-card {
        min-width: 0 !important;
        min-height: 96px !important;
        padding: 14px 13px !important;
        border-radius: 22px !important;
        overflow: visible !important;
    }

    body:not(.is-home-page) .player-detail-shell .player-detail-metrics .stat-card span {
        margin-bottom: 7px !important;
        font-size: clamp(11px, 3.0vw, 12.5px) !important;
        line-height: 1.15 !important;
        white-space: normal !important;
        word-break: keep-all !important;
    }

    body:not(.is-home-page) .player-detail-shell .player-detail-metrics .stat-card strong {
        display: block !important;
        max-width: 100% !important;
        font-size: clamp(24px, 6.9vw, 32px) !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
        letter-spacing: -0.065em !important;
    }

    body:not(.is-home-page) .player-detail-shell .player-detail-metrics .stat-card small {
        display: block !important;
        margin-top: 6px !important;
        font-size: clamp(10.5px, 2.8vw, 12px) !important;
        line-height: 1.15 !important;
        white-space: normal !important;
        word-break: keep-all !important;
    }

    /* Player detail recent games: keep date/opponent/income left, move detail pills to the right. */
    body:not(.is-home-page) .player-detail-shell .recent-game-list {
        gap: 10px !important;
    }

    body:not(.is-home-page) .player-detail-shell .recent-game-item {
        display: grid !important;
        grid-template-columns: minmax(88px, 0.56fr) minmax(0, 1.44fr) !important;
        grid-template-areas:
            "gameMain gameDetail"
            "gamePoints gameDetail" !important;
        align-items: center !important;
        column-gap: 12px !important;
        row-gap: 8px !important;
        padding: 15px 14px !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .player-detail-shell .recent-game-main {
        grid-area: gameMain !important;
        min-width: 0 !important;
    }

    body:not(.is-home-page) .player-detail-shell .recent-game-points {
        grid-area: gamePoints !important;
        min-width: 0 !important;
    }

    body:not(.is-home-page) .player-detail-shell .recent-game-main span,
    body:not(.is-home-page) .player-detail-shell .recent-game-points span {
        margin-bottom: 4px !important;
        font-size: clamp(10.5px, 2.9vw, 12.5px) !important;
        line-height: 1.05 !important;
        white-space: nowrap !important;
    }

    body:not(.is-home-page) .player-detail-shell .recent-game-main strong {
        font-size: clamp(17px, 4.8vw, 22px) !important;
        line-height: 1.05 !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    body:not(.is-home-page) .player-detail-shell .recent-game-points strong {
        font-size: clamp(25px, 7.3vw, 34px) !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        letter-spacing: -0.07em !important;
    }

    body:not(.is-home-page) .player-detail-shell .recent-game-detail {
        grid-area: gameDetail !important;
        min-width: 0 !important;
        max-width: 100% !important;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: flex-end !important;
        align-content: center !important;
        align-items: center !important;
        gap: 6px !important;
        text-align: right !important;
        justify-self: end !important;
    }

    body:not(.is-home-page) .player-detail-shell .recent-game-detail .detail-pill {
        margin: 0 !important;
        max-width: 100% !important;
        padding: 6px 8px !important;
        font-size: clamp(10px, 2.7vw, 11.5px) !important;
        line-height: 1.05 !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }
}

@media (max-width: 390px) {
    body:not(.is-home-page) .home-center-shell.players-page-shell > .home-player-search-hero.players-hero-panel.hero-panel.compact-hero-panel,
    body:not(.is-home-page) .home-center-shell .hero-panel.compact-hero-panel.home-player-search-hero {
        min-height: 96px !important;
        padding: 12px 15px !important;
        margin-bottom: 7px !important;
        border-radius: 24px !important;
    }

    body:not(.is-home-page) .home-center-shell.players-page-shell > .home-player-search-hero.players-hero-panel.hero-panel.compact-hero-panel .eyebrow,
    body:not(.is-home-page) .home-center-shell .hero-panel.compact-hero-panel.home-player-search-hero .eyebrow {
        margin-bottom: 4px !important;
        font-size: 10px !important;
    }

    body:not(.is-home-page) .home-center-shell.players-page-shell > .home-player-search-hero.players-hero-panel.hero-panel.compact-hero-panel h1,
    body:not(.is-home-page) .home-center-shell .hero-panel.compact-hero-panel.home-player-search-hero h1 {
        font-size: clamp(28px, 7.8vw, 36px) !important;
    }

    body:not(.is-home-page) .player-detail-shell .player-hero-detail {
        grid-template-columns: 96px minmax(0, 1fr) !important;
        gap: 10px !important;
        padding: 13px !important;
        border-radius: 24px !important;
    }

    body:not(.is-home-page) .player-detail-shell .player-hero-detail .uniform-img.uniform-lg,
    body:not(.is-home-page) .player-detail-shell .player-hero-detail .uniform-lg {
        width: 96px !important;
        height: 124px !important;
    }

    body:not(.is-home-page) .player-detail-shell .player-hero-info .chip-row {
        gap: 5px !important;
        margin-bottom: 6px !important;
    }

    body:not(.is-home-page) .player-detail-shell .player-hero-detail .team-badge,
    body:not(.is-home-page) .player-detail-shell .player-hero-detail .type-chip,
    body:not(.is-home-page) .player-detail-shell .player-hero-detail .position-badge,
    body:not(.is-home-page) .player-detail-shell .player-hero-detail .inactive-player-badge {
        padding: 6px 7px !important;
        font-size: 10.5px !important;
    }

    body:not(.is-home-page) .player-detail-shell .player-hero-info h1 {
        margin: 5px 0 7px !important;
        font-size: clamp(30px, 8.9vw, 42px) !important;
    }

    body:not(.is-home-page) .player-detail-shell .player-meta-line {
        gap: 5px !important;
    }

    body:not(.is-home-page) .player-detail-shell .player-meta-line span {
        padding: 5px 7px !important;
        font-size: 10.5px !important;
    }

    body:not(.is-home-page) .player-detail-shell .player-detail-metrics,
    body:not(.is-home-page) .player-detail-shell .metric-grid.four.player-detail-metrics {
        gap: 8px !important;
    }

    body:not(.is-home-page) .player-detail-shell .player-detail-metrics .stat-card {
        min-height: 88px !important;
        padding: 12px 10px !important;
        border-radius: 20px !important;
    }

    body:not(.is-home-page) .player-detail-shell .player-detail-metrics .stat-card strong {
        font-size: clamp(22px, 6.5vw, 28px) !important;
    }

    body:not(.is-home-page) .player-detail-shell .recent-game-item {
        grid-template-columns: minmax(80px, 0.52fr) minmax(0, 1.48fr) !important;
        column-gap: 9px !important;
        padding: 13px 11px !important;
    }

    body:not(.is-home-page) .player-detail-shell .recent-game-detail {
        gap: 5px !important;
    }

    body:not(.is-home-page) .player-detail-shell .recent-game-detail .detail-pill {
        padding: 5px 6px !important;
        font-size: 10px !important;
    }
}
/* MYPICK MOBILE CENTER + PLAYER DETAIL COMPACT PATCH 2026-05-31 END */

/* MYPICK MOBILE PLAYER DETAIL + PLAYERS SEARCH FINAL FIX 2026-05-31 START */
/*
   Scope: mobile only.
   Pages intentionally targeted:
   - player_detail: metric-card row gap + recent-game income number only.
   - players search: hero result count, filter grid, dropdown overlay, result-card grid only.
   No app.py, DB, templates, desktop, /center, profile, betting, team, ranking logic changes.
*/
@media (max-width: 768px) {
    /* Player detail: keep the 2x2 metric cards compact without changing other sections. */
    body:not(.is-home-page) .player-detail-shell > .player-detail-metrics,
    body:not(.is-home-page) .player-detail-shell > .metric-grid.four.player-detail-metrics {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 10px !important;
        row-gap: 5px !important;
        gap: 5px 10px !important;
        margin-bottom: 12px !important;
        align-items: stretch !important;
    }

    body:not(.is-home-page) .player-detail-shell > .player-detail-metrics .stat-card,
    body:not(.is-home-page) .player-detail-shell > .metric-grid.four.player-detail-metrics .stat-card {
        min-height: 86px !important;
        padding: 11px 13px !important;
    }

    body:not(.is-home-page) .player-detail-shell > .player-detail-metrics .stat-card span,
    body:not(.is-home-page) .player-detail-shell > .metric-grid.four.player-detail-metrics .stat-card span {
        margin-bottom: 4px !important;
    }

    body:not(.is-home-page) .player-detail-shell > .player-detail-metrics .stat-card small,
    body:not(.is-home-page) .player-detail-shell > .metric-grid.four.player-detail-metrics .stat-card small {
        margin-top: 4px !important;
    }

    /* Player detail: restore the smaller recent-game income number that was lost by the previous cleanup. */
    body:not(.is-home-page) .player-detail-shell .recent-game-points strong {
        font-size: clamp(22px, 6.0vw, 28px) !important;
        line-height: 0.98 !important;
        letter-spacing: -0.06em !important;
        white-space: nowrap !important;
    }

    /* Players search hero: put the result-count card next to the title, pinned to the right edge. */
    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) > .players-hero-panel.compact-hero-panel {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 10px !important;
        padding: 16px 16px !important;
    }

    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) > .players-hero-panel.compact-hero-panel > div:first-child {
        min-width: 0 !important;
    }

    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) > .players-hero-panel.compact-hero-panel h1 {
        font-size: clamp(30px, 8.8vw, 40px) !important;
        line-height: 0.98 !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) > .players-hero-panel.compact-hero-panel .players-count-card,
    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) > .players-hero-panel.compact-hero-panel .hero-metric.players-count-card {
        width: auto !important;
        min-width: 72px !important;
        max-width: 96px !important;
        justify-self: end !important;
        align-self: center !important;
        padding: 8px 9px !important;
        border-radius: 18px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        text-align: center !important;
        align-items: center !important;
        gap: 2px !important;
    }

    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .players-count-card span {
        font-size: 9px !important;
        line-height: 1.05 !important;
        letter-spacing: -0.03em !important;
        white-space: nowrap !important;
    }

    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .players-count-card strong {
        font-size: clamp(22px, 6.2vw, 30px) !important;
        line-height: 0.95 !important;
        letter-spacing: -0.055em !important;
        white-space: nowrap !important;
    }

    /* Players search filter: mobile-only compact grid requested by the user. */
    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .players-filter-card {
        overflow: visible !important;
        padding: 14px !important;
    }

    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .players-filter-grid,
    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .filter-grid.players-filter-grid {
        display: grid !important;
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
        gap: 10px 8px !important;
        overflow: visible !important;
    }

    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .players-filter-grid > .form-field,
    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .players-filter-grid > .form-actions {
        min-width: 0 !important;
        width: 100% !important;
    }

    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .players-filter-grid > .form-field.wide {
        grid-column: 1 / -1 !important;
    }

    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .players-filter-grid > .form-field:nth-of-type(2),
    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .players-filter-grid > .form-field:nth-of-type(3),
    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .players-filter-grid > .form-field:nth-of-type(4) {
        grid-column: span 2 !important;
    }

    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .players-filter-grid > .form-field:nth-of-type(5),
    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .players-filter-grid > .form-field:nth-of-type(6) {
        grid-column: span 3 !important;
    }

    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .players-filter-grid > .form-actions {
        grid-column: 1 / -1 !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        align-items: stretch !important;
    }

    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .players-filter-grid > .form-actions .button-link {
        order: 1 !important;
    }

    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .players-filter-grid > .form-actions button {
        order: 2 !important;
    }

    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .players-filter-card input,
    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .players-filter-card select,
    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .players-filter-card .custom-select-trigger {
        min-height: 42px !important;
        padding-left: 11px !important;
        font-size: 12px !important;
        border-radius: 14px !important;
    }

    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .players-filter-card .form-field label {
        margin-bottom: 5px !important;
        font-size: 11px !important;
    }

    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .players-filter-card .form-actions button,
    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .players-filter-card .form-actions .button-link {
        min-height: 42px !important;
        padding: 0 10px !important;
        border-radius: 15px !important;
        font-size: 13px !important;
    }

    /* Mobile dropdown bugfix: opened custom-select menus must float above cards instead of being clipped/covered. */
    body:not(.is-home-page) .content-card:has(.custom-select.is-open),
    body:not(.is-home-page) .compact-card:has(.custom-select.is-open),
    body:not(.is-home-page) form:has(.custom-select.is-open),
    body:not(.is-home-page) .form-field:has(.custom-select.is-open) {
        overflow: visible !important;
        position: relative !important;
        z-index: 2147483000 !important;
    }

    body:not(.is-home-page) .custom-select.is-open {
        position: relative !important;
        z-index: 2147483001 !important;
    }

    body:not(.is-home-page) .custom-select.is-open .custom-select-menu {
        z-index: 2147483002 !important;
        max-height: 46vh !important;
        overflow-y: auto !important;
        pointer-events: auto !important;
    }

    /* Players search results: two player cards per row, with 2x2 metric boxes inside each card. */
    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .players-result-grid,
    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .player-grid.players-result-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        align-items: start !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .player-search-card {
        width: 100% !important;
        min-width: 0 !important;
        padding: 10px 8px !important;
        border-radius: 20px !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .player-search-card .player-card-top {
        display: grid !important;
        grid-template-columns: 52px minmax(0, 1fr) !important;
        gap: 8px !important;
        align-items: start !important;
        margin-bottom: 8px !important;
        min-width: 0 !important;
    }

    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .player-search-card .uniform-md,
    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .player-search-card .uniform-img.uniform-md {
        width: 52px !important;
        height: 68px !important;
        max-width: 52px !important;
        flex: 0 0 52px !important;
    }

    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .player-search-card .player-card-main,
    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .player-search-card .player-card-name-line,
    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .player-search-card .chip-row {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .player-search-card .player-card-name-line {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 4px 5px !important;
        margin-bottom: 6px !important;
    }

    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .player-search-card .player-name-large {
        font-size: clamp(15px, 4.2vw, 18px) !important;
        line-height: 1.05 !important;
        letter-spacing: -0.055em !important;
        white-space: normal !important;
        word-break: keep-all !important;
        overflow-wrap: anywhere !important;
        text-overflow: clip !important;
    }

    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .player-search-card .player-card-number {
        padding: 2px 5px !important;
        font-size: 10px !important;
        line-height: 1.05 !important;
    }

    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .player-search-card .chip-row {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 5px !important;
    }

    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .player-search-card .team-badge,
    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .player-search-card .type-chip,
    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .player-search-card .position-badge,
    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .player-search-card .inactive-player-badge {
        min-height: 0 !important;
        padding: 5px 6px !important;
        font-size: 10px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .player-search-card .mini-stat-grid,
    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .player-search-card .player-search-stat-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
        margin-top: 8px !important;
    }

    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .player-search-card .mini-stat-grid > div,
    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .player-search-card .player-search-stat-grid > div {
        min-width: 0 !important;
        padding: 7px 6px !important;
        border-radius: 13px !important;
    }

    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .player-search-card .mini-stat-grid span,
    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .player-search-card .player-search-stat-grid span {
        margin-bottom: 3px !important;
        font-size: 9.5px !important;
        line-height: 1.05 !important;
        white-space: nowrap !important;
    }

    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .player-search-card .mini-stat-grid strong,
    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .player-search-card .player-search-stat-grid strong {
        font-size: clamp(11.5px, 3.4vw, 14px) !important;
        line-height: 1.02 !important;
        letter-spacing: -0.055em !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }
}

@media (max-width: 390px) {
    body:not(.is-home-page) .player-detail-shell > .player-detail-metrics,
    body:not(.is-home-page) .player-detail-shell > .metric-grid.four.player-detail-metrics {
        column-gap: 8px !important;
        row-gap: 4px !important;
        gap: 4px 8px !important;
    }

    body:not(.is-home-page) .player-detail-shell > .player-detail-metrics .stat-card,
    body:not(.is-home-page) .player-detail-shell > .metric-grid.four.player-detail-metrics .stat-card {
        min-height: 82px !important;
        padding: 10px 11px !important;
    }

    body:not(.is-home-page) .player-detail-shell .recent-game-points strong {
        font-size: clamp(21px, 5.8vw, 27px) !important;
    }

    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .player-search-card .player-card-top {
        grid-template-columns: 48px minmax(0, 1fr) !important;
        gap: 7px !important;
    }

    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .player-search-card .uniform-md,
    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .player-search-card .uniform-img.uniform-md {
        width: 48px !important;
        height: 63px !important;
        max-width: 48px !important;
        flex-basis: 48px !important;
    }

    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .player-search-card .team-badge,
    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .player-search-card .type-chip,
    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .player-search-card .position-badge,
    body:not(.is-home-page) .players-page-shell:not(.home-center-shell) .player-search-card .inactive-player-badge {
        padding: 4px 5px !important;
        font-size: 9.5px !important;
    }
}
/* MYPICK MOBILE PLAYER DETAIL + PLAYERS SEARCH FINAL FIX 2026-05-31 END */

/* MYPICK MOBILE CENTER + MY TEAM STABLE RESET V10 2026-06-01 START */
/* Scope: mobile /center visibility and mobile /my-team layout only. No desktop, templates, DB, app.py, player search/detail, profile, betting, rankings, team-edit, scoring, pricing, add/remove/captain logic changes. */
@media (max-width: 768px) {
    /* Keep /center visible first. Entrance animation can be revisited only after stable rendering. */
    body:not(.is-home-page) .home-center-shell,
    body:not(.is-home-page) .home-center-shell .ranking-reveal {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
        animation: none !important;
        transition: none !important;
        will-change: auto !important;
    }

    body:not(.is-home-page) .home-center-shell.players-page-shell > .home-player-search-hero.players-hero-panel.hero-panel.compact-hero-panel,
    body:not(.is-home-page) .home-center-shell .hero-panel.compact-hero-panel.home-player-search-hero {
        min-height: 92px !important;
        padding: 12px 16px !important;
        margin-top: 0 !important;
        margin-bottom: 8px !important;
        border-radius: 26px !important;
    }

    /* /my-team mobile header actions: preserve compact right-side status/edit layout. */
    body:not(.is-home-page) .my-team-page-shell .my-team-overview-top {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: start !important;
        column-gap: 12px !important;
    }

    body:not(.is-home-page) .my-team-page-shell .my-team-title-line > .status-badge,
    body:not(.is-home-page) .my-team-page-shell .my-team-overview-top > .my-team-edit-button {
        display: none !important;
    }

    body:not(.is-home-page) .my-team-page-shell .my-team-title-line {
        display: block !important;
        min-width: 0 !important;
    }

    body:not(.is-home-page) .my-team-page-shell .my-team-title-line h2 {
        max-width: 100% !important;
        margin: 0 !important;
        white-space: normal !important;
        word-break: keep-all !important;
        overflow-wrap: anywhere !important;
    }

    body:not(.is-home-page) .my-team-page-shell .my-team-mobile-actions {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-end !important;
        justify-content: flex-start !important;
        justify-self: end !important;
        gap: 8px !important;
        width: 156px !important;
        min-width: 124px !important;
        max-width: 42vw !important;
    }

    body:not(.is-home-page) .my-team-page-shell .my-team-mobile-actions .status-badge {
        align-self: flex-end !important;
        width: 92px !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 24px !important;
        padding: 4px 10px !important;
        border-radius: 999px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        white-space: nowrap !important;
        font-size: 10.2px !important;
        line-height: 1 !important;
        font-weight: 900 !important;
    }

    body:not(.is-home-page) .my-team-page-shell .my-team-mobile-actions .my-team-edit-button {
        align-self: flex-end !important;
        width: 156px !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: 42px !important;
        min-height: 42px !important;
        margin: 0 !important;
        padding: 0 14px !important;
        border-radius: 19px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        white-space: nowrap !important;
        font-size: 12.8px !important;
        line-height: 1 !important;
        font-weight: 930 !important;
    }

    /* Team summary: 3 x 2, tighter height, label readable, value right-bottom. */
    body:not(.is-home-page) .my-team-page-shell .my-team-metric-strip {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 8px !important;
        margin-top: 12px !important;
        align-items: stretch !important;
    }

    body:not(.is-home-page) .my-team-page-shell .my-team-metric-strip > .my-team-metric-item,
    body:not(.is-home-page) .my-team-page-shell .my-team-metric-strip > .my-team-metric-item:first-child,
    body:not(.is-home-page) .my-team-page-shell .my-team-metric-strip > .my-team-metric-item:nth-child(3),
    body:not(.is-home-page) .my-team-page-shell .my-team-metric-strip > .team-value-item,
    body:not(.is-home-page) .my-team-page-shell .my-team-metric-strip > .team-budget-item {
        grid-column: auto !important;
        min-width: 0 !important;
        width: auto !important;
        min-height: 54px !important;
        height: auto !important;
        padding: 8px 8px 7px !important;
        border-radius: 16px !important;
        display: grid !important;
        grid-template-rows: auto minmax(0, 1fr) !important;
        align-items: stretch !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    body:not(.is-home-page) .my-team-page-shell .my-team-metric-strip > .my-team-metric-item:nth-child(1) { order: 1 !important; }
    body:not(.is-home-page) .my-team-page-shell .my-team-metric-strip > .my-team-metric-item:nth-child(2) { order: 2 !important; }
    body:not(.is-home-page) .my-team-page-shell .my-team-metric-strip > .my-team-metric-item:nth-child(4) { order: 3 !important; }
    body:not(.is-home-page) .my-team-page-shell .my-team-metric-strip > .my-team-metric-item:nth-child(3) { order: 4 !important; }
    body:not(.is-home-page) .my-team-page-shell .my-team-metric-strip > .team-value-item { order: 5 !important; }
    body:not(.is-home-page) .my-team-page-shell .my-team-metric-strip > .team-budget-item { order: 6 !important; }

    body:not(.is-home-page) .my-team-page-shell .my-team-metric-strip > .my-team-metric-item span {
        max-width: 100% !important;
        margin: 0 !important;
        color: rgba(148, 163, 184, 0.92) !important;
        font-size: clamp(9.5px, 2.75vw, 11.5px) !important;
        line-height: 1.05 !important;
        letter-spacing: -0.04em !important;
        white-space: nowrap !important;
        word-break: keep-all !important;
        overflow: visible !important;
        text-overflow: clip !important;
        text-align: left !important;
    }

    body:not(.is-home-page) .my-team-page-shell .my-team-metric-strip > .my-team-metric-item strong {
        justify-self: end !important;
        align-self: end !important;
        max-width: 100% !important;
        margin: 0 !important;
        font-size: clamp(13px, 4vw, 18px) !important;
        line-height: 1 !important;
        letter-spacing: -0.07em !important;
        white-space: nowrap !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        text-align: right !important;
    }

    body:not(.is-home-page) .my-team-page-shell .team-value-rule {
        margin-top: 9px !important;
    }

    /* Force mobile list view only inside /my-team. */
    body:not(.is-home-page) .my-team-page-shell .roster-view-tabs,
    body:not(.is-home-page) .my-team-page-shell .lineup-view-panel,
    body:not(.is-home-page) .my-team-page-shell .lineup-board,
    body:not(.is-home-page) .my-team-page-shell .lineup-field-wrap,
    body:not(.is-home-page) .my-team-page-shell .lineup-bullpen-panel {
        display: none !important;
    }

    body:not(.is-home-page) .my-team-page-shell .list-view-panel {
        display: block !important;
        max-height: none !important;
        height: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
        overflow: visible !important;
        transform: none !important;
        pointer-events: auto !important;
        transition: none !important;
        animation: none !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-list-grid {
        width: 100% !important;
        max-width: 100% !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 9px !important;
        align-items: start !important;
        grid-auto-rows: auto !important;
        overflow: visible !important;
    }

    body:not(.is-home-page) .my-team-page-shell .mobile-roster-group-heading {
        grid-column: 1 / -1 !important;
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        margin: 9px 2px 0 !important;
        padding: 1px 0 !important;
        color: rgba(34, 211, 238, 0.96) !important;
        font-size: 11px !important;
        font-weight: 950 !important;
        line-height: 1 !important;
        letter-spacing: 0.18em !important;
        white-space: nowrap !important;
    }

    body:not(.is-home-page) .my-team-page-shell .mobile-roster-group-heading::after {
        content: "" !important;
        flex: 1 1 auto !important;
        height: 1px !important;
        background: linear-gradient(90deg, rgba(34, 211, 238, 0.32), rgba(34, 211, 238, 0)) !important;
    }

    /* Roster card: stable grid, no overlay/absolute layout, no display:contents. */
    body:not(.is-home-page) .my-team-page-shell .roster-list-row {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        align-self: start !important;
        position: relative !important;
        display: grid !important;
        grid-template-columns: 52px minmax(0, 1fr) !important;
        grid-template-areas:
            "slot identity"
            "meta meta"
            "prices prices"
            "income income" !important;
        align-items: start !important;
        align-content: start !important;
        gap: 7px !important;
        padding: 9px !important;
        border-radius: 18px !important;
        background:
            radial-gradient(circle at 100% 0%, rgba(34, 211, 238, 0.055), transparent 38%),
            linear-gradient(180deg, rgba(255,255,255,0.048), rgba(255,255,255,0.018)),
            rgba(6, 18, 23, 0.72) !important;
        border: 1px solid rgba(125, 239, 246, 0.14) !important;
        box-shadow: 0 10px 22px rgba(0,0,0,0.14), inset 0 1px 0 rgba(255,255,255,0.04) !important;
        overflow: hidden !important;
        transform: none !important;
        animation: none !important;
        box-sizing: border-box !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-list-row,
    body:not(.is-home-page) .my-team-page-shell .roster-list-row * {
        writing-mode: horizontal-tb !important;
        text-orientation: mixed !important;
        box-sizing: border-box !important;
        min-width: 0 !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-list-row:hover,
    body:not(.is-home-page) .my-team-page-shell .roster-list-row:focus-visible {
        transform: none !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-slot-chip {
        grid-area: slot !important;
        width: 52px !important;
        min-width: 52px !important;
        max-width: 52px !important;
        height: 60px !important;
        min-height: 60px !important;
        transform: none !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 3px !important;
        padding: 6px 4px !important;
        border-radius: 16px !important;
        border: 1px solid rgba(125, 239, 246, 0.20) !important;
        background: rgba(34, 211, 238, 0.075) !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-slot-chip strong {
        display: block !important;
        max-width: 100% !important;
        color: rgba(157, 246, 251, 0.98) !important;
        font-size: clamp(14px, 3.8vw, 17px) !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        letter-spacing: -0.04em !important;
        white-space: nowrap !important;
        word-break: normal !important;
        text-align: center !important;
        overflow: visible !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-slot-chip span {
        display: block !important;
        max-width: 100% !important;
        color: rgba(203, 213, 225, 0.76) !important;
        font-size: clamp(8px, 2.25vw, 9.8px) !important;
        line-height: 1.08 !important;
        font-weight: 850 !important;
        letter-spacing: -0.05em !important;
        white-space: nowrap !important;
        word-break: keep-all !important;
        text-align: center !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-player-identity {
        grid-area: identity !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        align-self: center !important;
        justify-self: stretch !important;
        display: grid !important;
        grid-template-columns: 36px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 7px !important;
        transform: none !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-player-identity .uniform-sm,
    body:not(.is-home-page) .my-team-page-shell .roster-player-identity .uniform-img.uniform-sm {
        width: 36px !important;
        height: 46px !important;
        min-width: 36px !important;
        max-width: 36px !important;
        flex: 0 0 36px !important;
        object-fit: contain !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-player-identity .player-link,
    body:not(.is-home-page) .my-team-page-shell .roster-player-identity strong {
        display: block !important;
        max-width: 100% !important;
        color: rgba(248, 250, 252, 0.96) !important;
        font-size: clamp(13px, 3.55vw, 15.2px) !important;
        line-height: 1.1 !important;
        font-weight: 930 !important;
        letter-spacing: -0.065em !important;
        white-space: nowrap !important;
        word-break: keep-all !important;
        overflow-wrap: normal !important;
        overflow: hidden !important;
        text-overflow: clip !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-player-identity small {
        display: block !important;
        color: rgba(148, 163, 184, 0.82) !important;
        font-size: clamp(10px, 2.75vw, 11.5px) !important;
        line-height: 1.05 !important;
        font-weight: 850 !important;
        white-space: nowrap !important;
        margin-top: 3px !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-list-meta {
        grid-area: meta !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        justify-self: stretch !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 5px !important;
        flex-wrap: wrap !important;
        padding-top: 0 !important;
        transform: none !important;
        overflow: visible !important;
    }

    body:not(.is-home-page) .my-team-page-shell .team-badge,
    body:not(.is-home-page) .my-team-page-shell .position-badge,
    body:not(.is-home-page) .my-team-page-shell .inactive-player-badge,
    body:not(.is-home-page) .my-team-page-shell .position-mismatch-badge,
    body:not(.is-home-page) .my-team-page-shell .captain-badge {
        max-width: 100% !important;
        padding: 4px 7px !important;
        font-size: clamp(8px, 2.25vw, 9.6px) !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        word-break: keep-all !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-price-row {
        grid-area: prices !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
        align-items: stretch !important;
        position: static !important;
        transform: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    /* Reset old phase-5 direct-stat placement. The current markup nests price cards inside .roster-price-row. */
    body:not(.is-home-page) .my-team-page-shell .roster-list-row > .roster-list-stat:nth-of-type(n) {
        grid-column: auto !important;
        grid-row: auto !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-price-row .roster-list-stat,
    body:not(.is-home-page) .my-team-page-shell .roster-list-stat-acq,
    body:not(.is-home-page) .my-team-page-shell .roster-list-stat-market {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 48px !important;
        height: auto !important;
        position: static !important;
        grid-column: auto !important;
        grid-row: auto !important;
        grid-area: auto !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: auto minmax(0, 1fr) !important;
        align-items: stretch !important;
        gap: 3px !important;
        padding: 7px 9px 8px !important;
        border-radius: 13px !important;
        border: 1px solid rgba(148, 163, 184, 0.13) !important;
        background: rgba(255, 255, 255, 0.036) !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-price-row .roster-list-stat span,
    body:not(.is-home-page) .my-team-page-shell .roster-list-stat-acq span,
    body:not(.is-home-page) .my-team-page-shell .roster-list-stat-market span {
        display: block !important;
        max-width: 100% !important;
        margin: 0 !important;
        color: rgba(148, 163, 184, 0.88) !important;
        font-size: clamp(8px, 2.25vw, 9.2px) !important;
        line-height: 1.05 !important;
        font-weight: 850 !important;
        letter-spacing: -0.055em !important;
        white-space: nowrap !important;
        word-break: keep-all !important;
        text-align: left !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-price-row .roster-list-stat strong,
    body:not(.is-home-page) .my-team-page-shell .roster-list-stat-acq strong,
    body:not(.is-home-page) .my-team-page-shell .roster-list-stat-market strong,
    body:not(.is-home-page) .my-team-page-shell .acquisition-price-value,
    body:not(.is-home-page) .my-team-page-shell .market-price-value {
        display: block !important;
        justify-self: end !important;
        align-self: end !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
        font-size: clamp(13px, 3.45vw, 16px) !important;
        line-height: 1 !important;
        font-weight: 940 !important;
        letter-spacing: -0.05em !important;
        white-space: nowrap !important;
        word-break: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        text-align: right !important;
        background: transparent !important;
        border: 0 !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-list-stat-market:has(.market-price-up) {
        border-color: rgba(52, 211, 153, 0.42) !important;
        background: rgba(52, 211, 153, 0.08) !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-list-stat-market:has(.market-price-down) {
        border-color: rgba(251, 113, 133, 0.42) !important;
        background: rgba(251, 113, 133, 0.08) !important;
    }

    body:not(.is-home-page) .my-team-page-shell .market-price-value.market-price-up { color: #63e6be !important; }
    body:not(.is-home-page) .my-team-page-shell .market-price-value.market-price-down { color: #fb7185 !important; }
    body:not(.is-home-page) .my-team-page-shell .market-price-value.market-price-same { color: rgba(226, 232, 240, 0.92) !important; }

    body:not(.is-home-page) .my-team-page-shell .roster-list-row > .roster-list-stat-income.roster-list-stat,
    body:not(.is-home-page) .my-team-page-shell .roster-list-row > .roster-list-stat-income.roster-list-stat:nth-of-type(n) {
        grid-area: income !important;
        grid-column: auto !important;
        grid-row: auto !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-list-stat-income {
        grid-area: income !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 36px !important;
        height: auto !important;
        position: static !important;
        transform: none !important;
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr) !important;
        align-items: center !important;
        column-gap: 8px !important;
        margin: 0 !important;
        padding: 8px 10px !important;
        border-radius: 13px !important;
        border: 1px solid rgba(148, 163, 184, 0.13) !important;
        background: rgba(255, 255, 255, 0.035) !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-list-stat-income span {
        max-width: 100% !important;
        margin: 0 !important;
        color: rgba(148, 163, 184, 0.88) !important;
        font-size: clamp(8.2px, 2.25vw, 9.4px) !important;
        line-height: 1 !important;
        font-weight: 850 !important;
        letter-spacing: -0.045em !important;
        white-space: nowrap !important;
        text-align: left !important;
        overflow: visible !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-list-stat-income strong {
        justify-self: end !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        font-size: clamp(13px, 3.45vw, 16px) !important;
        line-height: 1 !important;
        letter-spacing: -0.055em !important;
        white-space: nowrap !important;
        word-break: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        text-align: right !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-list-stat-income strong.points.score-positive,
    body:not(.is-home-page) .my-team-page-shell .roster-list-stat-income strong.score-positive { color: #9ff6fb !important; }

    body:not(.is-home-page) .my-team-page-shell .roster-list-stat-income strong.points.score-negative,
    body:not(.is-home-page) .my-team-page-shell .roster-list-stat-income strong.score-negative { color: #fb7185 !important; }

    body:not(.is-home-page) .my-team-page-shell .roster-list-stat-income strong.points.score-zero,
    body:not(.is-home-page) .my-team-page-shell .roster-list-stat-income strong.score-zero { color: rgba(226, 232, 240, 0.90) !important; }

    body:not(.is-home-page) .my-team-page-shell .roster-list-stat-income small {
        font-size: 0.76em !important;
        line-height: 1 !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-list-row.captain-roster-row {
        border-color: rgba(245, 203, 92, 0.84) !important;
        box-shadow:
            0 12px 24px rgba(0, 0, 0, 0.18),
            0 0 0 1px rgba(245, 203, 92, 0.24),
            0 0 20px rgba(245, 203, 92, 0.12),
            inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
    }
}

@media (max-width: 390px) {
    body:not(.is-home-page) .my-team-page-shell .my-team-mobile-actions {
        width: 136px !important;
        min-width: 112px !important;
        max-width: 40vw !important;
    }

    body:not(.is-home-page) .my-team-page-shell .my-team-mobile-actions .status-badge {
        width: 82px !important;
        min-height: 23px !important;
        font-size: 9.6px !important;
        padding: 4px 8px !important;
    }

    body:not(.is-home-page) .my-team-page-shell .my-team-mobile-actions .my-team-edit-button {
        width: 136px !important;
        height: 39px !important;
        min-height: 39px !important;
        font-size: 12px !important;
        padding: 0 12px !important;
    }

    body:not(.is-home-page) .my-team-page-shell .my-team-metric-strip {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 6px !important;
    }

    body:not(.is-home-page) .my-team-page-shell .my-team-metric-strip > .my-team-metric-item,
    body:not(.is-home-page) .my-team-page-shell .my-team-metric-strip > .my-team-metric-item:first-child,
    body:not(.is-home-page) .my-team-page-shell .my-team-metric-strip > .my-team-metric-item:nth-child(3),
    body:not(.is-home-page) .my-team-page-shell .my-team-metric-strip > .team-value-item,
    body:not(.is-home-page) .my-team-page-shell .my-team-metric-strip > .team-budget-item {
        min-height: 52px !important;
        padding: 7px 6px !important;
        grid-column: auto !important;
    }

    body:not(.is-home-page) .my-team-page-shell .my-team-metric-strip > .my-team-metric-item strong {
        font-size: clamp(12px, 3.9vw, 15.5px) !important;
    }

    body:not(.is-home-page) .my-team-page-shell .my-team-metric-strip > .my-team-metric-item span {
        font-size: 9px !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-list-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-list-row {
        grid-template-columns: 48px minmax(0, 1fr) !important;
        gap: 6px !important;
        padding: 7px !important;
        border-radius: 17px !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-slot-chip {
        width: 48px !important;
        min-width: 48px !important;
        max-width: 48px !important;
        height: 56px !important;
        min-height: 56px !important;
        padding: 6px 3px !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-slot-chip strong {
        font-size: clamp(13px, 3.45vw, 15px) !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-slot-chip span {
        font-size: 7.9px !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-player-identity {
        grid-template-columns: 32px minmax(0, 1fr) !important;
        gap: 6px !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-player-identity .uniform-sm,
    body:not(.is-home-page) .my-team-page-shell .roster-player-identity .uniform-img.uniform-sm {
        width: 32px !important;
        height: 41px !important;
        min-width: 32px !important;
        max-width: 32px !important;
        flex-basis: 32px !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-player-identity .player-link,
    body:not(.is-home-page) .my-team-page-shell .roster-player-identity strong {
        font-size: clamp(12px, 3.1vw, 13.2px) !important;
    }

    body:not(.is-home-page) .my-team-page-shell .team-badge,
    body:not(.is-home-page) .my-team-page-shell .position-badge,
    body:not(.is-home-page) .my-team-page-shell .inactive-player-badge,
    body:not(.is-home-page) .my-team-page-shell .position-mismatch-badge,
    body:not(.is-home-page) .my-team-page-shell .captain-badge {
        padding: 3px 6px !important;
        font-size: 8px !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-price-row {
        gap: 5px !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-price-row .roster-list-stat,
    body:not(.is-home-page) .my-team-page-shell .roster-list-stat-acq,
    body:not(.is-home-page) .my-team-page-shell .roster-list-stat-market {
        min-height: 46px !important;
        padding: 6px 7px !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-price-row .roster-list-stat span,
    body:not(.is-home-page) .my-team-page-shell .roster-list-stat-income span {
        font-size: 8px !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-price-row .roster-list-stat strong,
    body:not(.is-home-page) .my-team-page-shell .roster-list-stat-income strong {
        font-size: clamp(12px, 3.3vw, 14.8px) !important;
    }
}
/* MYPICK MOBILE CENTER + MY TEAM STABLE RESET V10 2026-06-01 END */

/* MYPICK MOBILE MY TEAM CARD MICRO FIX V11 2026-06-01 START */
/* Scope: mobile /my-team only. No desktop, templates, app.py, DB, /center, player pages, profile, betting, rankings, team-edit, scoring, pricing, add/remove/captain logic changes. */
@media (max-width: 768px) {
    body:not(.is-home-page) .my-team-page-shell .my-team-metric-strip {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 7px !important;
        align-items: stretch !important;
    }

    body:not(.is-home-page) .my-team-page-shell .my-team-metric-strip > .my-team-metric-item,
    body:not(.is-home-page) .my-team-page-shell .my-team-metric-strip > .my-team-metric-item:first-child,
    body:not(.is-home-page) .my-team-page-shell .my-team-metric-strip > .my-team-metric-item:nth-child(3),
    body:not(.is-home-page) .my-team-page-shell .my-team-metric-strip > .team-value-item,
    body:not(.is-home-page) .my-team-page-shell .my-team-metric-strip > .team-budget-item {
        min-height: 51px !important;
        height: auto !important;
        padding: 7px 8px !important;
        border-radius: 15px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        align-items: stretch !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .my-team-page-shell .my-team-metric-strip > .my-team-metric-item span {
        font-size: clamp(9.2px, 2.65vw, 11.2px) !important;
        line-height: 1.08 !important;
        letter-spacing: -0.045em !important;
        white-space: normal !important;
        word-break: keep-all !important;
        overflow-wrap: anywhere !important;
        text-align: left !important;
    }

    body:not(.is-home-page) .my-team-page-shell .my-team-metric-strip > .my-team-metric-item strong {
        align-self: flex-end !important;
        max-width: 100% !important;
        font-size: clamp(13px, 4.0vw, 18px) !important;
        line-height: 1 !important;
        letter-spacing: -0.07em !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-align: right !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-list-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        align-items: start !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-list-row {
        grid-template-columns: 46px minmax(0, 1fr) !important;
        grid-template-areas:
            "slot identity"
            "meta meta"
            "prices prices"
            "income income" !important;
        gap: 6px !important;
        padding: 7px !important;
        border-radius: 16px !important;
        align-items: start !important;
        align-content: start !important;
        min-height: 0 !important;
        height: auto !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-list-row,
    body:not(.is-home-page) .my-team-page-shell .roster-list-row * {
        writing-mode: horizontal-tb !important;
        text-orientation: mixed !important;
        box-sizing: border-box !important;
        min-width: 0 !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-slot-chip {
        width: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;
        height: 46px !important;
        min-height: 46px !important;
        aspect-ratio: 1 / 1 !important;
        padding: 5px 3px !important;
        border-radius: 14px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 2px !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-slot-chip strong {
        display: block !important;
        max-width: 100% !important;
        font-size: clamp(13px, 3.7vw, 16px) !important;
        line-height: 1 !important;
        letter-spacing: -0.04em !important;
        white-space: nowrap !important;
        text-align: center !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-slot-chip span {
        display: block !important;
        max-width: 100% !important;
        font-size: clamp(7.4px, 2.05vw, 8.8px) !important;
        line-height: 1.02 !important;
        letter-spacing: -0.055em !important;
        white-space: nowrap !important;
        word-break: keep-all !important;
        text-align: center !important;
        overflow: hidden !important;
        text-overflow: clip !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-player-identity {
        grid-template-columns: 31px minmax(0, 1fr) !important;
        gap: 6px !important;
        align-items: center !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-player-identity .uniform-sm,
    body:not(.is-home-page) .my-team-page-shell .roster-player-identity .uniform-img.uniform-sm {
        width: 31px !important;
        height: 39px !important;
        min-width: 31px !important;
        max-width: 31px !important;
        object-fit: contain !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-player-identity .player-link,
    body:not(.is-home-page) .my-team-page-shell .roster-player-identity strong {
        max-width: 100% !important;
        font-size: clamp(12.2px, 3.4vw, 14.2px) !important;
        line-height: 1.08 !important;
        letter-spacing: -0.06em !important;
        white-space: nowrap !important;
        word-break: keep-all !important;
        overflow: hidden !important;
        text-overflow: clip !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-player-identity small {
        font-size: clamp(9.5px, 2.55vw, 11px) !important;
        line-height: 1.02 !important;
        margin-top: 2px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: clip !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-list-meta {
        gap: 4px !important;
        padding-top: 0 !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        overflow: visible !important;
    }

    body:not(.is-home-page) .my-team-page-shell .team-badge,
    body:not(.is-home-page) .my-team-page-shell .position-badge,
    body:not(.is-home-page) .my-team-page-shell .inactive-player-badge,
    body:not(.is-home-page) .my-team-page-shell .position-mismatch-badge,
    body:not(.is-home-page) .my-team-page-shell .captain-badge {
        padding: 3px 6px !important;
        font-size: clamp(7.8px, 2.15vw, 9.2px) !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-price-row {
        grid-area: prices !important;
        width: 100% !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-price-row .roster-list-stat,
    body:not(.is-home-page) .my-team-page-shell .roster-list-stat-acq,
    body:not(.is-home-page) .my-team-page-shell .roster-list-stat-market {
        min-height: 38px !important;
        height: auto !important;
        width: 100% !important;
        padding: 6px 7px !important;
        border-radius: 12px !important;
        display: grid !important;
        grid-template-rows: auto 1fr !important;
        align-items: stretch !important;
        gap: 2px !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-price-row .roster-list-stat span,
    body:not(.is-home-page) .my-team-page-shell .roster-list-stat-acq span,
    body:not(.is-home-page) .my-team-page-shell .roster-list-stat-market span {
        justify-self: start !important;
        align-self: start !important;
        max-width: 100% !important;
        font-size: clamp(7.7px, 2.1vw, 8.9px) !important;
        line-height: 1 !important;
        letter-spacing: -0.05em !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: clip !important;
        text-align: left !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-price-row .roster-list-stat strong,
    body:not(.is-home-page) .my-team-page-shell .roster-list-stat-acq strong,
    body:not(.is-home-page) .my-team-page-shell .roster-list-stat-market strong,
    body:not(.is-home-page) .my-team-page-shell .roster-price-row .roster-list-stat .acquisition-price-value,
    body:not(.is-home-page) .my-team-page-shell .roster-price-row .roster-list-stat .market-price-value {
        justify-self: end !important;
        align-self: end !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        border-radius: 0 !important;
        font-size: clamp(12.4px, 3.2vw, 14.8px) !important;
        line-height: 1 !important;
        letter-spacing: -0.055em !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-align: right !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-list-stat-market:has(.market-price-up) {
        border-color: rgba(52, 211, 153, 0.46) !important;
        background: rgba(52, 211, 153, 0.075) !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-list-stat-market:has(.market-price-down) {
        border-color: rgba(251, 113, 133, 0.46) !important;
        background: rgba(251, 113, 133, 0.075) !important;
    }

    body:not(.is-home-page) .my-team-page-shell .market-price-value.market-price-up {
        color: #63e6be !important;
    }

    body:not(.is-home-page) .my-team-page-shell .market-price-value.market-price-down {
        color: #fb7185 !important;
    }

    body:not(.is-home-page) .my-team-page-shell .market-price-value.market-price-same {
        color: rgba(226, 232, 240, 0.92) !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-list-row > .roster-list-stat-income.roster-list-stat,
    body:not(.is-home-page) .my-team-page-shell .roster-list-row > .roster-list-stat-income.roster-list-stat:nth-of-type(n) {
        grid-area: income !important;
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-list-stat-income {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 31px !important;
        height: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        padding: 6px 8px !important;
        border-radius: 12px !important;
        position: static !important;
        transform: none !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-list-stat-income span {
        flex: 0 0 auto !important;
        max-width: 52px !important;
        margin: 0 !important;
        font-size: clamp(7.9px, 2.2vw, 9.2px) !important;
        line-height: 1 !important;
        letter-spacing: -0.045em !important;
        white-space: nowrap !important;
        text-align: left !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-list-stat-income strong {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        max-width: calc(100% - 58px) !important;
        margin: 0 !important;
        font-size: clamp(12px, 3.2vw, 15px) !important;
        line-height: 1 !important;
        letter-spacing: -0.055em !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-align: right !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-list-stat-income strong.points.score-positive,
    body:not(.is-home-page) .my-team-page-shell .roster-list-stat-income strong.score-positive {
        color: #9ff6fb !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-list-stat-income strong.points.score-negative,
    body:not(.is-home-page) .my-team-page-shell .roster-list-stat-income strong.score-negative {
        color: #fb7185 !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-list-stat-income strong.points.score-zero,
    body:not(.is-home-page) .my-team-page-shell .roster-list-stat-income strong.score-zero {
        color: rgba(226, 232, 240, 0.90) !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-list-stat-income small {
        font-size: 0.72em !important;
        line-height: 1 !important;
    }
}

@media (max-width: 390px) {
    body:not(.is-home-page) .my-team-page-shell .my-team-metric-strip > .my-team-metric-item,
    body:not(.is-home-page) .my-team-page-shell .my-team-metric-strip > .my-team-metric-item:first-child,
    body:not(.is-home-page) .my-team-page-shell .my-team-metric-strip > .my-team-metric-item:nth-child(3),
    body:not(.is-home-page) .my-team-page-shell .my-team-metric-strip > .team-value-item,
    body:not(.is-home-page) .my-team-page-shell .my-team-metric-strip > .team-budget-item {
        min-height: 49px !important;
        padding: 6px 6px !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-list-grid {
        gap: 7px !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-list-row {
        grid-template-columns: 44px minmax(0, 1fr) !important;
        gap: 5px !important;
        padding: 6px !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-slot-chip {
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-player-identity {
        grid-template-columns: 29px minmax(0, 1fr) !important;
        gap: 5px !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-player-identity .uniform-sm,
    body:not(.is-home-page) .my-team-page-shell .roster-player-identity .uniform-img.uniform-sm {
        width: 29px !important;
        height: 37px !important;
        min-width: 29px !important;
        max-width: 29px !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-price-row {
        gap: 5px !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-price-row .roster-list-stat,
    body:not(.is-home-page) .my-team-page-shell .roster-list-stat-acq,
    body:not(.is-home-page) .my-team-page-shell .roster-list-stat-market {
        min-height: 36px !important;
        padding: 5px 6px !important;
    }

    body:not(.is-home-page) .my-team-page-shell .roster-list-stat-income {
        min-height: 30px !important;
        padding: 5px 7px !important;
        gap: 9px !important;
    }
}
/* MYPICK MOBILE MY TEAM CARD MICRO FIX V11 2026-06-01 END */

/* MYPICK MOBILE TEAM EDIT SHARED SOURCE V6 2026-06-01 START */
/* Scope: mobile /team/edit only. Roster card design is inherited from /my-team via
   .team-edit-roster-source.my-team-page-shell. Market filter/card design is inherited from
   /players via .team-edit-market-source.players-page-shell. Only function-control CSS lives here. */
@media (max-width: 768px) {
    body:not(.is-home-page) .team-edit-page-shell,
    body:not(.is-home-page) .team-edit-page-shell * {
        box-sizing: border-box !important;
        min-width: 0 !important;
    }

    body:not(.is-home-page) .team-edit-page-shell {
        overflow-x: hidden !important;
    }

    /* Team status cards intentionally keep the existing/original sizing.
       V6 height/padding override removed by priority hotfix. */

    body:not(.is-home-page) .team-edit-page-shell .roster-view-tabs,
    body:not(.is-home-page) .team-edit-page-shell .lineup-view-panel {
        display: none !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .list-view-panel {
        display: block !important;
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-edit-roster-source.my-team-page-shell {
        animation: none !important;
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
    }

    /* The roster card layout itself comes from /my-team. Only the name-side remove button is team-edit-specific. */
    body:not(.is-home-page) .team-edit-page-shell .team-edit-player-name-row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 22px !important;
        align-items: center !important;
        gap: 5px !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-edit-list-remove {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 22px !important;
        height: 22px !important;
        margin: 0 !important;
        padding: 0 !important;
        position: static !important;
        grid-column: auto !important;
        grid-row: auto !important;
        align-self: center !important;
        justify-self: end !important;
        z-index: 4 !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-edit-inline-remove-button,
    body:not(.is-home-page) .team-edit-page-shell .team-edit-list-remove .icon-button.danger {
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
        min-height: 22px !important;
        padding: 0 !important;
        border-radius: 999px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #fecdd3 !important;
        background: rgba(127, 29, 29, 0.86) !important;
        border: 1px solid rgba(251, 113, 133, 0.72) !important;
        font-size: 15px !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        box-shadow: 0 7px 16px rgba(127, 29, 29, 0.22) !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-edit-inline-remove-button:hover,
    body:not(.is-home-page) .team-edit-page-shell .team-edit-inline-remove-button:focus-visible {
        transform: none !important;
        color: #fff1f2 !important;
        background: rgba(190, 18, 60, 0.94) !important;
        border-color: rgba(251, 113, 133, 0.92) !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .inline-captain-form {
        display: inline-flex !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .captain-select-button.small {
        min-width: 24px !important;
        width: 24px !important;
        height: 22px !important;
        min-height: 22px !important;
        padding: 0 !important;
        border-radius: 999px !important;
        font-size: 11px !important;
        line-height: 1 !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-edit-market-source.players-page-shell {
        animation: none !important;
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
    }

    body:not(.is-home-page) .team-edit-page-shell #team-market-search-form.players-filter-card {
        margin-bottom: 16px !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-edit-search-scroll.players-result-grid {
        width: 100% !important;
        max-height: none !important;
        overflow: visible !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card {
        cursor: default !important;
        min-height: 0 !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-stat-grid span,
    body:not(.is-home-page) .team-edit-page-shell .team-market-stat-grid strong {
        white-space: nowrap !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .team-badge,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .type-chip,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .position-badge,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .inactive-player-badge {
        min-height: 0 !important;
        height: 20px !important;
        padding: 0 6px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 9.4px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-add-form {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .market-add-button {
        width: 100% !important;
        min-height: 38px !important;
        padding: 0 12px !important;
        border-radius: 14px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 12px !important;
        font-weight: 930 !important;
        white-space: nowrap !important;
    }
}

@media (max-width: 390px) {
    /* Team status mini-card small-screen override removed by priority hotfix. */

    body:not(.is-home-page) .team-edit-page-shell .team-edit-player-name-row {
        grid-template-columns: minmax(0, 1fr) 20px !important;
        gap: 4px !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-edit-list-remove,
    body:not(.is-home-page) .team-edit-page-shell .team-edit-inline-remove-button,
    body:not(.is-home-page) .team-edit-page-shell .team-edit-list-remove .icon-button.danger {
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        min-height: 20px !important;
        font-size: 14px !important;
    }
}
/* MYPICK MOBILE TEAM EDIT SHARED SOURCE V6 2026-06-01 END */

/* MYPICK MOBILE TEAM EDIT STATUS COMPACT RESET 2026-06-01 START */
/* Scope: mobile /team/edit status card only. Does not touch roster, market, AJAX, DB, desktop, /my-team, /players, or /center. */
@media (max-width: 768px) {
    body:not(.is-home-page) .team-edit-page-shell #team-status-region.team-edit-status-row {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 10px 0 12px !important;
    }

    body:not(.is-home-page) .team-edit-page-shell #team-status-region .team-status-console {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        padding: 14px !important;
        border-radius: 24px !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .team-edit-page-shell #team-status-region .team-status-console-head {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        margin-bottom: 12px !important;
    }

    body:not(.is-home-page) .team-edit-page-shell #team-status-region .team-status-console-head h2 {
        font-size: clamp(22px, 6.2vw, 28px) !important;
        line-height: 1.05 !important;
        letter-spacing: -0.06em !important;
    }

    body:not(.is-home-page) .team-edit-page-shell #team-status-region .team-status-console .status-badge {
        min-height: 32px !important;
        padding: 0 12px !important;
        border-radius: 999px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        white-space: nowrap !important;
        font-size: 11.5px !important;
        line-height: 1 !important;
        font-weight: 920 !important;
    }

    body:not(.is-home-page) .team-edit-page-shell #team-status-region .team-status-mini-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    body:not(.is-home-page) .team-edit-page-shell #team-status-region .team-status-mini-item,
    body:not(.is-home-page) .team-edit-page-shell #team-status-region .captain-status-mini-item {
        grid-column: auto !important;
        min-width: 0 !important;
        min-height: 68px !important;
        padding: 10px 11px !important;
        border-radius: 17px !important;
    }

    body:not(.is-home-page) .team-edit-page-shell #team-status-region .team-status-mini-item > span,
    body:not(.is-home-page) .team-edit-page-shell #team-status-region .captain-status-mini-item > span {
        display: block !important;
        margin: 0 0 6px !important;
        max-width: 100% !important;
        color: rgba(148, 163, 184, 0.90) !important;
        font-size: 12.5px !important;
        line-height: 1.08 !important;
        font-weight: 900 !important;
        letter-spacing: -0.035em !important;
        white-space: nowrap !important;
    }

    body:not(.is-home-page) .team-edit-page-shell #team-status-region .team-status-mini-item strong,
    body:not(.is-home-page) .team-edit-page-shell #team-status-region .team-status-mini-item strong > span,
    body:not(.is-home-page) .team-edit-page-shell #team-status-region .team-status-mini-item strong > em,
    body:not(.is-home-page) .team-edit-page-shell #team-status-region .team-status-mini-item .remaining-budget-value,
    body:not(.is-home-page) .team-edit-page-shell #team-status-region .captain-status-mini-item strong {
        max-width: 100% !important;
        font-size: clamp(20px, 5.9vw, 25px) !important;
        line-height: 1 !important;
        font-weight: 930 !important;
        letter-spacing: -0.055em !important;
    }

    body:not(.is-home-page) .team-edit-page-shell #team-status-region .team-status-mini-item strong {
        display: flex !important;
        align-items: baseline !important;
        gap: 3px !important;
        white-space: nowrap !important;
    }

    body:not(.is-home-page) .team-edit-page-shell #team-status-region .team-status-mini-item strong > em {
        color: rgba(148, 163, 184, 0.90) !important;
        font-size: 0.74em !important;
        letter-spacing: -0.03em !important;
    }

    body:not(.is-home-page) .team-edit-page-shell #team-status-region .captain-status-mini-item strong {
        display: block !important;
        color: rgba(254, 243, 199, 0.96) !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}

@media (max-width: 390px) {
    body:not(.is-home-page) .team-edit-page-shell #team-status-region .team-status-mini-grid {
        gap: 7px !important;
    }

    body:not(.is-home-page) .team-edit-page-shell #team-status-region .team-status-mini-item,
    body:not(.is-home-page) .team-edit-page-shell #team-status-region .captain-status-mini-item {
        min-height: 64px !important;
        padding: 9px 10px !important;
    }

    body:not(.is-home-page) .team-edit-page-shell #team-status-region .team-status-mini-item > span,
    body:not(.is-home-page) .team-edit-page-shell #team-status-region .captain-status-mini-item > span {
        font-size: 12px !important;
        margin-bottom: 5px !important;
    }

    body:not(.is-home-page) .team-edit-page-shell #team-status-region .team-status-mini-item strong,
    body:not(.is-home-page) .team-edit-page-shell #team-status-region .team-status-mini-item strong > span,
    body:not(.is-home-page) .team-edit-page-shell #team-status-region .team-status-mini-item strong > em,
    body:not(.is-home-page) .team-edit-page-shell #team-status-region .team-status-mini-item .remaining-budget-value,
    body:not(.is-home-page) .team-edit-page-shell #team-status-region .captain-status-mini-item strong {
        font-size: clamp(19px, 5.6vw, 23px) !important;
    }
}
/* MYPICK MOBILE TEAM EDIT STATUS COMPACT RESET 2026-06-01 END */

/* MYPICK MOBILE TEAM EDIT MARKET CARD SAFE FINAL FIX 2026-06-01 START */
/* Scope: mobile /team/edit acquisition results only. This cleanup block replaces the malformed escaped block and overrides the borrowed /players 2-column card CSS. It does not touch roster cards, status cards, DB, routes, or desktop layout. */
@media (max-width: 768px) {
    body:not(.is-home-page) .team-edit-page-shell .team-edit-hero .hero-actions {
        width: auto !important;
        max-width: 280px !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(104px, 128px)) !important;
        gap: 8px !important;
        align-items: center !important;
        justify-content: start !important;
        justify-items: stretch !important;
        margin-top: 4px !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-edit-hero .hero-actions .team-confirm-form {
        display: flex !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-edit-hero .hero-actions .button-link,
    body:not(.is-home-page) .team-edit-page-shell .team-edit-hero .hero-actions .team-confirm-button,
    body:not(.is-home-page) .team-edit-page-shell .team-edit-hero .hero-actions button.team-confirm-button {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 11px !important;
        border-radius: 14px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        white-space: nowrap !important;
        font-size: 12.5px !important;
        line-height: 1 !important;
        font-weight: 920 !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .empty-slot-row .roster-player-identity.empty small {
        display: none !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-panel,
    body:not(.is-home-page) .team-edit-page-shell .team-edit-market-source.players-page-shell,
    body:not(.is-home-page) .team-edit-page-shell #market-section,
    body:not(.is-home-page) .team-edit-page-shell #search-results {
        overflow: visible !important;
        max-height: none !important;
        contain: none !important;
        content-visibility: visible !important;
        contain-intrinsic-size: auto !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-edit-market-source.players-page-shell #search-results.team-edit-search-scroll.players-result-grid,
    body:not(.is-home-page) .team-edit-page-shell .team-edit-market-source.players-page-shell .team-edit-search-scroll.players-result-grid,
    body:not(.is-home-page) .team-edit-page-shell #search-results.team-edit-search-scroll.players-result-grid,
    body:not(.is-home-page) .team-edit-page-shell .team-edit-search-scroll.players-result-grid {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        max-height: none !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-auto-flow: row !important;
        grid-auto-rows: auto !important;
        align-items: start !important;
        gap: 14px !important;
        padding: 8px 0 0 !important;
        margin: 0 !important;
        overflow: visible !important;
        perspective: none !important;
        contain: none !important;
        content-visibility: visible !important;
        contain-intrinsic-size: auto !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-edit-market-source.players-page-shell .team-market-player-card.player-search-card,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card.player-search-card,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card {
        position: relative !important;
        box-sizing: border-box !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 190px !important;
        max-height: none !important;
        display: block !important;
        padding: 14px !important;
        border-radius: 22px !important;
        overflow: visible !important;
        cursor: pointer !important;
        transform: none !important;
        contain: none !important;
        content-visibility: visible !important;
        contain-intrinsic-size: auto !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card:hover,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card:focus-visible,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card:focus-within {
        transform: none !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-edit-market-source.players-page-shell .team-market-player-card.player-search-card .player-card-top,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card.player-search-card .player-card-top,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .player-card-top {
        position: relative !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-height: 96px !important;
        display: grid !important;
        grid-template-columns: 76px minmax(0, 1fr) !important;
        gap: 12px !important;
        align-items: start !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-edit-market-source.players-page-shell .team-market-player-card.player-search-card .uniform-md,
    body:not(.is-home-page) .team-edit-page-shell .team-edit-market-source.players-page-shell .team-market-player-card.player-search-card .uniform-img.uniform-md,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .uniform-md,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .uniform-img.uniform-md {
        width: 76px !important;
        height: 96px !important;
        max-width: 76px !important;
        min-width: 76px !important;
        flex: 0 0 76px !important;
        align-self: start !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .uniform-md img,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .uniform-img.uniform-md img {
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-edit-market-source.players-page-shell .team-market-player-card.player-search-card .player-card-main,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .player-card-main {
        min-width: 0 !important;
        max-width: 100% !important;
        padding-right: 112px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        overflow: visible !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .player-card-name-line,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card.player-search-card .player-card-name-line {
        min-width: 0 !important;
        max-width: 100% !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 7px !important;
        margin: 0 !important;
        overflow: visible !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .player-name-large,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .player-link,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card.player-search-card .player-name-large,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card.player-search-card .player-link {
        display: inline-flex !important;
        align-items: center !important;
        max-width: 100% !important;
        min-width: 0 !important;
        color: rgba(248, 250, 252, 0.98) !important;
        font-size: clamp(20px, 5.4vw, 25px) !important;
        line-height: 1.06 !important;
        font-weight: 950 !important;
        letter-spacing: -0.055em !important;
        white-space: nowrap !important;
        word-break: keep-all !important;
        overflow: visible !important;
        overflow-wrap: normal !important;
        text-overflow: clip !important;
        writing-mode: horizontal-tb !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .player-card-number,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card.player-search-card .player-card-number {
        flex: 0 0 auto !important;
        padding: 3px 8px !important;
        border-radius: 999px !important;
        font-size: 12px !important;
        line-height: 1 !important;
        font-weight: 900 !important;
        white-space: nowrap !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .chip-row,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card.player-search-card .chip-row {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
        align-items: center !important;
        margin: 0 !important;
        overflow: visible !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .team-badge,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .type-chip,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .position-badge,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .inactive-player-badge {
        min-height: 0 !important;
        height: 24px !important;
        padding: 0 8px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 12px !important;
        line-height: 1 !important;
        font-weight: 930 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: clip !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-add-form,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card form.team-market-add-form {
        position: absolute !important;
        top: 22px !important;
        right: 18px !important;
        z-index: 4 !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: 108px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        justify-content: flex-end !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .market-add-button,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .market-add-button {
        width: auto !important;
        min-width: 84px !important;
        max-width: 108px !important;
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 12px !important;
        border-radius: 14px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 12px !important;
        line-height: 1 !important;
        font-weight: 930 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: clip !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .team-market-stat-grid,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .mini-stat-grid,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .player-search-stat-grid,
    body:not(.is-home-page) .team-edit-page-shell .team-edit-market-source.players-page-shell .team-market-player-card.player-search-card .team-market-stat-grid,
    body:not(.is-home-page) .team-edit-page-shell .team-edit-market-source.players-page-shell .team-market-player-card.player-search-card .mini-stat-grid,
    body:not(.is-home-page) .team-edit-page-shell .team-edit-market-source.players-page-shell .team-market-player-card.player-search-card .player-search-stat-grid {
        position: static !important;
        z-index: 1 !important;
        width: 100% !important;
        min-width: 0 !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        margin: 10px 0 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .team-market-stat-grid > div,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .mini-stat-grid > div,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .player-search-stat-grid > div,
    body:not(.is-home-page) .team-edit-page-shell .team-edit-market-source.players-page-shell .team-market-player-card.player-search-card .team-market-stat-grid > div,
    body:not(.is-home-page) .team-edit-page-shell .team-edit-market-source.players-page-shell .team-market-player-card.player-search-card .mini-stat-grid > div,
    body:not(.is-home-page) .team-edit-page-shell .team-edit-market-source.players-page-shell .team-market-player-card.player-search-card .player-search-stat-grid > div {
        min-width: 0 !important;
        min-height: 62px !important;
        padding: 8px 10px !important;
        border-radius: 15px !important;
        display: grid !important;
        grid-template-rows: auto 1fr !important;
        justify-items: stretch !important;
        align-content: stretch !important;
        gap: 4px !important;
        overflow: visible !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .team-market-stat-grid span,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .mini-stat-grid span,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .player-search-stat-grid span,
    body:not(.is-home-page) .team-edit-page-shell .team-edit-market-source.players-page-shell .team-market-player-card.player-search-card .team-market-stat-grid span,
    body:not(.is-home-page) .team-edit-page-shell .team-edit-market-source.players-page-shell .team-market-player-card.player-search-card .mini-stat-grid span,
    body:not(.is-home-page) .team-edit-page-shell .team-edit-market-source.players-page-shell .team-market-player-card.player-search-card .player-search-stat-grid span {
        justify-self: start !important;
        align-self: start !important;
        text-align: left !important;
        margin: 0 !important;
        font-size: 11px !important;
        line-height: 1.05 !important;
        font-weight: 900 !important;
        letter-spacing: -0.025em !important;
        white-space: nowrap !important;
        overflow: visible !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .team-market-stat-grid strong,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .mini-stat-grid strong,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .player-search-stat-grid strong,
    body:not(.is-home-page) .team-edit-page-shell .team-edit-market-source.players-page-shell .team-market-player-card.player-search-card .team-market-stat-grid strong,
    body:not(.is-home-page) .team-edit-page-shell .team-edit-market-source.players-page-shell .team-market-player-card.player-search-card .mini-stat-grid strong,
    body:not(.is-home-page) .team-edit-page-shell .team-edit-market-source.players-page-shell .team-market-player-card.player-search-card .player-search-stat-grid strong {
        justify-self: end !important;
        align-self: end !important;
        text-align: right !important;
        display: block !important;
        max-width: 100% !important;
        font-size: clamp(18px, 5.1vw, 24px) !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        letter-spacing: -0.055em !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
        writing-mode: horizontal-tb !important;
    }
}

@media (max-width: 390px) {
    body:not(.is-home-page) .team-edit-page-shell .team-edit-hero .hero-actions {
        width: auto !important;
        max-width: 252px !important;
        grid-template-columns: repeat(2, minmax(0, 118px)) !important;
        gap: 7px !important;
        justify-content: start !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-edit-hero .hero-actions .button-link,
    body:not(.is-home-page) .team-edit-page-shell .team-edit-hero .hero-actions .team-confirm-button,
    body:not(.is-home-page) .team-edit-page-shell .team-edit-hero .hero-actions button.team-confirm-button {
        height: 36px !important;
        min-height: 36px !important;
        border-radius: 13px !important;
        font-size: 12px !important;
        padding: 0 9px !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-edit-market-source.players-page-shell .team-market-player-card.player-search-card,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card {
        min-height: 180px !important;
        padding: 12px !important;
        border-radius: 20px !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .player-card-top,
    body:not(.is-home-page) .team-edit-page-shell .team-edit-market-source.players-page-shell .team-market-player-card.player-search-card .player-card-top {
        min-height: 82px !important;
        grid-template-columns: 62px minmax(0, 1fr) !important;
        gap: 10px !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .uniform-md,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .uniform-img.uniform-md,
    body:not(.is-home-page) .team-edit-page-shell .team-edit-market-source.players-page-shell .team-market-player-card.player-search-card .uniform-md,
    body:not(.is-home-page) .team-edit-page-shell .team-edit-market-source.players-page-shell .team-market-player-card.player-search-card .uniform-img.uniform-md {
        width: 62px !important;
        height: 82px !important;
        max-width: 62px !important;
        min-width: 62px !important;
        flex-basis: 62px !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .player-card-main {
        padding-right: 96px !important;
        gap: 6px !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .player-name-large,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .player-link {
        font-size: clamp(18px, 5.0vw, 22px) !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-add-form,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card form.team-market-add-form {
        top: 13px !important;
        right: 12px !important;
        max-width: 96px !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .market-add-button,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .market-add-button {
        min-width: 72px !important;
        max-width: 96px !important;
        height: 34px !important;
        min-height: 34px !important;
        padding: 0 9px !important;
        border-radius: 13px !important;
        font-size: 11.5px !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .team-market-stat-grid,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .mini-stat-grid,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .player-search-stat-grid {
        gap: 7px !important;
        margin-top: 8px !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .team-market-stat-grid > div,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .mini-stat-grid > div,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .player-search-stat-grid > div {
        min-height: 58px !important;
        padding: 7px 8px !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .team-market-stat-grid strong,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .mini-stat-grid strong,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .player-search-stat-grid strong {
        font-size: clamp(17px, 4.9vw, 22px) !important;
    }
}
/* MYPICK MOBILE TEAM EDIT MARKET CARD SAFE FINAL FIX 2026-06-01 END */

/* MYPICK MOBILE USER RANKINGS FINAL FIX 2026-06-01 START */
/* Scope: mobile /user-rankings and /friend-rankings only. V3 monthly-control cleanup: keep search/input on one row, make month picker compact, preserve ranking card fixes; no desktop, team-edit, players, center, DB, or ranking logic changes. */
@media (max-width: 768px) {
    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell {
        gap: 10px !important;
        overflow-x: hidden !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-filter-card {
        min-height: 0 !important;
        padding: 12px !important;
        border-radius: 24px !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        align-content: start !important;
        align-items: start !important;
        gap: 8px !important;
        overflow: visible !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-type-tabs {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 8px !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: visible !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-type-tabs .motion-tab-indicator {
        display: none !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-type-tabs > a {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 46px !important;
        padding: 0 4px !important;
        border-radius: 16px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        white-space: nowrap !important;
        word-break: keep-all !important;
        overflow: hidden !important;
        text-overflow: clip !important;
        font-size: clamp(12px, 3.45vw, 15.5px) !important;
        line-height: 1.05 !important;
        letter-spacing: -0.06em !important;
        font-weight: 900 !important;
        color: rgba(207, 226, 232, 0.70) !important;
        background: rgba(255, 255, 255, 0.035) !important;
        border: 1px solid rgba(255, 255, 255, 0.075) !important;
        box-shadow: none !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-type-tabs > a.active {
        color: #06161a !important;
        background: linear-gradient(135deg, rgba(69, 230, 238, 0.96), rgba(22, 194, 203, 0.92)) !important;
        border-color: rgba(113, 244, 249, 0.68) !important;
        box-shadow: 0 12px 30px rgba(8, 212, 223, 0.18) !important;
        font-weight: 940 !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-control-form {
        width: 100% !important;
        min-width: 0 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 96px !important;
        grid-auto-flow: row !important;
        column-gap: 10px !important;
        row-gap: 8px !important;
        align-items: stretch !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-control-form input[type="hidden"],
    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-control-form .sr-only {
        display: none !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-control-form select,
    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-control-form > .custom-select {
        grid-column: 1 / -1 !important;
        width: 172px !important;
        min-width: 0 !important;
        max-width: 172px !important;
        justify-self: end !important;
        align-self: start !important;
        margin: 0 !important;
        z-index: 20010 !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-control-form > .custom-select .custom-select-trigger,
    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-control-form select {
        min-height: 42px !important;
        height: 42px !important;
        padding: 0 38px 0 14px !important;
        border-radius: 15px !important;
        font-size: clamp(15px, 4vw, 16.5px) !important;
        line-height: 1 !important;
        font-weight: 920 !important;
        letter-spacing: -0.055em !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: clip !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-control-form > .custom-select .custom-select-label {
        min-width: 0 !important;
        display: block !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
        padding-right: 2px !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-control-form > .custom-select .custom-select-arrow {
        right: 15px !important;
        border-left-width: 7px !important;
        border-right-width: 7px !important;
        border-top-width: 8px !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-control-form > .custom-select .custom-select-menu {
        left: auto !important;
        right: 0 !important;
        width: 172px !important;
        min-width: 172px !important;
        max-width: 172px !important;
        padding: 4px !important;
        border-radius: 16px !important;
        max-height: 210px !important;
        overflow-y: auto !important;
        z-index: 30001 !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-control-form > .custom-select .custom-select-option {
        min-height: 40px !important;
        padding: 0 12px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        white-space: nowrap !important;
        word-break: keep-all !important;
        overflow: hidden !important;
        text-overflow: clip !important;
        font-size: clamp(14.5px, 3.9vw, 16.5px) !important;
        line-height: 1 !important;
        font-weight: 900 !important;
        letter-spacing: -0.055em !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-control-form input[type="search"] {
        grid-column: 1 !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 46px !important;
        border-radius: 16px !important;
        box-sizing: border-box !important;
        font-size: clamp(14.5px, 3.9vw, 16px) !important;
        white-space: nowrap !important;
        padding-left: 14px !important;
        align-self: stretch !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-control-form button {
        grid-column: 2 !important;
        width: 96px !important;
        min-width: 0 !important;
        min-height: 46px !important;
        padding: 0 10px !important;
        border-radius: 16px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        white-space: nowrap !important;
        font-size: 14.5px !important;
        font-weight: 920 !important;
        align-self: stretch !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-control-form .ranking-search-reset {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        min-height: 40px !important;
        border-radius: 14px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        white-space: nowrap !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-podium-v3 {
        display: none !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-board-card {
        padding: 16px 14px 18px !important;
        border-radius: 24px !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-board-heading-v3 {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 4px !important;
        align-items: start !important;
        margin-bottom: 12px !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-board-heading-v3 > div,
    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-board-heading-v3 > p {
        min-width: 0 !important;
        width: 100% !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-board-heading-v3 .eyebrow {
        white-space: nowrap !important;
        word-break: keep-all !important;
        letter-spacing: 0.2em !important;
        font-size: 12px !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-board-heading-v3 h2 {
        white-space: nowrap !important;
        word-break: keep-all !important;
        overflow: visible !important;
        text-overflow: clip !important;
        font-size: clamp(25px, 7vw, 32px) !important;
        line-height: 1.08 !important;
        letter-spacing: -0.08em !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-board-heading-v3 > p {
        white-space: nowrap !important;
        word-break: keep-all !important;
        overflow: visible !important;
        text-overflow: clip !important;
        font-size: clamp(13.5px, 3.55vw, 16px) !important;
        line-height: 1.22 !important;
        letter-spacing: -0.06em !important;
        text-align: left !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-list-v3 {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-list-head-v3 {
        display: none !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-row-v3 {
        position: relative !important;
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        display: grid !important;
        grid-template-columns: 66px 78px minmax(0, 1fr) !important;
        grid-template-rows: auto auto auto auto auto !important;
        gap: 6px 8px !important;
        padding: 14px !important;
        border-radius: 22px !important;
        overflow: visible !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-row-v3 .rank-cell-v3 {
        grid-column: 1 !important;
        grid-row: 1 / 3 !important;
        align-self: start !important;
        justify-self: start !important;
        padding-top: 3px !important;
        z-index: 2 !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-row-v3 .rank-chip-v3 {
        min-width: 58px !important;
        height: 42px !important;
        padding: 0 10px !important;
        border-radius: 17px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        white-space: nowrap !important;
        font-size: 16.5px !important;
        font-weight: 930 !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-row-v3 .manager-cell-v3 {
        grid-column: 2 / 4 !important;
        grid-row: 1 / 3 !important;
        display: grid !important;
        grid-template-columns: 78px minmax(0, 1fr) !important;
        grid-template-rows: 32px 52px !important;
        column-gap: 8px !important;
        row-gap: 2px !important;
        align-items: center !important;
        min-width: 0 !important;
        width: 100% !important;
        padding-right: 38px !important;
        z-index: 1 !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-row-v3 .manager-avatar-v3 {
        grid-column: 1 !important;
        grid-row: 1 / 3 !important;
        width: 76px !important;
        height: 76px !important;
        border-radius: 20px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
        align-self: center !important;
        justify-self: start !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-row-v3 .manager-avatar-v3 .uniform-img.uniform-sm,
    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-row-v3 .manager-avatar-v3 .user-default-avatar {
        max-width: 72px !important;
        max-height: 72px !important;
        object-fit: contain !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-row-v3 .manager-name-v3 {
        grid-column: 2 !important;
        grid-row: 2 !important;
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        align-items: start !important;
        justify-content: flex-start !important;
        gap: 0 !important;
        overflow: visible !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-row-v3 .manager-name-v3 strong {
        display: block !important;
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        white-space: nowrap !important;
        word-break: keep-all !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        font-size: clamp(20px, 5.7vw, 26px) !important;
        line-height: 1.08 !important;
        letter-spacing: -0.06em !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-row-v3 .favorite-team-cell-v3 {
        grid-column: 3 !important;
        grid-row: 1 !important;
        display: flex !important;
        align-items: end !important;
        justify-content: flex-start !important;
        min-width: 0 !important;
        width: 100% !important;
        margin: 0 0 2px !important;
        padding: 0 !important;
        z-index: 3 !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-row-v3 .favorite-team-cell-v3 .team-badge,
    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-row-v3 .favorite-team-cell-v3 .favorite-unselected-pill {
        max-width: 100% !important;
        white-space: nowrap !important;
        word-break: keep-all !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        flex: 0 1 auto !important;
        font-size: 13px !important;
        line-height: 1 !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-row-v3.my-team-row .my-user-mini-badge {
        position: absolute !important;
        top: 12px !important;
        right: 12px !important;
        z-index: 5 !important;
        margin: 0 !important;
        min-width: 34px !important;
        height: 26px !important;
        padding: 0 9px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 999px !important;
        white-space: nowrap !important;
        font-size: 12px !important;
        line-height: 1 !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-row-v3 .ranking-primary-number,
    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-row-v3 .ranking-neutral-number,
    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-row-v3 .ranking-sub-info {
        min-width: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        min-height: 52px !important;
        padding: 9px 12px !important;
        border-radius: 16px !important;
        background: rgba(255, 255, 255, 0.045) !important;
        border: 1px solid rgba(255, 255, 255, 0.07) !important;
        text-align: right !important;
        white-space: nowrap !important;
        word-break: keep-all !important;
        overflow: visible !important;
        text-overflow: clip !important;
        font-size: clamp(17px, 5vw, 23px) !important;
        line-height: 1.08 !important;
        letter-spacing: -0.055em !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-row-v3 .ranking-primary-number {
        grid-column: 1 / -1 !important;
        grid-row: 3 !important;
        margin-top: 4px !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-row-v3 .ranking-neutral-number {
        grid-column: 1 / -1 !important;
        grid-row: 4 !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-row-v3 .ranking-sub-info {
        grid-column: 1 / -1 !important;
        grid-row: 5 !important;
        color: rgba(225, 238, 242, 0.82) !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-row-v3 .ranking-primary-number::before,
    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-row-v3 .ranking-neutral-number::before,
    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-row-v3 .ranking-sub-info::before {
        content: attr(data-mobile-label) !important;
        flex: 0 0 auto !important;
        min-width: max-content !important;
        color: rgba(203, 224, 229, 0.58) !important;
        font-size: 14px !important;
        line-height: 1.1 !important;
        font-weight: 900 !important;
        letter-spacing: -0.04em !important;
        text-align: left !important;
        white-space: nowrap !important;
        word-break: keep-all !important;
    }
}

@media (max-width: 390px) {
    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-type-tabs {
        gap: 6px !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-type-tabs > a {
        font-size: clamp(11px, 3.25vw, 13px) !important;
        letter-spacing: -0.075em !important;
        padding: 0 2px !important;
        min-height: 43px !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-control-form {
        grid-template-columns: minmax(0, 1fr) 88px !important;
        column-gap: 8px !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-control-form select,
    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-control-form > .custom-select {
        width: 162px !important;
        min-width: 0 !important;
        max-width: 162px !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-control-form > .custom-select .custom-select-menu {
        width: 162px !important;
        min-width: 162px !important;
        max-width: 162px !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-control-form button {
        width: 88px !important;
        font-size: 14px !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-board-heading-v3 h2 {
        font-size: clamp(23px, 6.55vw, 29px) !important;
        letter-spacing: -0.085em !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-board-heading-v3 > p {
        font-size: clamp(12.5px, 3.35vw, 14.5px) !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-row-v3 {
        grid-template-columns: 58px 70px minmax(0, 1fr) !important;
        padding: 12px !important;
        gap: 5px 7px !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-row-v3 .rank-chip-v3 {
        min-width: 50px !important;
        height: 38px !important;
        font-size: 15px !important;
        padding: 0 8px !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-row-v3 .manager-cell-v3 {
        grid-template-columns: 70px minmax(0, 1fr) !important;
        grid-template-rows: 29px 49px !important;
        column-gap: 7px !important;
        padding-right: 34px !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-row-v3 .manager-avatar-v3 {
        width: 68px !important;
        height: 68px !important;
        border-radius: 18px !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-row-v3 .manager-avatar-v3 .uniform-img.uniform-sm,
    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-row-v3 .manager-avatar-v3 .user-default-avatar {
        max-width: 64px !important;
        max-height: 64px !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-row-v3 .manager-name-v3 strong {
        font-size: clamp(18px, 5.35vw, 23px) !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-row-v3 .favorite-team-cell-v3 .team-badge,
    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-row-v3 .favorite-team-cell-v3 .favorite-unselected-pill {
        font-size: 12px !important;
    }
}

/* MYPICK MOBILE USER RANKINGS V4 MONTH INLINE + PODIUM ICON 2026-06-02 START */
/* Scope: mobile /user-rankings and bottom ranking tab icon only. Keeps ranking logic, templates/user_rankings.html, team-edit, players, center, desktop untouched. */
@media (max-width: 768px) {
    body:not(.is-home-page) .mobile-bottom-icon.mobile-rank-podium {
        width: 23px !important;
        height: 20px !important;
        display: inline-grid !important;
        grid-template-columns: repeat(3, 5px) !important;
        grid-template-rows: 20px !important;
        gap: 2px !important;
        align-items: end !important;
        justify-content: center !important;
        color: inherit !important;
        font-size: 0 !important;
        line-height: 1 !important;
    }

    body:not(.is-home-page) .mobile-bottom-icon.mobile-rank-podium > span {
        display: block !important;
        width: 5px !important;
        border-radius: 2px 2px 1px 1px !important;
        background: currentColor !important;
        box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.03) inset !important;
        opacity: 0.92 !important;
    }

    body:not(.is-home-page) .mobile-bottom-icon.mobile-rank-podium > span:nth-child(1) {
        height: 10px !important;
    }

    body:not(.is-home-page) .mobile-bottom-icon.mobile-rank-podium > span:nth-child(2) {
        height: 17px !important;
    }

    body:not(.is-home-page) .mobile-bottom-icon.mobile-rank-podium > span:nth-child(3) {
        height: 13px !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-filter-card {
        gap: 7px !important;
        align-content: start !important;
        align-items: start !important;
        min-height: 0 !important;
        padding: 12px !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-type-tabs {
        margin: 0 !important;
    }

    /* Default total/recent layout: search + button stay on the same row. */
    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-control-form {
        width: 100% !important;
        min-width: 0 !important;
        margin: 6px 0 0 !important;
        padding: 0 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 92px !important;
        grid-template-areas: "search button" "reset reset" !important;
        column-gap: 8px !important;
        row-gap: 7px !important;
        align-items: stretch !important;
        overflow: visible !important;
    }

    /* Monthly layout only: search + month picker + search button in one compact row. */
    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-control-form:has(> .custom-select) {
        grid-template-columns: minmax(0, 1fr) 126px 80px !important;
        grid-template-areas: "search month button" "reset reset reset" !important;
        column-gap: 7px !important;
        row-gap: 7px !important;
        margin-top: 6px !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-control-form input[type="hidden"],
    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-control-form .sr-only {
        display: none !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-control-form input[type="search"] {
        grid-area: search !important;
        grid-column: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        min-height: 44px !important;
        height: 44px !important;
        padding: 0 12px !important;
        border-radius: 15px !important;
        box-sizing: border-box !important;
        font-size: clamp(13px, 3.5vw, 15px) !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        align-self: stretch !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-control-form button[type="submit"] {
        grid-area: button !important;
        grid-column: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        min-height: 44px !important;
        height: 44px !important;
        padding: 0 8px !important;
        border-radius: 15px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        white-space: nowrap !important;
        font-size: clamp(13.5px, 3.55vw, 15px) !important;
        font-weight: 930 !important;
        line-height: 1 !important;
        align-self: stretch !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-control-form select.select-native-hidden {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-control-form > .custom-select {
        grid-area: month !important;
        grid-column: auto !important;
        width: 126px !important;
        min-width: 0 !important;
        max-width: 126px !important;
        justify-self: stretch !important;
        align-self: stretch !important;
        margin: 0 !important;
        position: relative !important;
        z-index: 30010 !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-control-form > .custom-select .custom-select-trigger {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 44px !important;
        height: 44px !important;
        padding: 0 32px 0 10px !important;
        border-radius: 15px !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        font-size: clamp(13.5px, 3.55vw, 15.5px) !important;
        line-height: 1 !important;
        font-weight: 930 !important;
        letter-spacing: -0.06em !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: clip !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-control-form > .custom-select .custom-select-label {
        display: block !important;
        min-width: 0 !important;
        max-width: calc(100% - 2px) !important;
        white-space: nowrap !important;
        word-break: keep-all !important;
        overflow: hidden !important;
        text-overflow: clip !important;
        padding-right: 0 !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-control-form > .custom-select .custom-select-arrow {
        right: 11px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        border-left-width: 6px !important;
        border-right-width: 6px !important;
        border-top-width: 7px !important;
        pointer-events: none !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-control-form > .custom-select.is-open .custom-select-arrow {
        transform: translateY(-50%) rotate(180deg) !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-control-form > .custom-select .custom-select-menu {
        left: auto !important;
        right: 0 !important;
        top: calc(100% + 6px) !important;
        width: 126px !important;
        min-width: 126px !important;
        max-width: 126px !important;
        padding: 4px !important;
        border-radius: 15px !important;
        max-height: 184px !important;
        overflow-y: auto !important;
        z-index: 40001 !important;
        box-sizing: border-box !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-control-form > .custom-select .custom-select-option {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 36px !important;
        height: 36px !important;
        padding: 0 8px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        white-space: nowrap !important;
        word-break: keep-all !important;
        overflow: hidden !important;
        text-overflow: clip !important;
        font-size: clamp(13px, 3.45vw, 14.5px) !important;
        line-height: 1 !important;
        font-weight: 900 !important;
        letter-spacing: -0.065em !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-control-form .ranking-search-reset {
        grid-area: reset !important;
        grid-column: auto !important;
        width: 100% !important;
        min-height: 38px !important;
        height: 38px !important;
        border-radius: 14px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        white-space: nowrap !important;
    }
}

@media (max-width: 390px) {
    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-control-form:has(> .custom-select) {
        grid-template-columns: minmax(0, 1fr) 116px 72px !important;
        column-gap: 6px !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-control-form > .custom-select {
        width: 116px !important;
        max-width: 116px !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-control-form > .custom-select .custom-select-menu {
        width: 116px !important;
        min-width: 116px !important;
        max-width: 116px !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-control-form input[type="search"] {
        font-size: 12.5px !important;
        padding-left: 10px !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-control-form button[type="submit"] {
        font-size: 13px !important;
        padding: 0 5px !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-control-form > .custom-select .custom-select-trigger {
        font-size: 13px !important;
        padding-left: 8px !important;
        padding-right: 28px !important;
        letter-spacing: -0.07em !important;
    }
}
/* MYPICK MOBILE USER RANKINGS V4 MONTH INLINE + PODIUM ICON 2026-06-02 END */

/* MYPICK MOBILE USER RANKINGS FINAL FIX 2026-06-01 END */

/* MYPICK DESKTOP PROFILE/MYTEAM/TEAMEDIT SAFETY REPAIR 2026-06-02 START */
/* Scope: desktop only. Equalize roster list columns, keep team-edit remove button at the card right edge, and prevent team-edit market search clipping. No mobile rules. */
@media (min-width: 769px) {
    body:not(.is-home-page) .my-team-page-shell .my-team-mobile-actions {
        display: none !important;
    }

    body:not(.is-home-page) .my-team-page-shell .list-view-panel .mobile-roster-group-heading,
    body:not(.is-home-page) .team-edit-page-shell .list-view-panel .mobile-roster-group-heading {
        display: none !important;
    }

    body:not(.is-home-page) .my-team-page-shell .list-view-panel .roster-list-row,
    body:not(.is-home-page) .team-edit-page-shell .list-view-panel .team-edit-list-row {
        position: relative !important;
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        align-items: center !important;
        column-gap: clamp(14px, 2vw, 34px) !important;
        row-gap: 0 !important;
        width: 100% !important;
        min-width: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .list-view-panel .team-edit-list-row {
        padding-right: 86px !important;
    }

    body:not(.is-home-page) .my-team-page-shell .list-view-panel .roster-slot-chip,
    body:not(.is-home-page) .team-edit-page-shell .list-view-panel .roster-slot-chip {
        grid-column: 1 !important;
        justify-self: start !important;
        width: 100% !important;
        min-width: 0 !important;
        padding-left: 0 !important;
        transform: none !important;
    }

    body:not(.is-home-page) .my-team-page-shell .list-view-panel .roster-player-identity,
    body:not(.is-home-page) .team-edit-page-shell .list-view-panel .roster-player-identity {
        grid-column: 2 !important;
        justify-self: start !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        transform: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 11px !important;
        overflow: visible !important;
    }

    body:not(.is-home-page) .my-team-page-shell .list-view-panel .roster-player-identity > div,
    body:not(.is-home-page) .team-edit-page-shell .list-view-panel .roster-player-identity > div,
    body:not(.is-home-page) .team-edit-page-shell .list-view-panel .roster-player-text {
        min-width: 0 !important;
        display: grid !important;
        align-content: center !important;
        gap: 2px !important;
        overflow: visible !important;
    }

    body:not(.is-home-page) .my-team-page-shell .list-view-panel .roster-player-identity .player-link,
    body:not(.is-home-page) .team-edit-page-shell .list-view-panel .roster-player-identity .player-link,
    body:not(.is-home-page) .my-team-page-shell .list-view-panel .roster-player-identity small,
    body:not(.is-home-page) .team-edit-page-shell .list-view-panel .roster-player-identity small {
        max-width: 100% !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .list-view-panel .team-edit-player-name-row {
        display: block !important;
        min-width: 0 !important;
        overflow: visible !important;
    }

    body:not(.is-home-page) .my-team-page-shell .list-view-panel .roster-list-meta,
    body:not(.is-home-page) .team-edit-page-shell .list-view-panel .roster-list-meta {
        grid-column: 3 !important;
        justify-self: start !important;
        width: 100% !important;
        min-width: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        overflow: visible !important;
    }

    body:not(.is-home-page) .my-team-page-shell .list-view-panel .roster-price-row,
    body:not(.is-home-page) .team-edit-page-shell .list-view-panel .roster-price-row,
    body:not(.is-home-page) .team-edit-page-shell .list-view-panel .team-edit-price-row {
        grid-column: 4 !important;
        justify-self: stretch !important;
        width: 100% !important;
        min-width: 0 !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
        margin: 0 !important;
        overflow: visible !important;
    }

    body:not(.is-home-page) .my-team-page-shell .list-view-panel .roster-list-stat,
    body:not(.is-home-page) .team-edit-page-shell .list-view-panel .roster-list-stat {
        min-width: 0 !important;
        overflow: visible !important;
    }

    body:not(.is-home-page) .my-team-page-shell .list-view-panel .roster-list-stat span,
    body:not(.is-home-page) .team-edit-page-shell .list-view-panel .roster-list-stat span {
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

    body:not(.is-home-page) .my-team-page-shell .list-view-panel .roster-list-stat strong,
    body:not(.is-home-page) .team-edit-page-shell .list-view-panel .roster-list-stat strong,
    body:not(.is-home-page) .my-team-page-shell .list-view-panel .roster-list-stat .acquisition-price-value,
    body:not(.is-home-page) .team-edit-page-shell .list-view-panel .roster-list-stat .acquisition-price-value,
    body:not(.is-home-page) .my-team-page-shell .list-view-panel .roster-list-stat .market-price-value,
    body:not(.is-home-page) .team-edit-page-shell .list-view-panel .roster-list-stat .market-price-value {
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

    body:not(.is-home-page) .my-team-page-shell .list-view-panel .roster-list-stat-income,
    body:not(.is-home-page) .team-edit-page-shell .list-view-panel .roster-list-stat-income {
        grid-column: 5 !important;
        justify-self: stretch !important;
        width: 100% !important;
        min-width: 0 !important;
        overflow: visible !important;
    }

    body:not(.is-home-page) .my-team-page-shell .list-view-panel .roster-list-stat-income strong,
    body:not(.is-home-page) .team-edit-page-shell .list-view-panel .roster-list-stat-income strong {
        display: inline-flex !important;
        align-items: baseline !important;
        gap: 0.18em !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .list-view-panel .team-edit-list-remove {
        position: absolute !important;
        top: 50% !important;
        right: 22px !important;
        margin: 0 !important;
        transform: translateY(-50%) scale(0.96) !important;
        opacity: 0 !important;
        pointer-events: none !important;
        z-index: 20 !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .list-view-panel .team-edit-list-row:hover .team-edit-list-remove,
    body:not(.is-home-page) .team-edit-page-shell .list-view-panel .team-edit-list-row:focus-within .team-edit-list-remove {
        opacity: 1 !important;
        pointer-events: auto !important;
        transform: translateY(-50%) scale(1) !important;
    }

    /* Team-edit market search form: desktop-only layout restore.
       Row 1: player name. Row 2: team/type/detail. Row 3: min/max. Row 4: buttons.
       This intentionally does not touch market result/player cards. */
    body:not(.is-home-page) .team-edit-page-shell .team-edit-market-panel,
    body:not(.is-home-page) .team-edit-page-shell .team-edit-market-source.players-page-shell,
    body:not(.is-home-page) .team-edit-page-shell #team-market-search-form.players-filter-card {
        position: relative !important;
        overflow: visible !important;
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    body:not(.is-home-page) .team-edit-page-shell #team-market-search-form.players-filter-grid,
    body:not(.is-home-page) .team-edit-page-shell #team-market-search-form.filter-grid.players-filter-grid,
    body:not(.is-home-page) .team-edit-page-shell .team-market-search-form.players-filter-grid {
        display: grid !important;
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
        gap: 12px !important;
        align-items: end !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: visible !important;
        box-sizing: border-box !important;
        z-index: 500 !important;
    }

    body:not(.is-home-page) .team-edit-page-shell #team-market-search-form > .form-field,
    body:not(.is-home-page) .team-edit-page-shell #team-market-search-form > .form-actions,
    body:not(.is-home-page) .team-edit-page-shell #team-market-search-form > .market-filter-actions {
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        position: relative !important;
        overflow: visible !important;
        z-index: 2 !important;
    }

    body:not(.is-home-page) .team-edit-page-shell #team-market-search-form > .form-field.wide {
        grid-column: 1 / -1 !important;
    }

    body:not(.is-home-page) .team-edit-page-shell #team-market-search-form > .form-field:nth-of-type(2),
    body:not(.is-home-page) .team-edit-page-shell #team-market-search-form > .form-field:nth-of-type(3),
    body:not(.is-home-page) .team-edit-page-shell #team-market-search-form > .form-field:nth-of-type(4) {
        grid-column: span 2 !important;
    }

    body:not(.is-home-page) .team-edit-page-shell #team-market-search-form > .form-field:nth-of-type(5),
    body:not(.is-home-page) .team-edit-page-shell #team-market-search-form > .form-field:nth-of-type(6) {
        grid-column: span 3 !important;
    }

    body:not(.is-home-page) .team-edit-page-shell #team-market-search-form > .market-filter-actions,
    body:not(.is-home-page) .team-edit-page-shell #team-market-search-form > .form-actions {
        grid-column: 1 / -1 !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
        align-items: stretch !important;
    }

    body:not(.is-home-page) .team-edit-page-shell #team-market-search-form .custom-select,
    body:not(.is-home-page) .team-edit-page-shell #team-market-search-form .custom-select-trigger,
    body:not(.is-home-page) .team-edit-page-shell #team-market-search-form input,
    body:not(.is-home-page) .team-edit-page-shell #team-market-search-form select,
    body:not(.is-home-page) .team-edit-page-shell #team-market-search-form button,
    body:not(.is-home-page) .team-edit-page-shell #team-market-search-form .button-link {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    body:not(.is-home-page) .team-edit-page-shell #team-market-search-form .custom-select.is-open,
    body:not(.is-home-page) .team-edit-page-shell #team-market-search-form .form-field:has(.custom-select.is-open) {
        position: relative !important;
        overflow: visible !important;
        z-index: 10000 !important;
    }

    body:not(.is-home-page) .team-edit-page-shell #team-market-search-form .custom-select.is-open .custom-select-menu {
        z-index: 10001 !important;
        max-height: min(310px, 46vh) !important;
        overflow-y: auto !important;
        pointer-events: auto !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-edit-search-scroll {
        position: relative !important;
        z-index: 1 !important;
    }
}
/* MYPICK DESKTOP PROFILE/MYTEAM/TEAMEDIT SAFETY REPAIR 2026-06-02 END */


/* MYPICK MOBILE PROFILE FINAL POLISH 2026-06-02 START */
/* Scope: mobile /profile only. Does not touch /my-team, /team/edit, user rankings, DB, routes, or desktop. */
@media (max-width: 768px) {
    body:not(.is-home-page) .profile-page-shell .profile-v2-hero {
        padding: 18px 16px !important;
        gap: 12px !important;
        overflow: visible !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-v2-identity,
    body:not(.is-home-page) .profile-page-shell .profile-v2-identity.no-favorite-team,
    body:not(.is-home-page) .profile-page-shell .profile-v2-identity.has-favorite-team {
        display: grid !important;
        grid-template-columns: clamp(96px, 22vw, 112px) minmax(0, 1fr) !important;
        align-items: center !important;
        justify-content: stretch !important;
        gap: 12px !important;
        text-align: left !important;
        width: 100% !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-v2-uniform-frame,
    body:not(.is-home-page) .profile-page-shell .profile-v2-uniform-frame.is-default,
    body:not(.is-home-page) .profile-page-shell .profile-v2-uniform-frame.has-uniform {
        width: clamp(94px, 21vw, 110px) !important;
        height: clamp(88px, 20vw, 104px) !important;
        min-width: clamp(94px, 21vw, 110px) !important;
        max-width: clamp(94px, 21vw, 110px) !important;
        margin: 0 !important;
        padding: 7px !important;
        align-self: center !important;
        justify-self: start !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 22px !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-v2-uniform-frame .uniform,
    body:not(.is-home-page) .profile-page-shell .profile-v2-uniform-frame .uniform-img,
    body:not(.is-home-page) .profile-page-shell .profile-v2-uniform-frame .uniform-lg,
    body:not(.is-home-page) .profile-page-shell .profile-v2-uniform-frame .profile-v2-default-avatar {
        margin: auto !important;
        align-self: center !important;
        justify-self: center !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        transform: none !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-v2-uniform-frame .uniform-lg,
    body:not(.is-home-page) .profile-page-shell .profile-v2-uniform-frame .uniform-img.uniform-lg,
    body:not(.is-home-page) .profile-page-shell .profile-v2-uniform-frame.is-default .profile-v2-default-avatar {
        width: clamp(76px, 18vw, 88px) !important;
        height: clamp(76px, 18vw, 88px) !important;
        max-width: 88px !important;
        max-height: 88px !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-v2-uniform-frame img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        object-position: center center !important;
        display: block !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-v2-identity > div:not(.profile-v2-uniform-frame) {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        align-self: center !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-v2-identity h1 {
        width: 100% !important;
        max-width: 100% !important;
        margin: 1px 0 3px !important;
        font-size: clamp(32px, 9.2vw, 45px) !important;
        line-height: 1 !important;
        letter-spacing: -0.085em !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        word-break: keep-all !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-v2-subcopy {
        margin: 0 !important;
        font-size: clamp(15px, 4.2vw, 18px) !important;
        line-height: 1.1 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-v2-hero-actions {
        width: auto !important;
        max-width: 276px !important;
        margin-top: 8px !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 132px)) !important;
        gap: 8px !important;
        justify-content: start !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-v2-hero-actions .button-link {
        width: 100% !important;
        min-height: 40px !important;
        padding: 0 10px !important;
        border-radius: 15px !important;
        font-size: 13px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-overview {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        margin-top: 8px !important;
        align-items: start !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-summary-panel,
    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel {
        min-height: 0 !important;
        height: auto !important;
        padding: 16px !important;
        border-radius: 24px !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-section-head,
    body:not(.is-home-page) .profile-page-shell .profile-clean-section-head.split {
        margin-bottom: 10px !important;
        gap: 7px !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-summary-list {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: none !important;
        gap: 9px !important;
        flex: 0 0 auto !important;
        width: 100% !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-stat-card,
    body:not(.is-home-page) .profile-page-shell .profile-clean-stat-card:first-child,
    body:not(.is-home-page) .profile-page-shell .profile-clean-stat-card.profile-clean-stat-recent {
        grid-column: auto !important;
        min-height: 104px !important;
        height: auto !important;
        padding: 13px 12px 12px !important;
        border-radius: 18px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: space-between !important;
        gap: 8px !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-stat-card span {
        display: block !important;
        margin: 0 !important;
        color: rgba(247, 252, 255, 0.94) !important;
        font-size: clamp(12px, 3.2vw, 14px) !important;
        line-height: 1.08 !important;
        font-weight: 930 !important;
        white-space: nowrap !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-stat-card strong,
    body:not(.is-home-page) .profile-page-shell .profile-clean-stat-card .profile-total-asset-value {
        display: block !important;
        max-width: 100% !important;
        align-self: start !important;
        justify-self: auto !important;
        margin: 0 !important;
        font-size: clamp(19px, 5.2vw, 30px) !important;
        line-height: 0.98 !important;
        letter-spacing: -0.095em !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-stat-card small {
        display: block !important;
        max-width: 100% !important;
        margin: 0 !important;
        color: rgba(190, 207, 217, 0.70) !important;
        font-size: clamp(10px, 2.7vw, 11.5px) !important;
        line-height: 1.12 !important;
        font-weight: 780 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievement-grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        gap: 8px !important;
        width: 100% !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievement-card {
        min-height: 112px !important;
        height: 112px !important;
        padding: 9px 7px !important;
        border-radius: 15px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        gap: 4px !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievement-label,
    body:not(.is-home-page) .profile-page-shell .profile-clean-achievement-title {
        margin: 0 !important;
        max-width: 100% !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievement-label span {
        font-size: clamp(7.2px, 1.9vw, 8.8px) !important;
        line-height: 1 !important;
        letter-spacing: 0.09em !important;
        white-space: nowrap !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievement-title {
        color: rgba(247, 252, 255, 0.95) !important;
        font-size: clamp(9.5px, 2.35vw, 11.2px) !important;
        line-height: 1.12 !important;
        font-weight: 900 !important;
        letter-spacing: -0.065em !important;
        word-break: keep-all !important;
        overflow-wrap: normal !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievement-meta {
        margin-top: 0 !important;
        min-width: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important;
        gap: 3px !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievement-meta small {
        max-width: 100% !important;
        color: rgba(174, 199, 207, 0.66) !important;
        font-size: clamp(7.4px, 1.85vw, 8.6px) !important;
        line-height: 1.08 !important;
        font-weight: 760 !important;
        word-break: keep-all !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 1 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievement-count {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        align-self: stretch !important;
        font-size: clamp(13.5px, 3.45vw, 17.5px) !important;
        line-height: 1 !important;
        letter-spacing: -0.12em !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-align: center !important;
        transform-origin: center center !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievement-count-main {
        display: inline-block !important;
        max-width: 100% !important;
        white-space: nowrap !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievement-count-unit {
        margin-left: 2px !important;
        font-size: 0.58em !important;
        letter-spacing: -0.04em !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-v2-main-grid {
        gap: 12px !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-manager-card {
        padding: 16px !important;
        border-radius: 24px !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-manager-card .section-heading.compact-heading,
    body:not(.is-home-page) .profile-page-shell .profile-manager-card .section-heading.compact-heading.split {
        margin-bottom: 12px !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-status-grid,
    body:not(.is-home-page) .profile-page-shell .profile-budget-strip {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 8px !important;
        width: 100% !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-status-item,
    body:not(.is-home-page) .profile-page-shell .profile-budget-strip > div {
        min-height: 88px !important;
        padding: 11px 8px !important;
        border-radius: 16px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        gap: 6px !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-budget-strip {
        margin-top: 8px !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-status-item span,
    body:not(.is-home-page) .profile-page-shell .profile-budget-strip span {
        margin: 0 !important;
        font-size: clamp(9.5px, 2.55vw, 11.8px) !important;
        line-height: 1.12 !important;
        font-weight: 850 !important;
        letter-spacing: -0.045em !important;
        white-space: normal !important;
        word-break: keep-all !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-status-item strong,
    body:not(.is-home-page) .profile-page-shell .profile-budget-strip strong,
    body:not(.is-home-page) .profile-page-shell .profile-status-grid strong.profile-selected-count,
    body:not(.is-home-page) .profile-page-shell .profile-status-grid strong.profile-selected-count .selected-current,
    body:not(.is-home-page) .profile-page-shell .profile-status-grid strong.profile-selected-count .selected-total {
        display: inline-flex !important;
        align-items: baseline !important;
        max-width: 100% !important;
        font-size: clamp(17px, 4.5vw, 24px) !important;
        line-height: 1 !important;
        letter-spacing: -0.08em !important;
        white-space: nowrap !important;
        overflow: visible !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-status-grid strong.profile-selected-count .selected-total {
        font-size: 0.72em !important;
        letter-spacing: -0.05em !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-budget-strip + .profile-note,
    body:not(.is-home-page) .profile-page-shell .profile-note {
        margin-top: 12px !important;
        font-size: clamp(12px, 3.05vw, 14px) !important;
        line-height: 1.46 !important;
        letter-spacing: -0.045em !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-lineup-card.my-team-page-shell {
        padding: 14px !important;
        border-radius: 24px !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-lineup-card.my-team-page-shell .profile-lineup-panel {
        display: none !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-lineup-card.my-team-page-shell .profile-mobile-lineup-list.roster-list-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 8px !important;
        overflow: visible !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-lineup-card.my-team-page-shell .mobile-roster-group-heading {
        grid-column: 1 / -1 !important;
        margin-top: 8px !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-lineup-card.my-team-page-shell .profile-roster-list-row {
        cursor: pointer !important;
    }
}

@media (max-width: 390px) {
    body:not(.is-home-page) .profile-page-shell .profile-v2-identity,
    body:not(.is-home-page) .profile-page-shell .profile-v2-identity.no-favorite-team,
    body:not(.is-home-page) .profile-page-shell .profile-v2-identity.has-favorite-team {
        grid-template-columns: 84px minmax(0, 1fr) !important;
        gap: 10px !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-v2-uniform-frame,
    body:not(.is-home-page) .profile-page-shell .profile-v2-uniform-frame.is-default,
    body:not(.is-home-page) .profile-page-shell .profile-v2-uniform-frame.has-uniform {
        width: 84px !important;
        height: 78px !important;
        min-width: 84px !important;
        max-width: 84px !important;
        border-radius: 18px !important;
        padding: 6px !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-v2-uniform-frame .uniform-lg,
    body:not(.is-home-page) .profile-page-shell .profile-v2-uniform-frame .uniform-img.uniform-lg,
    body:not(.is-home-page) .profile-page-shell .profile-v2-uniform-frame.is-default .profile-v2-default-avatar {
        width: 68px !important;
        height: 68px !important;
        max-width: 68px !important;
        max-height: 68px !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-v2-identity h1 {
        font-size: clamp(28px, 8.4vw, 38px) !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-v2-hero-actions {
        max-width: 236px !important;
        grid-template-columns: repeat(2, minmax(0, 114px)) !important;
        gap: 7px !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-v2-hero-actions .button-link {
        min-height: 38px !important;
        font-size: 12.4px !important;
        padding: 0 8px !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-summary-list {
        gap: 7px !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-stat-card,
    body:not(.is-home-page) .profile-page-shell .profile-clean-stat-card:first-child,
    body:not(.is-home-page) .profile-page-shell .profile-clean-stat-card.profile-clean-stat-recent {
        min-height: 96px !important;
        padding: 11px 10px !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-stat-card strong,
    body:not(.is-home-page) .profile-page-shell .profile-clean-stat-card .profile-total-asset-value {
        font-size: clamp(17px, 4.7vw, 26px) !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievement-grid {
        gap: 6px !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievement-card {
        min-height: 104px !important;
        height: 104px !important;
        padding: 8px 5px !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievement-label span {
        font-size: 7px !important;
        letter-spacing: 0.07em !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievement-title {
        font-size: 9px !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievement-meta small {
        display: none !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievement-count {
        font-size: clamp(12.2px, 3.15vw, 16px) !important;
        letter-spacing: -0.13em !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-status-grid,
    body:not(.is-home-page) .profile-page-shell .profile-budget-strip {
        gap: 6px !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-status-item,
    body:not(.is-home-page) .profile-page-shell .profile-budget-strip > div {
        min-height: 80px !important;
        padding: 10px 6px !important;
        border-radius: 14px !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-status-item span,
    body:not(.is-home-page) .profile-page-shell .profile-budget-strip span {
        font-size: 9px !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-status-item strong,
    body:not(.is-home-page) .profile-page-shell .profile-budget-strip strong,
    body:not(.is-home-page) .profile-page-shell .profile-status-grid strong.profile-selected-count,
    body:not(.is-home-page) .profile-page-shell .profile-status-grid strong.profile-selected-count .selected-current,
    body:not(.is-home-page) .profile-page-shell .profile-status-grid strong.profile-selected-count .selected-total {
        font-size: clamp(14.5px, 3.9vw, 20px) !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-lineup-card.my-team-page-shell .profile-mobile-lineup-list.roster-list-grid {
        gap: 7px !important;
    }
}
/* MYPICK MOBILE PROFILE FINAL POLISH 2026-06-02 END */

/* MYPICK MOBILE PROFILE TARGETED SAFE FIX 2026-06-02 START */
/* Scope: mobile /profile only. V13 replaces this single targeted block. Protected: record summary, templates, DB, routes, desktop. */
.profile-page-shell .profile-mobile-achievement-body {
    display: none;
}

@media (max-width: 768px) {
    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel,
    body:not(.is-home-page) .profile-page-shell .profile-manager-card,
    body:not(.is-home-page) .profile-page-shell .profile-v2-identity {
        position: relative !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-v2-identity,
    body:not(.is-home-page) .profile-page-shell .profile-v2-identity.no-favorite-team,
    body:not(.is-home-page) .profile-page-shell .profile-v2-identity.has-favorite-team {
        display: grid !important;
        grid-template-columns: clamp(74px, 19vw, 84px) minmax(0, 1fr) !important;
        gap: clamp(9px, 2.7vw, 12px) !important;
        align-items: center !important;
        justify-content: stretch !important;
        text-align: left !important;
        width: 100% !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-v2-uniform-frame,
    body:not(.is-home-page) .profile-page-shell .profile-v2-uniform-frame.is-default,
    body:not(.is-home-page) .profile-page-shell .profile-v2-uniform-frame.has-uniform {
        width: clamp(70px, 18.5vw, 82px) !important;
        min-width: clamp(70px, 18.5vw, 82px) !important;
        max-width: clamp(70px, 18.5vw, 82px) !important;
        height: clamp(68px, 17.8vw, 78px) !important;
        min-height: clamp(68px, 17.8vw, 78px) !important;
        max-height: clamp(68px, 17.8vw, 78px) !important;
        margin: 0 !important;
        padding: 5px !important;
        border-radius: 17px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        align-self: center !important;
        justify-self: start !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-v2-uniform-frame.has-uniform .uniform,
    body:not(.is-home-page) .profile-page-shell .profile-v2-uniform-frame.has-uniform .uniform-lg,
    body:not(.is-home-page) .profile-page-shell .profile-v2-uniform-frame.has-uniform .uniform-img,
    body:not(.is-home-page) .profile-page-shell .profile-v2-uniform-frame.has-uniform img {
        width: auto !important;
        height: auto !important;
        max-width: calc(100% - 4px) !important;
        max-height: calc(100% - 2px) !important;
        margin: auto !important;
        object-fit: contain !important;
        object-position: center center !important;
        transform: none !important;
        display: block !important;
        flex: 0 0 auto !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-v2-uniform-frame.is-default .profile-v2-default-avatar {
        width: clamp(48px, 13.6vw, 58px) !important;
        min-width: clamp(48px, 13.6vw, 58px) !important;
        max-width: clamp(48px, 13.6vw, 58px) !important;
        height: clamp(48px, 13.6vw, 58px) !important;
        min-height: clamp(48px, 13.6vw, 58px) !important;
        max-height: clamp(48px, 13.6vw, 58px) !important;
        margin: auto !important;
        padding: 0 !important;
        border-radius: 999px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-v2-uniform-frame.is-default .profile-v2-default-avatar svg {
        width: 58% !important;
        height: 58% !important;
        max-width: 34px !important;
        max-height: 34px !important;
        display: block !important;
        flex: 0 0 auto !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-v2-identity > div:not(.profile-v2-uniform-frame) {
        min-width: 0 !important;
        max-width: 100% !important;
        align-self: center !important;
    }


    body:not(.is-home-page) .profile-page-shell .profile-v2-hero:has(.profile-public-view-panel) {
        padding-top: clamp(22px, 5.4vw, 28px) !important;
        padding-bottom: clamp(17px, 4.2vw, 22px) !important;
        row-gap: clamp(10px, 2.8vw, 14px) !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-v2-hero:has(.profile-public-view-panel) .profile-v2-identity,
    body:not(.is-home-page) .profile-page-shell .profile-v2-hero:has(.profile-public-view-panel) .profile-v2-identity.has-favorite-team,
    body:not(.is-home-page) .profile-page-shell .profile-v2-hero:has(.profile-public-view-panel) .profile-v2-identity.no-favorite-team {
        grid-template-columns: clamp(74px, 18.7vw, 84px) minmax(0, 1fr) !important;
        column-gap: clamp(12px, 3.1vw, 16px) !important;
        row-gap: 0 !important;
        align-items: center !important;
        margin: 0 !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-v2-hero:has(.profile-public-view-panel) .profile-v2-identity > div:not(.profile-v2-uniform-frame) {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        column-gap: clamp(12px, 3.2vw, 18px) !important;
        row-gap: 2px !important;
        align-items: center !important;
        justify-content: start !important;
        align-self: center !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-v2-hero:has(.profile-public-view-panel) .profile-v2-identity .eyebrow {
        grid-column: 1 / -1 !important;
        grid-row: 1 !important;
        margin: 0 0 1px !important;
        line-height: 1 !important;
        text-align: left !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-v2-hero:has(.profile-public-view-panel) .profile-v2-identity h1 {
        grid-column: 1 !important;
        grid-row: 2 !important;
        margin: 0 !important;
        max-width: min(42vw, 170px) !important;
        min-width: 0 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: clip !important;
        font-size: clamp(30px, 8.2vw, 40px) !important;
        line-height: 0.95 !important;
        align-self: center !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-v2-hero:has(.profile-public-view-panel) .profile-v2-subcopy {
        grid-column: 1 / -1 !important;
        grid-row: 3 !important;
        margin: 1px 0 0 !important;
        line-height: 1.02 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: clip !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-v2-hero:has(.profile-public-view-panel) .profile-v2-hero-actions {
        grid-column: 2 !important;
        grid-row: 2 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        align-self: center !important;
        justify-self: start !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        gap: 0 !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-v2-hero:has(.profile-public-view-panel) .profile-v2-hero-actions .button-link {
        min-width: clamp(98px, 25vw, 122px) !important;
        width: auto !important;
        min-height: 38px !important;
        height: 38px !important;
        padding: 0 12px !important;
        border-radius: 14px !important;
        font-size: clamp(11.2px, 2.9vw, 13px) !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-v2-hero:has(.profile-public-view-panel) .profile-public-view-panel {
        margin-top: 0 !important;
        padding: clamp(16px, 4.1vw, 20px) clamp(18px, 4.8vw, 24px) !important;
        border-radius: clamp(20px, 5vw, 26px) !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-v2-hero:has(.profile-public-view-panel) .profile-public-view-panel p {
        margin-top: 8px !important;
        margin-bottom: 14px !important;
        line-height: 1.42 !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-section-head.split {
        position: relative !important;
        display: flex !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        min-height: 46px !important;
        margin-bottom: 9px !important;
        padding-right: 108px !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-record-pill {
        position: absolute !important;
        top: 7px !important;
        right: 14px !important;
        min-width: 82px !important;
        height: 31px !important;
        padding: 0 10px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        white-space: nowrap !important;
        line-height: 1 !important;
        font-size: clamp(10.8px, 2.85vw, 12.6px) !important;
        letter-spacing: -0.045em !important;
        z-index: 3 !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievement-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 9px !important;
        align-items: stretch !important;
        width: 100% !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievement-card {
        position: relative !important;
        height: 94px !important;
        min-height: 94px !important;
        max-height: 94px !important;
        padding: 9px 10px 8px !important;
        border-radius: 16px !important;
        display: block !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        writing-mode: horizontal-tb !important;
        text-orientation: mixed !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievement-card > .profile-clean-achievement-label,
    body:not(.is-home-page) .profile-page-shell .profile-clean-achievement-card > .profile-clean-achievement-title,
    body:not(.is-home-page) .profile-page-shell .profile-clean-achievement-card > .profile-clean-achievement-meta {
        display: none !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-mobile-achievement-body {
        display: grid !important;
        grid-template-rows: auto auto minmax(13px, 1fr) auto !important;
        gap: 2px !important;
        height: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        writing-mode: horizontal-tb !important;
        text-orientation: mixed !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-mobile-achievement-label,
    body:not(.is-home-page) .profile-page-shell .profile-mobile-achievement-title,
    body:not(.is-home-page) .profile-page-shell .profile-mobile-achievement-detail,
    body:not(.is-home-page) .profile-page-shell .profile-mobile-achievement-value,
    body:not(.is-home-page) .profile-page-shell .profile-mobile-achievement-value b,
    body:not(.is-home-page) .profile-page-shell .profile-mobile-achievement-value em {
        min-width: 0 !important;
        max-width: 100% !important;
        writing-mode: horizontal-tb !important;
        text-orientation: mixed !important;
        word-break: keep-all !important;
        overflow-wrap: normal !important;
        text-transform: none !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-mobile-achievement-label {
        display: block !important;
        color: rgba(133, 245, 250, 0.96) !important;
        font-size: clamp(8.1px, 2.2vw, 10px) !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        letter-spacing: 0.06em !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: clip !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-mobile-achievement-title {
        display: block !important;
        color: rgba(247, 252, 255, 0.98) !important;
        font-size: clamp(10.2px, 2.72vw, 12.2px) !important;
        line-height: 1.08 !important;
        font-weight: 930 !important;
        letter-spacing: -0.058em !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: clip !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-mobile-achievement-detail {
        display: block !important;
        color: rgba(150, 165, 174, 0.92) !important;
        font-size: clamp(8px, 2.12vw, 9.5px) !important;
        line-height: 1.05 !important;
        font-weight: 820 !important;
        letter-spacing: -0.052em !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: clip !important;
        align-self: start !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-mobile-achievement-value {
        display: flex !important;
        align-items: baseline !important;
        justify-content: flex-end !important;
        justify-self: stretch !important;
        align-self: end !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        gap: 2px !important;
        color: rgba(247, 252, 255, 0.98) !important;
        text-align: right !important;
        white-space: nowrap !important;
        overflow: visible !important;
        line-height: 1 !important;
        letter-spacing: -0.07em !important;
        font-variant-numeric: tabular-nums !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-mobile-achievement-value b {
        display: inline-block !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: visible !important;
        text-overflow: clip !important;
        font-size: clamp(22px, 5.45vw, 29px) !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        letter-spacing: -0.08em !important;
        white-space: nowrap !important;
        text-align: right !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievement-card:nth-child(4) .profile-mobile-achievement-value b {
        font-size: clamp(16px, 4.05vw, 20px) !important;
        letter-spacing: -0.105em !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-mobile-achievement-value em {
        display: inline-block !important;
        flex: 0 0 auto !important;
        font-style: normal !important;
        font-size: 0.58em !important;
        line-height: 1 !important;
        font-weight: 900 !important;
        letter-spacing: -0.025em !important;
        white-space: nowrap !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievement-card.is-empty .profile-mobile-achievement-value {
        color: rgba(126, 143, 153, 0.82) !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-manager-card .section-heading.compact-heading.split {
        position: relative !important;
        display: flex !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        min-height: 48px !important;
        margin-bottom: 8px !important;
        padding-right: 92px !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-manager-card .profile-status-pill {
        position: absolute !important;
        top: 8px !important;
        right: 14px !important;
        min-width: 68px !important;
        height: 31px !important;
        padding: 0 10px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        white-space: nowrap !important;
        line-height: 1 !important;
        font-size: clamp(10.8px, 2.75vw, 12.8px) !important;
        letter-spacing: -0.035em !important;
        z-index: 3 !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-status-grid,
    body:not(.is-home-page) .profile-page-shell .profile-budget-strip {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: clamp(6px, 1.8vw, 8px) !important;
        width: 100% !important;
        align-items: stretch !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-budget-strip {
        margin-top: clamp(6px, 1.8vw, 8px) !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-status-item,
    body:not(.is-home-page) .profile-page-shell .profile-budget-strip > div {
        position: relative !important;
        min-height: 66px !important;
        height: 66px !important;
        padding: 8px 10px 7px !important;
        border-radius: 14px !important;
        display: grid !important;
        grid-template-rows: auto minmax(0, 1fr) !important;
        align-items: stretch !important;
        justify-items: stretch !important;
        gap: 2px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        text-align: left !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-status-item span,
    body:not(.is-home-page) .profile-page-shell .profile-budget-strip span {
        display: block !important;
        margin: 0 !important;
        max-width: 100% !important;
        max-height: 2.25em !important;
        color: rgba(154, 170, 180, 0.92) !important;
        font-size: clamp(9px, 2.35vw, 10.6px) !important;
        line-height: 1.08 !important;
        font-weight: 860 !important;
        letter-spacing: -0.055em !important;
        white-space: normal !important;
        word-break: keep-all !important;
        overflow-wrap: normal !important;
        overflow: hidden !important;
        text-align: left !important;
        justify-self: start !important;
        align-self: start !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-status-item strong,
    body:not(.is-home-page) .profile-page-shell .profile-budget-strip strong,
    body:not(.is-home-page) .profile-page-shell .profile-status-grid strong.profile-selected-count {
        position: absolute !important;
        right: 10px !important;
        bottom: 9px !important;
        left: auto !important;
        top: auto !important;
        display: inline-flex !important;
        align-items: flex-end !important;
        justify-content: flex-end !important;
        width: auto !important;
        max-width: calc(100% - 20px) !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        color: rgba(247, 252, 255, 0.98) !important;
        font-size: clamp(18px, 4.25vw, 20px) !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        letter-spacing: -0.07em !important;
        white-space: nowrap !important;
        text-align: right !important;
        overflow: visible !important;
        text-overflow: clip !important;
        font-variant-numeric: tabular-nums !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-status-grid strong.profile-selected-count {
        gap: 0 !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-status-grid strong.profile-selected-count .selected-current,
    body:not(.is-home-page) .profile-page-shell .profile-status-grid strong.profile-selected-count .selected-total {
        display: inline-block !important;
        flex: 0 0 auto !important;
        font-size: 1em !important;
        line-height: 1 !important;
        font-weight: inherit !important;
        letter-spacing: inherit !important;
        white-space: nowrap !important;
        text-align: right !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-budget-strip + .profile-note,
    body:not(.is-home-page) .profile-page-shell .profile-note {
        margin-top: 10px !important;
        font-size: clamp(12px, 2.9vw, 13.6px) !important;
        line-height: 1.42 !important;
        letter-spacing: -0.045em !important;
    }
}
/* MYPICK MOBILE PROFILE TARGETED SAFE FIX 2026-06-02 END */

/* MYPICK DESKTOP TEAM EDIT MARKET CARD STABLE RESET 2026-06-02 START */
/* Scope: desktop /team/edit acquisition result cards only. Neutralizes old compressed card rules and borrowed /players card behavior. Does not touch mobile, roster list, search form, /players page, routes, AJAX, or DB. */
@media (min-width: 769px) {
    body:not(.is-home-page) .team-edit-page-shell .team-edit-market-source.players-page-shell #search-results.team-edit-search-scroll.players-result-grid,
    body:not(.is-home-page) .team-edit-page-shell #search-results.team-edit-search-scroll.players-result-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-auto-rows: max-content !important;
        align-content: start !important;
        align-items: start !important;
        gap: 12px !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-height: 540px !important;
        max-height: 760px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding: 3px 8px 3px 1px !important;
        contain: none !important;
        content-visibility: visible !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-edit-market-source.players-page-shell .team-market-player-card.player-card-v2.player-search-card,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card.player-card-v2.player-search-card,
    body:not(.is-home-page) .team-edit-page-shell .team-edit-search-scroll .team-market-player-card {
        position: relative !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(84px, 108px) !important;
        grid-template-areas:
            "top action"
            "stats stats" !important;
        align-items: start !important;
        column-gap: 12px !important;
        row-gap: 12px !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;
        padding: 14px !important;
        border-radius: 20px !important;
        overflow: visible !important;
        cursor: default !important;
        contain: none !important;
        content-visibility: visible !important;
        contain-intrinsic-size: auto !important;
        transform-style: flat !important;
        box-sizing: border-box !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .player-card-top,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card.player-search-card .player-card-top {
        grid-area: top !important;
        display: grid !important;
        grid-template-columns: 56px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 12px !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .uniform-md,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .uniform-img.uniform-md,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card.player-search-card .uniform-md,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card.player-search-card .uniform-img.uniform-md {
        width: 56px !important;
        height: 70px !important;
        min-width: 56px !important;
        max-width: 56px !important;
        flex: 0 0 56px !important;
        margin: 0 !important;
        justify-self: start !important;
        align-self: center !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .uniform-md img,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .uniform-img.uniform-md img {
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .player-card-main,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card.player-search-card .player-card-main {
        display: grid !important;
        align-content: center !important;
        gap: 7px !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .player-card-name-line,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card.player-search-card .player-card-name-line {
        display: flex !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .player-name-large,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .player-link,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card.player-search-card .player-name-large,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card.player-search-card .player-link {
        display: block !important;
        min-width: 0 !important;
        max-width: 100% !important;
        color: rgba(248, 250, 252, 0.98) !important;
        font-size: clamp(17px, 1.45vw, 21px) !important;
        line-height: 1.08 !important;
        font-weight: 930 !important;
        letter-spacing: -0.045em !important;
        white-space: nowrap !important;
        word-break: keep-all !important;
        writing-mode: horizontal-tb !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .player-card-number,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card.player-search-card .player-card-number {
        flex: 0 0 auto !important;
        padding: 3px 8px !important;
        border-radius: 999px !important;
        font-size: 11px !important;
        line-height: 1 !important;
        font-weight: 900 !important;
        white-space: nowrap !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .chip-row,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card.player-search-card .chip-row {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 6px !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        overflow: visible !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .team-badge,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .type-chip,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .position-badge,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .inactive-player-badge {
        min-height: 0 !important;
        height: 22px !important;
        padding: 0 7px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 11px !important;
        line-height: 1 !important;
        font-weight: 900 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: clip !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .team-market-add-form,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card form.team-market-add-form {
        grid-area: action !important;
        position: static !important;
        justify-self: end !important;
        align-self: start !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 108px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        justify-content: flex-end !important;
        z-index: 3 !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .market-add-button,
    body:not(.is-home-page) .team-edit-page-shell .market-add-button {
        width: 100% !important;
        min-width: 78px !important;
        max-width: 108px !important;
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 12px !important;
        border-radius: 14px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 12px !important;
        line-height: 1 !important;
        font-weight: 930 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: clip !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .team-market-stat-grid,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .mini-stat-grid,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .player-search-stat-grid {
        grid-area: stats !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .team-market-stat-grid > div,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .mini-stat-grid > div,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .player-search-stat-grid > div {
        min-width: 0 !important;
        min-height: 54px !important;
        padding: 9px 11px !important;
        border-radius: 15px !important;
        display: grid !important;
        grid-template-rows: auto 1fr !important;
        align-content: stretch !important;
        gap: 4px !important;
        overflow: visible !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .team-market-stat-grid span,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .mini-stat-grid span,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .player-search-stat-grid span {
        justify-self: start !important;
        align-self: start !important;
        margin: 0 !important;
        color: rgba(148, 163, 184, 0.88) !important;
        font-size: 11px !important;
        line-height: 1.05 !important;
        font-weight: 880 !important;
        letter-spacing: -0.025em !important;
        white-space: nowrap !important;
        overflow: visible !important;
    }

    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .team-market-stat-grid strong,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .mini-stat-grid strong,
    body:not(.is-home-page) .team-edit-page-shell .team-market-player-card .player-search-stat-grid strong {
        justify-self: end !important;
        align-self: end !important;
        display: block !important;
        max-width: 100% !important;
        font-size: clamp(17px, 1.55vw, 23px) !important;
        line-height: 1 !important;
        font-weight: 940 !important;
        letter-spacing: -0.052em !important;
        text-align: right !important;
        white-space: nowrap !important;
        writing-mode: horizontal-tb !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }
}
/* MYPICK DESKTOP TEAM EDIT MARKET CARD STABLE RESET 2026-06-02 END */

/* PROFILE DESKTOP ACHIEVEMENT CLEAN RESET V6 2026-06-03 START */
/* Scope: desktop /profile achievement cards only.
   Replaces V5 instead of stacking a new override. No template, mobile, DB, /team/edit,
   /my-team, /players, profile summary, or profile status changes. */
@media (min-width: 769px) {
    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-achievement-grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 12px 16px !important;
        width: 100% !important;
        min-width: 0 !important;
        align-items: stretch !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-achievement-card {
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        min-width: 0 !important;
        width: 100% !important;
        height: 124px !important;
        min-height: 124px !important;
        max-height: 124px !important;
        padding: 12px 16px 11px !important;
        border-radius: 20px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        writing-mode: horizontal-tb !important;
        text-orientation: mixed !important;
        text-align: left !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-achievement-label,
    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-achievement-label span,
    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-achievement-title,
    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-achievement-meta,
    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-achievement-meta small,
    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-achievement-count,
    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-achievement-count-main,
    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-achievement-count-unit {
        position: static !important;
        inset: auto !important;
        transform: none !important;
        writing-mode: horizontal-tb !important;
        text-orientation: mixed !important;
        box-sizing: border-box !important;
        word-break: keep-all !important;
        overflow-wrap: normal !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-achievement-label {
        display: block !important;
        flex: 0 0 auto !important;
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: left !important;
        overflow: hidden !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-achievement-label span {
        display: block !important;
        max-width: 100% !important;
        color: rgba(132, 245, 250, 0.96) !important;
        font-size: clamp(10.5px, 0.64vw, 12.5px) !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        letter-spacing: 0.135em !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
        text-align: left !important;
        overflow: hidden !important;
        text-overflow: clip !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-achievement-title {
        display: block !important;
        flex: 0 0 auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
        margin: 2px 0 0 !important;
        padding: 0 !important;
        color: rgba(247, 252, 255, 0.98) !important;
        font-size: clamp(17px, 1.02vw, 21px) !important;
        line-height: 0.98 !important;
        font-weight: 940 !important;
        letter-spacing: -0.074em !important;
        white-space: nowrap !important;
        text-align: left !important;
        overflow: hidden !important;
        text-overflow: clip !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-achievement-meta {
        flex: 0 0 auto !important;
        margin-top: auto !important;
        display: flex !important;
        align-items: flex-end !important;
        justify-content: space-between !important;
        gap: 8px !important;
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-achievement-meta small {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 0 3px !important;
        padding: 0 !important;
        color: rgba(150, 166, 178, 0.90) !important;
        font-size: clamp(10.5px, 0.64vw, 12.5px) !important;
        line-height: 1.02 !important;
        font-weight: 830 !important;
        letter-spacing: -0.055em !important;
        text-align: left !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: clip !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-achievement-count,
    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-achievement-card.achievement-cyan .profile-clean-achievement-count,
    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-achievement-card.achievement-blue .profile-clean-achievement-count,
    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-achievement-card.achievement-gold .profile-clean-achievement-count,
    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-achievement-card.achievement-silver .profile-clean-achievement-count {
        flex: 0 0 auto !important;
        display: inline-flex !important;
        align-items: baseline !important;
        justify-content: flex-end !important;
        gap: 0.025em !important;
        min-width: 0 !important;
        width: auto !important;
        max-width: max-content !important;
        margin: 0 !important;
        padding: 0 !important;
        color: rgba(247, 252, 255, 0.98) !important;
        font-size: clamp(24px, 1.72vw, 32px) !important;
        font-weight: 950 !important;
        line-height: 0.9 !important;
        letter-spacing: -0.068em !important;
        text-align: right !important;
        white-space: nowrap !important;
        overflow: visible !important;
        font-variant-numeric: tabular-nums !important;
        font-feature-settings: "tnum" 1, "kern" 1 !important;
        text-shadow: none !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-achievement-count-main {
        display: inline-block !important;
        flex: 0 0 auto !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        white-space: nowrap !important;
        overflow: visible !important;
        letter-spacing: inherit !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-achievement-count-unit {
        display: inline-block !important;
        flex: 0 0 auto !important;
        margin-left: 0.045em !important;
        padding: 0 !important;
        color: inherit !important;
        font-size: 0.56em !important;
        line-height: 1 !important;
        font-weight: 920 !important;
        letter-spacing: -0.045em !important;
        white-space: nowrap !important;
        overflow: visible !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-achievement-card:nth-child(4) .profile-clean-achievement-count {
        font-size: clamp(21px, 1.34vw, 26px) !important;
        letter-spacing: -0.072em !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-achievement-card:nth-child(4) .profile-clean-achievement-count-main {
        max-width: none !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-achievement-card.is-empty .profile-clean-achievement-count,
    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-achievement-card.is-empty.achievement-cyan .profile-clean-achievement-count,
    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-achievement-card.is-empty.achievement-blue .profile-clean-achievement-count,
    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-achievement-card.is-empty.achievement-gold .profile-clean-achievement-count,
    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-achievement-card.is-empty.achievement-silver .profile-clean-achievement-count {
        color: rgba(188, 205, 214, 0.58) !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-mobile-achievement-body {
        display: none !important;
    }
}

@media (min-width: 769px) and (max-width: 1180px) {
    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-achievement-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-achievement-card {
        height: 122px !important;
        min-height: 122px !important;
        max-height: 122px !important;
        padding: 12px 15px 11px !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-achievement-label span {
        font-size: clamp(10px, 1.04vw, 12px) !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-achievement-title {
        font-size: clamp(16px, 1.55vw, 20px) !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-achievement-meta small {
        font-size: clamp(10px, 0.98vw, 12px) !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-achievement-count,
    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-achievement-card.achievement-cyan .profile-clean-achievement-count,
    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-achievement-card.achievement-blue .profile-clean-achievement-count,
    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-achievement-card.achievement-gold .profile-clean-achievement-count,
    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-achievement-card.achievement-silver .profile-clean-achievement-count {
        font-size: clamp(23px, 2.35vw, 30px) !important;
    }

    body:not(.is-home-page) .profile-page-shell .profile-clean-achievements-panel .profile-clean-achievement-card:nth-child(4) .profile-clean-achievement-count {
        font-size: clamp(20px, 1.82vw, 25px) !important;
    }
}
/* PROFILE DESKTOP ACHIEVEMENT CLEAN RESET V6 2026-06-03 END */


/* ==========================================================
   MYPICK PLAY GUIDE + TEAM EDIT LOCK V1 2026-06-03
   Scope: /play-guide quick cards and /my-team edit lock button only.
   ========================================================== */
@media (min-width: 769px) {
    .play-guide-shell .guide-quick-grid article:nth-child(5) {
        grid-column: 2;
    }

    .play-guide-shell .guide-quick-grid article:nth-child(6) {
        grid-column: 3;
    }
}

.my-team-edit-button-locked,
.my-team-edit-button-locked:hover,
.my-team-edit-button-locked:focus {
    cursor: not-allowed !important;
    pointer-events: none !important;
    color: rgba(254, 243, 199, 0.90) !important;
    border-color: rgba(251, 191, 36, 0.36) !important;
    background:
        linear-gradient(135deg, rgba(245, 158, 11, 0.22), rgba(234, 179, 8, 0.10)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 10px 24px rgba(0,0,0,0.14) !important;
    opacity: 0.94 !important;
    transform: none !important;
}

@media (max-width: 768px) {
    .play-guide-shell .guide-quick-grid article:nth-child(5),
    .play-guide-shell .guide-quick-grid article:nth-child(6) {
        grid-column: auto;
    }
}
/* MYPICK PLAY GUIDE + TEAM EDIT LOCK V1 2026-06-03 END */

/* MYPICK DESKTOP USER RANKINGS MANAGER SPACING V3 2026-06-03 START */
/*
   Scope: desktop /user-rankings and /friend-rankings table rows only.
   This replaces the previous V2 manager-balance override. It intentionally
   moves only the manager column header and manager cells together, leaving
   rank, favorite team, totals, recent income, game count, mobile cards,
   podium cards, profile, my-team, team-edit, players, and center untouched.
*/
@media (min-width: 1181px) {
    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell {
        --manager-spacing-v3-shift: clamp(118px, 7vw, 158px);
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-list-head-v3 span:nth-child(2) {
        justify-self: center !important;
        width: min(100%, 300px) !important;
        max-width: 100% !important;
        text-align: left !important;
        transform: translateX(var(--manager-spacing-v3-shift)) !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-row-v3 .manager-cell-v3 {
        display: grid !important;
        grid-template-columns: 48px minmax(0, max-content) !important;
        align-items: center !important;
        justify-content: start !important;
        justify-self: center !important;
        width: min(100%, 300px) !important;
        max-width: 100% !important;
        gap: 14px !important;
        text-align: left !important;
        transform: translateX(var(--manager-spacing-v3-shift)) !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-row-v3 .manager-name-v3 {
        min-width: 0 !important;
        width: auto !important;
        max-width: 100% !important;
        text-align: left !important;
        justify-self: start !important;
    }

    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-row-v3 .manager-name-v3 strong {
        display: inline-block !important;
        width: auto !important;
        max-width: 100% !important;
        text-align: left !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }
}

@media (min-width: 769px) and (max-width: 1180px) {
    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-list-head-v3 span:nth-child(2),
    body:not(.is-home-page) .user-ranking-page-shell.user-rankings-v4-shell .user-ranking-row-v3 .manager-cell-v3 {
        width: min(100%, 252px) !important;
        transform: none !important;
    }
}
/* MYPICK DESKTOP USER RANKINGS MANAGER SPACING V3 2026-06-03 END */