.predictions-detail-page{--pd-brand:#079d50;--pd-primary:#006b34;--pd-primary-container:#008643;--pd-on-primary:#ffffff;--pd-surface:#f9f9f9;--pd-on-surface:#1a1c1c;--pd-on-surface-variant:#3e4a3f;--pd-border:#e5e5e5;--pd-surface-lowest:#ffffff;--pd-surface-low:#f3f3f3;--pd-surface-container:#cccccc;--pd-surface-high:#e8e8e8;--pd-inverse-surface:#2f3131;--pd-win:#079d50;--pd-loss:#ef4444;--pd-error:#ba1a1a;--pd-max:1200px;--pd-gutter:16px;--pd-card-pad:20px;--pd-stack-lg:32px;--pd-margin-page:24px;box-sizing:border-box;color:var(--pd-on-surface);font-size:14px;line-height:20px;width:100%}
.predictions-detail-grid__main{display:flex;flex-direction:column;gap:50px}
.predictions-detail-hover-lift{transition:box-shadow .3s ease,transform .3s cubic-bezier(.34,1.56,.64,1)}
.predictions-detail-grid__side{display:flex;flex-direction:column;gap:var(--pd-gutter);grid-column:span 12}
@media (min-width:992px){
.predictions-detail-grid__side{grid-column:span 4}
}
.predictions-detail-card{background:var(--pd-surface-lowest)}
.predictions-detail-card__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}
.predictions-detail-card__title{color:var(--pd-on-surface);font-size:var(--font-size-big);font-weight:bold;line-height:24px;margin:0}
.predictions-detail-card__subtitle{color:var(--pd-on-surface-variant);font-size:13px;line-height:18px;margin:0}
.predictions-detail-card__meta{background:var(--pd-surface-container);border-radius:4px;color:var(--pd-on-surface-variant);font-size:12px;font-weight:bold;padding:2px 8px}
.predictions-detail-card__meta:hover{color:var(--pd-primary)}
.predictions-detail-probability__row{align-items:center;display:flex;font-weight:700;justify-content:space-between}
.predictions-detail-probability__team{align-items:center;display:flex;gap:12px}
.predictions-detail-probability__team--right{text-align:right}
.predictions-detail-probability__abbr{align-items:center;border-radius:50%;display:flex;font-size:14px;font-weight:700;height:40px;justify-content:center;width:40px}
.predictions-detail-probability__abbr--kkr{box-shadow:0 1px 2px rgba(0,0,0,.05)}
.predictions-detail-probability__abbr--dc{box-shadow:0 1px 2px rgba(0,0,0,.05)}
.predictions-detail-probability__pct{font-size:24px;font-weight:600;letter-spacing:-.01em;line-height:32px}
.predictions-detail-probability__vs{color:var(--pd-on-surface-variant)}
.predictions-detail-probability__bars{margin-top:8px}
.predictions-detail-probability__bar-track{background:var(--pd-surface-container);border-radius:9999px;box-shadow:inset 0 2px 4px rgba(0,0,0,.06);height:12px;overflow:hidden;width:100%;display:flex;align-items:center;justify-content:space-between}
.predictions-detail-probability__bar-fill{height:100%;transition:width 1.2s cubic-bezier(.34,1.56,.64,1)}
.predictions-detail-probability__bar-fill--win{background:var(--pd-win)}
.predictions-detail-probability__bar-fill--draw{background:var(--pd-surface-container)}
.predictions-detail-probability__bar-fill--loss{background:var(--pd-on-surface)}
.predictions-detail-probability__body{display:flex;flex-direction:column;gap:32px}
.predictions-detail-probability__analysis{color:var(--pd-on-surface-variant);font-size:14px;line-height:1.6;margin:0}
.predictions-detail-probability__analysis strong{color:var(--pd-win);font-weight:700}
.predictions-detail-probability__odds{border-top:1px solid var(--pd-border);margin-top:16px;padding-top:24px}
.predictions-detail-probability__odds-title{color:var(--pd-on-surface);font-size:14px;font-weight:bold;letter-spacing:.05em;margin:0 0 16px;text-transform:uppercase}
.predictions-detail-table-wrap{overflow-x:auto}
.predictions-detail-table{border-collapse:collapse;font-size:13px;line-height:18px;width:100%}
.predictions-detail-table th{color:var(--pd-on-surface-variant);font-size:11px;font-weight:700;padding-bottom:8px;text-align:left;text-transform:uppercase}
.predictions-detail-table th.predictions-detail-table__center{text-align:center}
.predictions-detail-table td{color:var(--pd-on-surface);padding:12px 8px}
.predictions-detail-table td.predictions-detail-table__center{text-align:center}
.predictions-detail-table tr{border-bottom:1px solid var(--pd-surface-container);cursor:pointer;transition:background-color .2s ease}
.predictions-detail-table tr:hover{background:var(--pd-surface-low)}
.predictions-detail-table tr:hover td:first-child{color:var(--pd-primary)}
.predictions-detail-table__trend{align-items:center;display:flex;gap:4px;justify-content:center}
.predictions-detail-icon--win{color:var(--pd-win);font-size:14px}
.predictions-detail-icon--loss{color:var(--pd-loss);font-size:14px}
.predictions-detail-stats__head-row-team{display:flex;align-items:center;justify-content:center;gap:8px}
.predictions-detail-stats__avatars{border:2px solid #fff;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.05);height:32px;object-fit:cover;width:32px}
.predictions-detail-stats__header-left{align-items:center;display:flex;gap:12px}
.predictions-detail-stats__head-row-team:hover span{color:var(--pd-primary)}
.predictions-detail-stats__rows{display:flex;flex-direction:column;gap:12px}
.predictions-detail-stats__head-row{align-items:center;background:var(--pd-surface-low);border-radius:8px;display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:16px;padding:8px 0;text-align:center}
.predictions-detail-stats__head-row span{color:var(--pd-on-surface-variant);font-size:11px;font-weight:700;text-transform:uppercase}
.predictions-detail-stats__row{align-items:center;display:grid;grid-template-columns:repeat(3,1fr);padding:6px 0;text-align:center}
.predictions-detail-stats__label{color:var(--pd-on-surface-variant);font-size:10px;font-weight:700;text-transform:uppercase}
.predictions-detail-stats__cell{font-weight:700;margin:0 4px;padding:8px 0}
.predictions-detail-stats__cell--highlight{align-items:center;background:rgba(0,107,52,.1);border-radius:8px;color:var(--pd-primary);display:flex;justify-content:center}
.predictions-detail-matchups{margin-top:16px}
.predictions-detail-matchups__header{align-items:center;justify-content:space-between;display:flex;gap:8px;margin-bottom:16px}
.predictions-detail-matchups__header .material-symbols-outlined{color:var(--pd-primary);font-size:20px}
.predictions-detail-matchups__list{display:flex;gap:16px}
@media screen and (max-width:768px){
.predictions-detail-matchups__list{flex-direction:column}
}
.predictions-detail-matchup{background:#fff;border:1px solid var(--pd-border);border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.05);overflow:hidden;flex:1}
.predictions-detail-matchup__inner{padding:16px}
.predictions-detail-matchup__top{border-bottom:1px solid var(--pd-border);display:flex;margin-bottom:16px;padding-bottom:16px}
.predictions-detail-matchup__players{align-items:center;display:flex;gap:20px}
.predictions-detail-matchup__photos{display:flex}
.predictions-detail-matchup__photos img{border:2px solid #fff;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.05);height:40px;margin-left:-8px;object-fit:cover;width:40px}
.predictions-detail-matchup__photos img:first-child{margin-left:0}
.predictions-detail-matchup__names{display:flex;flex-direction:column}
.predictions-detail-matchup__name{color:var(--pd-on-surface);font-size:15px;font-weight:700}
.predictions-detail-matchup__vs{color:var(--pd-on-surface-variant);font-size:12px;font-weight:500;text-transform:uppercase}
.predictions-detail-matchup__teams{display:flex;gap:12px}
.predictions-detail-matchup__team-tag{color:var(--pd-on-surface-variant);font-size:11px}
.predictions-detail-matchup__format{background:var(--pd-surface-container);border-radius:4px;color:var(--pd-on-surface-variant);font-size:12px;font-weight:700;padding:2px 8px}
.predictions-detail-matchup__grid{display:grid;gap:16px 8px;grid-template-columns:repeat(3,1fr);text-align:center}
.predictions-detail-matchup__stat-label{color:var(--pd-on-surface-variant);font-size:9px;font-weight:700;letter-spacing:.05em;margin:0 0 2px;text-transform:uppercase}
.predictions-detail-matchup__stat-value{color:var(--pd-on-surface);font-size:18px;font-weight:800;line-height:1;margin:0}
.predictions-detail-matchup__stat-value--error{color:var(--pd-error)}
.predictions-detail-matchup__stat-value--primary{color:var(--pd-primary)}
.predictions-detail-players{margin-top:16px}
.predictions-detail-players__header{align-items:center;justify-content:space-between;display:flex;gap:8px;margin-bottom:16px}
.predictions-detail-players__list{display:grid;gap:var(--pd-gutter);grid-template-columns:1fr}
@media (min-width:768px){
.predictions-detail-players__list{grid-template-columns:repeat(2,1fr)}
}
.predictions-detail-player__head{display:flex;gap:16px;align-items:center}
.predictions-detail-player__avatar{border:2px solid var(--pd-border);border-radius:50%;height:64px;object-fit:cover;width:64px}
.predictions-detail-player__name{font-size:18px;font-weight:600;line-height:24px;margin:0}
.predictions-detail-player__role{color:var(--pd-on-surface-variant);font-size:13px;margin:4px 0 0}
.predictions-detail-player__panel{background:#fff;border:1px solid var(--pd-border);border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.05);overflow:hidden}
.predictions-detail-player__panel-head{align-items:center;background:var(--pd-surface-low);border-bottom:1px solid var(--pd-border);display:flex;justify-content:space-between;margin-bottom:16px;padding:10px 16px}
.predictions-detail-player__panel-vs{font-size:18px;font-weight:700}
.predictions-detail-player__panel-innings{align-items:center;color:var(--pd-primary);display:flex;font-size:13px;font-weight:700;gap:6px}
.predictions-detail-player__panel-innings .material-symbols-outlined{font-size:18px}
.predictions-detail-player__panel-body{display:flex;flex-direction:column;gap:16px;padding:16px}
@media screen and (max-width:768px){
.predictions-detail-player__panel-body{padding:10px}
}
.predictions-detail-player__highlight{background:rgba(7,157,80,.05);border:1px solid rgba(7,157,80,.1);border-radius:8px;padding:8px 12px;text-align:center}
.predictions-detail-player__highlight-label{color:var(--pd-primary);font-size:9px;font-weight:700;letter-spacing:.2em;margin:0 0 4px;text-transform:uppercase}
.predictions-detail-player__highlight-value{color:var(--pd-brand);font-size:24px;font-weight:800;letter-spacing:-.02em;line-height:1;margin:0}
.predictions-detail-player__metrics{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}
.predictions-detail-player__metric{background:var(--pd-surface-lowest);border:1px solid var(--pd-border);border-radius:8px;padding:8px;text-align:center}
.predictions-detail-player__metric-label{color:var(--pd-on-surface-variant);font-size:10px;font-weight:700;letter-spacing:.05em;margin:0 0 2px;text-transform:uppercase}
.predictions-detail-player__metric-value{font-size:18px;font-weight:700;margin:0}
.predictions-detail-player__milestones{border-top:1px dashed var(--pd-border);padding-top:12px}
.predictions-detail-player__milestones-grid{display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}
.predictions-detail-player__milestone-label{color:var(--pd-on-surface-variant);font-size:12px;font-weight:700;margin:0 0 4px;text-align:center;text-transform:uppercase}
.predictions-detail-player__milestone-badge{align-items:center;border-radius:9999px;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;margin:0 auto;width:32px}
.predictions-detail-player__milestone-badge--wide{height:32px;padding:0 8px;width:100%}
html.dark .predictions-detail-page{--pd-surface:#1a1a1a;--pd-on-surface:var(--color-text-primary, #e5e5e5);--pd-on-surface-variant:var(--color-text-regular, #b0b0b0);--pd-border:var(--border-color-base, rgba(255, 255, 255, 0.12));--pd-surface-lowest:#252525;--pd-surface-low:#1e1e1e;--pd-surface-container:#2a2a2a;--pd-surface-high:#3d3d3d;--pd-primary:var(--color-primary, #079d50);--pd-primary-container:rgba(7, 157, 80, 0.35)}
html.dark .predictions-detail-card,html.dark .predictions-detail-matchup,html.dark .predictions-detail-player__panel{background:var(--pd-surface-lowest);border-color:var(--pd-border)}
html.dark .predictions-detail-card,html.dark .predictions-detail-matchup,html.dark .predictions-detail-player__panel{background:var(--pd-surface-lowest);border-color:var(--pd-border)}
html.dark .predictions-detail-table tr:hover{background:rgba(255,255,255,.06)}
html.dark .predictions-detail-stats__cell--highlight{background:rgba(7,157,80,.15)}
html.dark .predictions-detail-player__highlight{background:rgba(7,157,80,.1);border-color:rgba(7,157,80,.25)}