body.records-page-body{background-color:#f8f8f8!important}
body.records-page-body main{margin-bottom:0!important}
.breadcrumb{background:0 0;margin-top:10px;margin-bottom:0}
.breadcrumb li,.breadcrumb li *{color:#999!important}
.records-page{margin-top:-20px;margin-bottom:50px}
.records-page{--records-primary:#006d38;--records-primary-container:#00a859;--records-secondary:#0051d5;--records-tertiary:#575e70;--records-on-surface:#121c2a;--records-on-surface-variant:#3d4a3f;--records-surface:#f9f9ff;--records-surface-low:#eff3ff;--records-surface-lowest:#ffffff;--records-surface-highest:#d9e3f7;--records-nav-dark:#001c0e;--records-nav-darker:#000d07;--records-emerald-500:#10b981;--records-slate-400:#94a3b8;--records-slate-500:#64748b;--records-font-headline:'Work Sans',system-ui,sans-serif;--records-font-body:'Inter',system-ui,sans-serif;--records-max:1528px;box-sizing:border-box;color:var(--records-on-surface);font-family:var(--records-font-body);font-size:16px;line-height:1.5;width:100%}
.records-page *,.records-page *::after,.records-page *::before{box-sizing:border-box}
.records-page h1,.records-page h2,.records-page h3{font-family:var(--records-font-headline)}
.records-page a{text-decoration:none}
.records-page a:hover{text-decoration:none}
.records-page .material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24}
.records-page .records-section__icon--bowling{color:rgb(0 81 213 / var(--tw-text-opacity,1))}
.records-hero{align-items:center;display:flex;height:300px;overflow:hidden;position:relative}
.records-hero__media{inset:0;position:absolute;z-index:0}
.records-hero__img{height:100%;object-fit:cover;width:100%}
.records-hero__overlay{background:linear-gradient(to right,var(--records-nav-dark) 0,rgba(0,28,14,.8) 45%,transparent 100%);inset:0;position:absolute}
.records-hero__inner{margin:0 auto;max-width:var(--records-max);padding:0 15px;position:relative;width:100%;z-index:1}
.records-hero__title{color:#fff;font-size:28px;font-style:italic;font-weight:900;letter-spacing:-.03em;margin:0 0 8px;text-transform:uppercase}
@media (min-width:768px){
.records-hero__title{font-size:40px}
}
@media (min-width:1200px){
.records-hero__title{font-size:48px}
}
.records-hero__desc{color:#fff;font-size:16px;font-weight:300;margin:0}
.records-format{background-color:var(--records-surface-low);border-bottom:1px solid var(--records-surface-highest)}
.records-format__inner{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin:0 auto;max-width:var(--records-max);padding:12px 15px}
.records-format__label{color:var(--records-on-surface);display:none;font-size:12px;font-weight:700;letter-spacing:.15em;margin-right:8px;text-transform:uppercase}
@media (min-width:768px){
.records-format__label{display:inline}
}
.records-format__btn{background:var(--records-surface-lowest);border:1px solid var(--records-surface-highest);border-radius:9999px;color:var(--records-on-surface-variant);cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;padding:6px 20px;transition:background-color .2s}
.records-format__btn:hover{background-color:var(--records-surface-highest)}
.records-format__btn--active{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 4px 6px -1px rgba(0,0,0,.08);color:#fff!important;font-weight:700}
.records-format__btn--active:hover{background:var(--color-primary)}
.records-format__updated{align-items:center;color:var(--records-slate-500);display:none;font-size:10px;gap:8px;margin-left:auto}
@media (min-width:1200px){
.records-format__updated{display:flex}
}
.records-format__updated-icon{font-size:12px}
.records-canvas{display:flex;flex-direction:column;gap:48px;margin:0 auto;max-width:var(--records-max);padding:24px 15px}
.records-section__head{align-items:center;display:flex;gap:12px;margin-bottom:20px}
.records-section__icon{font-size:28px}
.records-section__icon--batting{color:var(--color-primary)}
.records-section__icon--team{color:var(--records-tertiary)}
.records-section__title{color:var(--records-on-surface);font-size:24px;font-weight:600;letter-spacing:-.02em;margin:0;text-transform:uppercase}
.records-grid{display:grid;gap:20px;grid-template-columns:1fr}
@media (min-width:768px){
.records-grid{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:992px){
.records-grid{grid-template-columns:repeat(4,1fr)}
}
.records-card{background:var(--records-surface-lowest);border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.06);padding:16px;transition:box-shadow .2s}
.records-card:hover{box-shadow:0 10px 25px -5px rgba(0,0,0,.12)}
.records-card__head{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}
.records-card__title{color:var(--records-on-surface);font-size:14px;font-weight:700;margin:0}
.records-card__arrow{color:var(--records-on-surface);font-size:20px;transition:transform .2s}
.records-card:hover .records-card__arrow{transform:translateX(4px)}
.records-card__body{display:flex;flex-direction:column;gap:12px}
.records-row{align-items:center;display:flex;justify-content:space-between}
.records-row--muted{padding:0 8px}
.records-row--highlight{background:rgba(239,243,255,.5);border-radius:8px;padding:8px}
.records-player{align-items:center;display:flex;gap:8px;min-width:0}
.records-player__avatar{border-radius:50%;flex-shrink:0;height:20px;object-fit:cover;object-position:top;width:20px}
.records-team-badge{align-items:center;border-radius:2px;display:flex;flex-shrink:0;font-size:8px;font-weight:700;height:20px;justify-content:center;width:20px}
.records-team-badge--mi{background:#2563eb;color:#fff}
.records-team-badge--csk{background:#facc15;color:#000}
.records-team-badge--srh{background:#f97316;color:#fff}
.records-team-badge--kkr{background:#dc2626;color:#fff}
.records-team-badge--kxip{background:#9333ea;color:#fff}
.records-team-badge--rcb{background:#dc2626;color:#fff}
.records-team-badge--rr{background:#60a5fa;color:#000}
.records-player__name{color:var(--color-primary);font-size:11px;font-weight:700;letter-spacing:-.02em;margin:0;text-transform:uppercase}
.records-player__name--secondary{color:var(--records-on-surface-variant);font-size:11px;font-weight:500;text-transform:none}
.records-player__meta{color:var(--records-slate-500);font-size:9px;margin:0;text-transform:uppercase}
.records-stat{color:var(--records-on-surface);font-weight:900}
.records-stat--lg{align-items:center;display:inline-flex;font-size:16px;gap:4px}
.records-stat--lg .material-symbols-outlined{font-size:10px}
.records-stat--sm{font-size:11px;font-weight:700}
html.dark body.records-page-body{background-color:var(--background-primary,#1a1a1a)!important}
html.dark .records-page{color:var(--color-text-primary,#e5e5e5);--records-on-surface:var(--color-text-primary, #e5e5e5);--records-on-surface-variant:var(--color-text-regular, #b0b0b0);--records-slate-400:#94a3b8;--records-slate-500:var(--color-text-secondary, #808080);--records-surface:#252525;--records-surface-low:#1e1e1e;--records-surface-lowest:#2a2a2a;--records-surface-highest:#3d3d3d;--records-primary:var(--color-primary, #079d50);--records-primary-container:#0d9660;--records-secondary:#60a5fa;--records-tertiary:#a78bfa;--records-nav-dark:#0a1f14;--records-nav-darker:#051009}
html.dark .records-hero__overlay{background:linear-gradient(to right,var(--records-nav-darker) 0,rgba(10,31,20,.92) 45%,rgba(0,0,0,.35) 100%)}
html.dark .records-format{background-color:var(--records-surface-low);border-bottom-color:var(--border-color-base,rgba(255,255,255,.15))}
html.dark .records-format__btn{background:var(--records-surface-lowest);border-color:var(--border-color-light,#3d3d3d);color:var(--color-text-regular,#b0b0b0)}
html.dark .records-format__btn:hover{background-color:rgba(255,255,255,.08)}
html.dark .records-format__btn--active{background:var(--color-primary,#079d50);border-color:var(--color-primary,#079d50);box-shadow:0 4px 6px -1px rgba(0,0,0,.45);color:#fff}
html.dark .records-format__btn--active:hover{background:var(--color-primary,#079d50);filter:brightness(1.08)}
html.dark .records-card{background:var(--records-surface-lowest);border:1px solid var(--border-color-base,rgba(255,255,255,.12));box-shadow:0 1px 2px rgba(0,0,0,.35)}
html.dark .records-card:hover{box-shadow:0 10px 25px -5px rgba(0,0,0,.55)}
html.dark .records-row--highlight{background:rgba(255,255,255,.06)}
html.dark .records-section__icon--batting{color:var(--color-primary)}
html.dark .records-section__icon--bowling{color:#60a5fa}
html.dark .records-section__icon--team{color:#a78bfa}