body.leagues-directory { background: #faf7f0; color: #38283f; }
.leagues-directory .league-shell { max-width: none; padding: 48px clamp(18px, 4.5vw, 72px); }
.leagues-directory .league-directory-hero { padding: clamp(24px, 4vw, 48px); border: 1px solid #b79855; border-radius: 20px; background: linear-gradient(90deg, #281435ed, #382044a8 65%, #38204450), url('/images/landing/hero-coliseum.webp') center 48% / cover; color: #fff8e8; }
.leagues-directory .league-directory-hero h1 { font-size: clamp(2rem, 4vw, 3rem); font-weight: 700; letter-spacing: -.02em; }
.leagues-directory .league-directory-hero h1 i { color: #e4c06c; font-size: .7em; }
.leagues-directory .league-kicker { margin-bottom: 12px; color: #e6c67e; }
.leagues-directory .league-directory-hero p { color: #f0e6d8 !important; max-width: 580px; line-height: 1.6; }
.leagues-directory .btn-warning { min-height: 44px; display: inline-flex; align-items: center; background: #ecd293; border-color: #ecd293; color: #382044; border-radius: 9px; font-weight: 700; }
.leagues-directory .league-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.leagues-directory .league-card { display: flex; flex-direction: column; border-color: #d9c7a6; border-radius: 16px; background: #fffdf8; box-shadow: 0 6px 22px #3923470b; min-width: 0; }
.leagues-directory .league-card:hover { transform: none; box-shadow: 0 10px 28px #39234720; }
.leagues-directory .league-card:focus-visible, .leagues-directory .btn:focus-visible { outline: 3px solid #bb8c29; outline-offset: 4px; }
.leagues-directory .league-card-banner { height: 185px; border-bottom: 2px solid #b99a55; background-image: url('/images/landing/hero-coliseum.webp'); }
.leagues-directory .league-card-banner::after { background: linear-gradient(0deg, #29123655, transparent); }
.leagues-directory .league-status { background: #fff6dd; color: #69491b; border: 1px solid #e7d5ac; }
.leagues-directory .league-card-body { flex: 1; padding: 22px; overflow-wrap: anywhere; }
.leagues-directory .league-card h2 { font-size: 1.4rem; color: #452855; font-weight: 700; letter-spacing: 0; }
.leagues-directory .league-card p { color: #6b606d !important; line-height: 1.55; }
.leagues-directory .league-card .text-warning { color: #92702d !important; }
.leagues-directory .league-progress { background: #eae1d2; height: 8px; }
.leagues-directory .league-progress > span { background: linear-gradient(90deg, #663782, #b5944d); }
.leagues-directory .empty-league { background: #fffdf8; color: #67566d; border: 1px solid #d9c7a6; box-shadow: none; }
.leagues-directory .empty-league > i { color: #a58345; }
@media (max-width: 1199.98px) { .leagues-directory .league-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767.98px) { .leagues-directory .league-shell { padding-top: 24px; } .leagues-directory .league-grid { grid-template-columns: minmax(0, 1fr); } .leagues-directory .league-directory-hero { border-radius: 14px; } .leagues-directory .league-card-body { padding: 18px; } }
@media (prefers-reduced-motion: reduce) { .leagues-directory .league-card { transition: none; transform: none; } }