.mp-page{padding:10px 0 32px;max-width:960px;margin:0 auto;}
.mp-modern{--mp-navy:#003333;--mp-green:#004c28;--mp-red:#bb2000;--mp-ink:#0f172a;}
.mp-toolbar{margin-bottom:16px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.mp-toolbar .btn.gen-btn{margin:0;border-radius:999px;font-size:13px;}
.mp-chip-brand{background:rgba(187,32,0,0.92)!important;border-color:rgba(255,255,255,0.2)!important;color:#fff!important;letter-spacing:0.04em;}
.mp-preview-body{font-size:15px;line-height:1.65;color:#334155;}
.mp-stats-block{margin-top:4px;}
.mp-anim{animation:mp-rise 0.55s ease both;}
.mp-anim:nth-child(2){animation-delay:0.05s;}
.mp-anim:nth-child(3){animation-delay:0.1s;}
.mp-anim:nth-child(4){animation-delay:0.15s;}
.mp-anim:nth-child(5){animation-delay:0.2s;}
.mp-anim:nth-child(6){animation-delay:0.25s;}
@keyframes mp-rise{
from{opacity:0;transform:translateY(14px);}
to{opacity:1;transform:translateY(0);}
}
@media (prefers-reduced-motion:reduce){
.mp-anim{animation:none;}
}
.mp-hero{
position:relative;
background:linear-gradient(145deg,#001a1a 0%,#003333 42%,#004c28 78%,#0a3d28 100%);
border-radius:20px;
padding:24px 22px 22px;
color:#fff;
margin-bottom:18px;
box-shadow:0 16px 48px rgba(0,51,51,0.32);
overflow:hidden;
}
.mp-hero::before{
content:'';
position:absolute;
inset:0;
background:
radial-gradient(circle at 88% 12%,rgba(187,32,0,0.42) 0%,transparent 48%),
radial-gradient(circle at 12% 88%,rgba(0,76,40,0.35) 0%,transparent 50%),
linear-gradient(180deg,transparent 60%,rgba(0,0,0,0.18) 100%);
pointer-events:none;
}
.mp-hero::after{
content:'';
position:absolute;
inset:0;
background-image:radial-gradient(rgba(255,255,255,0.06) 1px,transparent 1px);
background-size:18px 18px;
opacity:0.35;
pointer-events:none;
}
.mp-hero > *{position:relative;z-index:1;}
.mp-hero-top{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:20px;font-size:12px;}
.mp-chip{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,0.12);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,0.16);padding:6px 12px;border-radius:999px;font-weight:700;color:#ecfdf3;}
.mp-fixture{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;text-align:center;}
.mp-team{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;}
.mp-team-logo{width:80px;height:80px;border-radius:50%;background:#fff;padding:10px;object-fit:contain;box-shadow:0 8px 24px rgba(0,0,0,0.2);}
.mp-team-name{font-size:17px;font-weight:900;line-height:1.3;color:#fff;word-break:break-word;}
.mp-vs-wrap{display:flex;flex-direction:column;align-items:center;gap:6px;}
.mp-vs{font-size:12px;font-weight:900;letter-spacing:0.12em;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,0.14);border:1px solid rgba(255,255,255,0.2);}
.mp-kickoff{font-size:11px;font-weight:700;color:rgba(255,255,255,0.85);white-space:nowrap;}
.mp-form-pills{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;}
.mp-form-pill{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;font-size:11px;font-weight:900;color:#fff;}
.mp-form-win{background:#15803d;}
.mp-form-draw{background:#ca8a04;}
.mp-form-loss{background:#b91c1c;}
.mp-insights{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
.mp-insight{flex:1;min-width:140px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px 14px;box-shadow:0 2px 8px rgba(15,23,42,0.04);}
.mp-insight-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:0.06em;color:#64748b;}
.mp-insight-value{margin-top:4px;font-size:15px;font-weight:900;color:#004c28;}
.mp-prediction{
margin:0 0 16px;background:#fff;border-radius:20px;overflow:hidden;
box-shadow:0 8px 32px rgba(15,23,42,0.08);border:1px solid #e8eef4;
}
.mp-prediction-accent{height:4px;background:linear-gradient(90deg,#004c28 0%,#16a34a 50%,#bb2000 100%);}
.mp-prediction-inner{display:flex;align-items:center;gap:20px;padding:22px 24px;}
.mp-prediction-code{
flex:0 0 auto;width:92px;height:92px;display:flex;align-items:center;justify-content:center;
border-radius:22px;color:#fff;font-size:38px;font-weight:900;letter-spacing:0.04em;
box-shadow:0 10px 28px rgba(0,0,0,0.18);
}
.mp-prediction-code--1{background:linear-gradient(145deg,#004c28,#16a34a);}
.mp-prediction-code--x{background:linear-gradient(145deg,#a16207,#eab308);}
.mp-prediction-code--2{background:linear-gradient(145deg,#9a1a00,#ef4444);}
.mp-prediction-code--double{background:linear-gradient(145deg,#bb2000,#d62828);}
.mp-prediction-body{flex:1;min-width:0;}
.mp-prediction-eyebrow{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:0.1em;color:#bb2000;margin-bottom:6px;}
.mp-prediction-title{margin:0;font-size:22px;font-weight:900;color:#0f172a;line-height:1.25;}
.mp-seo-fixture{margin:0 0 6px;font-size:18px;font-weight:800;color:#004c28;line-height:1.3;}
h2.mp-prediction-title{font-size:20px;font-weight:900;}
.mp-prediction-sub{margin:6px 0 0;font-size:14px;font-weight:600;color:#64748b;line-height:1.4;}
.mp-prediction-meta{
display:flex;flex-wrap:wrap;gap:10px;padding:0 24px 20px;border-top:1px solid #f1f5f9;
}
.mp-prediction-meta-item{
flex:1;min-width:100px;display:flex;flex-direction:column;gap:3px;padding:10px 14px;
background:linear-gradient(180deg,#f8fafc 0%,#fff 100%);border:1px solid #e2e8f0;border-radius:12px;
}
.mp-prediction-meta-label{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:0.06em;color:#64748b;}
.mp-prediction-meta-value{font-size:15px;font-weight:900;color:#004c28;}
.mp-odds-card{margin-bottom:18px;}
.mp-odds-row{display:flex;gap:8px;padding:16px 18px;flex-wrap:wrap;}
.mp-odds-item{flex:1;min-width:88px;text-align:center;padding:10px 8px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0;}
.mp-odds-item strong{display:block;font-size:16px;color:#004c28;}
.mp-odds-item span{display:block;font-size:9px;font-weight:800;text-transform:uppercase;color:#64748b;margin-bottom:4px;}
.mp-live-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;background:#dc2626;color:#fff;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:0.06em;animation:mp-live-pulse 1.4s ease-in-out infinite;}
.mp-live-badge::before{content:'';width:7px;height:7px;border-radius:999px;background:#fff;}
.mp-hero-score{display:inline-block;margin-top:6px;padding:6px 12px;border-radius:10px;background:rgba(0,0,0,0.22);font-size:18px;font-weight:900;letter-spacing:0.06em;}
@keyframes mp-live-pulse{0%,100%{opacity:1;}50%{opacity:0.72;}}
.mp-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:14px;}
.mp-form-split{display:flex;flex-direction:column;gap:14px;margin-bottom:14px;width:100%;}
.mp-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px rgba(15,23,42,0.06);overflow:hidden;margin-bottom:14px;}
.mp-card-head{padding:13px 16px;border-bottom:1px solid #eef2f7;background:linear-gradient(180deg,#f8fff9 0%,#fff 100%);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:0.05em;color:#004c28;display:flex;align-items:center;gap:8px;}
.mp-card-head i{color:#bb2000;}
.mp-card-body{padding:16px;}
.mp-prob-stack{display:flex;height:14px;border-radius:999px;overflow:hidden;background:#eef2f7;margin:12px 0 10px;}
.mp-prob-seg{height:100%;min-width:2px;transition:width 0.5s ease;}
.mp-prob-seg-home{background:linear-gradient(90deg,#004c28,#16a34a);}
.mp-prob-seg-draw{background:linear-gradient(90deg,#a16207,#eab308);}
.mp-prob-seg-away{background:linear-gradient(90deg,#9a1a00,#ef4444);}
.mp-prob-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.mp-prob-item{text-align:center;padding:10px 8px;background:#f8fafc;border-radius:10px;border:1px solid #eef2f7;}
.mp-prob-item-label{font-size:11px;font-weight:700;color:#64748b;display:block;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mp-prob-item-value{font-size:20px;font-weight:900;color:#0f172a;}
.mp-prob-item-value strong{color:#004c28;}
.mp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:14px;}
.mp-stat{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px;text-align:center;}
.mp-stat-label{font-size:10px;font-weight:800;text-transform:uppercase;color:#64748b;letter-spacing:0.04em;}
.mp-stat-value{margin-top:6px;font-size:15px;font-weight:900;color:#0f172a;}
.mp-footer-cta{margin-top:20px;padding-top:16px;border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:10px;}
.mp-footer-cta a.btn.gen-btn{margin:0;border-radius:999px;}
.mp-score-pill{display:inline-block;margin-top:8px;padding:8px 16px;border-radius:10px;background:#004c28;color:#fff;font-size:18px;font-weight:900;}
.mp-empty-note{margin:0;color:#94a3b8;font-size:14px;line-height:1.5;text-align:center;padding:12px 0;}
.mp-fixture-list{display:flex;flex-direction:column;gap:8px;}
.mp-fixture-row{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid #eef2f7;border-radius:12px;background:#fafcff;transition:background 0.15s;}
.mp-fixture-row:hover{background:#f0fdf4;}
.mp-result-pill{flex:0 0 28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;color:#fff;}
.mp-result-win{background:#15803d;}
.mp-result-draw{background:#ca8a04;}
.mp-result-loss{background:#b91c1c;}
.mp-fixture-main{flex:1;min-width:0;}
.mp-fixture-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:#64748b;margin-bottom:6px;}
.mp-fixture-league{font-weight:700;color:#475569;}
.mp-fixture-teams{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#0f172a;}
.mp-fixture-logo{width:18px;height:18px;object-fit:contain;}
.mp-fixture-score{padding:2px 8px;border-radius:8px;background:#eef2f7;font-weight:900;}
.mp-focus-team{color:#004c28;}
.mp-stats-charts{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
align-items:stretch;
gap:8px;
margin-bottom:12px;
}
.mp-stats-charts > .mp-stats-card{
flex:1 1 50%;
min-width:0;
margin-bottom:0;
margin-left:0;
margin-right:0;
}
.mp-stats-card-head{
padding:8px 10px;
font-size:10px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.mp-stats-card-body{padding:8px 6px!important;}
.mp-team-stats{display:block;}
.mp-team-results{display:flex;flex-direction:column;align-items:center;gap:8px;}
.mp-wdl-breakdown{width:100%;display:flex;flex-direction:column;gap:5px;}
.mp-wdl-row{display:flex;align-items:center;gap:6px;min-width:0;}
.mp-wdl-code{flex:0 0 18px;width:18px;height:18px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:900;color:#fff;line-height:1;}
.mp-wdl-code--win{background:#15803d;}
.mp-wdl-code--draw{background:#ca8a04;}
.mp-wdl-code--loss{background:#b91c1c;}
.mp-wdl-text{font-size:9px;font-weight:700;color:#334155;line-height:1.25;min-width:0;}
.mp-pie-wrap{position:relative;width:100%;max-width:78px;height:78px;margin:0 auto;}
.mp-pie{width:100%;height:100%;border-radius:50%;box-shadow:0 2px 8px rgba(15,23,42,0.06);}
.mp-pie-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #e2e8f0;font-size:8px;font-weight:700;color:#64748b;line-height:1.15;text-align:center;padding:2px;}
.mp-pie-center strong{display:block;font-size:14px;font-weight:900;color:#0f172a;line-height:1;}
.mp-chart-block{padding:12px;border-radius:12px;background:linear-gradient(180deg,#fafcff 0%,#fff 100%);border:1px solid #eef2f7;}
.mp-chart-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:0.04em;color:#475569;}
.mp-chart-meta{font-size:10px;font-weight:700;color:#64748b;text-transform:none;letter-spacing:0;}
.mp-legend-dot{display:inline-block;width:10px;height:10px;border-radius:999px;flex:0 0 10px;}
.mp-form-timeline{display:flex;flex-wrap:wrap;gap:6px;}
.mp-form-timeline-pill{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;font-size:12px;font-weight:900;color:#fff;}
.mp-form-timeline-pill--win{background:#15803d;}
.mp-form-timeline-pill--draw{background:#ca8a04;}
.mp-form-timeline-pill--loss{background:#b91c1c;}
.mp-standings-card{margin-bottom:14px;border-radius:14px;overflow:hidden;box-shadow:0 2px 12px rgba(15,23,42,0.06);}
#mp-table{margin:0 10px 14px;max-width:100%;min-width:0;}
.mp-standings-body{padding:0;}
.mp-standings-season{font-size:11px;font-weight:700;opacity:0.85;text-transform:none;margin-left:4px;}
.mp-standings-legend{display:flex;flex-wrap:wrap;gap:14px;padding:10px 16px;background:#f8fafc;border-bottom:1px solid #eef2f7;font-size:11px;font-weight:700;color:#64748b;}
.mp-standings-legend span{display:inline-flex;align-items:center;gap:6px;}
.mp-legend-dot{display:inline-block;width:10px;height:10px;border-radius:999px;}
.mp-legend-home{background:#004c28;}
.mp-legend-away{background:#bb2000;}
.mp-standings-group{padding:12px 16px 0;font-size:12px;font-weight:800;color:#475569;}
.mp-standings-scroll{overflow-x:auto;max-height:520px;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.mp-standings-table{width:100%;border-collapse:collapse;font-size:13px;margin:0;table-layout:auto;}
.mp-standings-table thead{position:sticky;top:0;z-index:2;}
.mp-standings-table thead th{background:#004c28;color:#fff;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:0.05em;padding:10px 8px;text-align:center;white-space:nowrap;border:none;}
.mp-standings-th-rank,.mp-standings-rank-cell{width:48px;}
.mp-standings-th-pts,.mp-standings-pts-cell{width:56px;}
.mp-standings-table tbody td{padding:10px 8px;text-align:center;vertical-align:middle;border-bottom:1px solid #eef2f7;color:#334155;}
.mp-standings-table tbody tr:last-child td{border-bottom:none;}
.mp-standings-table .mp-standings-team{text-align:left!important;min-width:140px;}
.mp-standings-team-inner{display:flex;align-items:center;gap:6px;min-width:0;}
.mp-standings-logo{width:20px;height:20px;flex:0 0 20px;object-fit:contain;}
.mp-standings-team-name{font-weight:700;color:#0f172a;flex:1 1 auto;min-width:0;line-height:1.25;}
.mp-standings-tag{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 18px;border-radius:5px;font-size:10px;font-weight:900;color:#fff;}
.mp-standings-tag-home{background:#004c28;}
.mp-standings-tag-away{background:#bb2000;}
.mp-rank-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;border-radius:8px;background:#f1f5f9;font-weight:900;color:#334155;font-size:12px;}
.mp-rank-top .mp-rank-badge{background:#dcfce7;color:#166534;}
.mp-rank-bottom .mp-rank-badge{background:#fee2e2;color:#991b1b;}
.mp-standings-home td{background:#ecfdf5!important;}
.mp-standings-away td{background:#fff7ed!important;}
.mp-standings-home .mp-standings-team-name{color:#004c28;}
.mp-standings-away .mp-standings-team-name{color:#9a1a00;}
.mp-pts-badge{display:inline-flex;align-items:center;justify-content:center;min-width:32px;padding:4px 8px;border-radius:8px;background:#004c28;color:#fff;font-weight:900;font-size:13px;}
.mp-gd-pos{color:#15803d;font-weight:800;}
.mp-gd-neg{color:#b91c1c;font-weight:800;}
.mp-standings-form-pills{display:inline-flex;gap:3px;justify-content:center;}
.mp-sfp{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;font-size:10px;font-weight:900;color:#fff;}
.mp-sfp-win{background:#15803d;}
.mp-sfp-draw{background:#ca8a04;}
.mp-sfp-loss{background:#b91c1c;}
.mp-standings-form-empty{color:#cbd5e1;}
.mp-standings-gap td{padding:6px 8px!important;background:#f8fafc;border-bottom:1px dashed #e2e8f0!important;}
.mp-standings-gap span{display:block;text-align:center;font-size:11px;font-weight:700;color:#94a3b8;letter-spacing:0.08em;}
.mp-standings-mobile{display:none;}
.mp-standings-desktop{display:block;}
.mp-standings-table--compact .mp-standings-team{text-align:left!important;min-width:0;}
.mp-standings-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:10px 16px 14px;border-top:1px solid #eef2f7;background:#fafcff;}
.mp-standings-note{font-size:11px;color:#64748b;}
.mp-standings-updated{font-size:11px;color:#94a3b8;margin-left:auto;}
.mp-mobile-tabs{display:none;}
@media (max-width:767px){
.mp-page{padding:0 0 calc(60px + env(safe-area-inset-bottom,0px));background:#f1f5f9;}
.container.other-content.mp-page{padding-left:0;padding-right:0;width:100%;max-width:100%;}
.mp-toolbar{gap:5px;padding:8px 10px 5px;margin-bottom:0;background:#fff;border-bottom:1px solid #e8eef4;position:sticky;top:0;z-index:50;}
.mp-toolbar .btn.gen-btn{flex:1 1 auto;justify-content:center;font-size:11px;padding:8px 10px;min-width:0;border-radius:10px;}
.mp-mobile-tabs{
display:flex;overflow-x:auto;gap:6px;padding:0 10px 8px;background:#fff;
-webkit-overflow-scrolling:touch;scrollbar-width:none;border-bottom:1px solid #e8eef4;
position:sticky;top:44px;z-index:49;
}
.mp-mobile-tabs::-webkit-scrollbar{display:none;}
.mp-mobile-tab{
flex:0 0 auto;padding:6px 11px;border-radius:999px;background:#f8fafc;color:#475569;
font-size:10px;font-weight:800;text-decoration:none;border:1px solid #e2e8f0;white-space:nowrap;
}
.mp-mobile-tab:active{background:#004c28;color:#fff;border-color:#004c28;}
.mp-hero{padding:12px 10px 14px;border-radius:0;margin-bottom:0;box-shadow:none;}
.mp-hero-top{margin-bottom:10px;gap:5px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px;}
.mp-hero-top::-webkit-scrollbar{display:none;}
.mp-chip{font-size:9px;padding:4px 8px;flex:0 0 auto;white-space:nowrap;}
.mp-prediction{margin:8px 10px 8px;border-radius:12px;box-shadow:0 2px 12px rgba(15,23,42,0.06);}
.mp-prediction-accent{height:3px;}
.mp-prediction-inner{flex-direction:row;text-align:left;align-items:center;gap:12px;padding:12px 14px;}
.mp-prediction-code{width:56px;height:56px;font-size:22px;border-radius:14px;box-shadow:0 4px 14px rgba(0,0,0,0.15);}
.mp-prediction-eyebrow{font-size:9px;margin-bottom:3px;letter-spacing:0.08em;}
.mp-prediction-title{font-size:15px;line-height:1.2;}
.mp-prediction-sub{font-size:12px;}
.mp-prediction-meta{padding:0 14px 12px;gap:6px;border-top:none;}
.mp-prediction-meta-item{min-width:0;flex:1 1 auto;padding:7px 10px;border-radius:10px;}
.mp-odds-row{padding:0 14px 12px;gap:6px;}
.mp-odds-item{min-width:calc(33.333% - 4px);padding:8px 6px;}
.mp-odds-item strong{font-size:14px;}
.mp-hero-score{font-size:15px;padding:5px 10px;}
.mp-live-badge{font-size:9px;padding:3px 8px;}
.mp-prediction-meta-label{font-size:8px;}
.mp-prediction-meta-value{font-size:13px;}
.mp-fixture{grid-template-columns:1fr auto 1fr;gap:6px;align-items:center;}
.mp-vs-wrap{padding-top:0;}
.mp-team{gap:5px;}
.mp-team-logo{width:48px;height:48px;padding:6px;box-shadow:0 3px 12px rgba(0,0,0,0.12);}
.mp-team-name{font-size:11px;line-height:1.2;max-height:2.4em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.mp-vs{font-size:9px;padding:5px 9px;}
.mp-kickoff{font-size:9px;padding:3px 6px;border-radius:6px;}
.mp-form-pill{width:16px;height:16px;font-size:9px;border-radius:4px;}
.mp-grid{gap:8px;margin:0 10px 8px;}
.mp-form-split{gap:8px;margin:0 10px 14px;}
.mp-stats-charts{margin:0 10px 10px;gap:6px;}
.mp-stats-card-head{font-size:9px;padding:7px 8px;}
.mp-stats-card-body{padding:6px 4px!important;}
.mp-wdl-text{font-size:8px;}
.mp-wdl-code{flex:0 0 16px;width:16px;height:16px;font-size:8px;}
.mp-pie-wrap{max-width:68px;height:68px;}
.mp-pie-center{width:44px;height:44px;}
.mp-pie-center strong{font-size:12px;}
.mp-pie-center span{font-size:7px;}
.mp-card{border-radius:12px;margin-bottom:8px;box-shadow:0 1px 8px rgba(15,23,42,0.05);}
.mp-card-head{padding:9px 12px;font-size:10px;border-radius:12px 12px 0 0;}
.mp-card-body{padding:10px 12px;}
.mp-prob-stack{height:12px;margin:10px 0 8px;}
.mp-prob-legend{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;}
.mp-prob-item{padding:7px 4px;border-radius:10px;}
.mp-prob-item-label{font-size:8px;margin-bottom:2px;}
.mp-prob-item-value{font-size:14px;}
.mp-stats{grid-template-columns:1fr 1fr;gap:6px;margin-top:10px;}
.mp-stat{padding:8px;border-radius:10px;}
.mp-stat-value{font-size:13px;}
.mp-fixture-list{gap:6px;}
.mp-fixture-row{
display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;
gap:3px 8px;padding:9px 10px;border-radius:10px;background:#fff;
border:1px solid #e8eef4;align-items:start;
}
.mp-result-pill{grid-row:1 / span 2;align-self:center;width:26px;height:26px;font-size:10px;border-radius:8px;}
.mp-fixture-main{grid-column:2;min-width:0;}
.mp-fixture-meta{gap:4px;margin-bottom:2px;font-size:9px;}
.mp-fixture-teams{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px;}
.mp-fixture-team{font-size:11px;line-height:1.25;white-space:normal;}
.mp-fixture-team:first-of-type{text-align:left;}
.mp-fixture-team:last-of-type{text-align:right;}
.mp-fixture-logo{display:none;}
.mp-fixture-score{font-size:11px;padding:3px 8px;border-radius:8px;background:#004c28;color:#fff;justify-self:center;}
.mp-grid + .mp-card,.mp-card + .mp-grid{margin-left:10px;margin-right:10px;}
.mp-card:not(.mp-standings-card){margin-left:10px;margin-right:10px;}
.mp-standings-card{
margin-left:10px;margin-right:10px;
max-width:calc(100% - 20px);
overflow:visible;
box-sizing:border-box;
}
.mp-standings-body{
padding:0;
max-width:100%;
min-width:0;
overflow:hidden;
border-radius:0 0 12px 12px;
}
.mp-standings-desktop{display:none!important;}
.mp-standings-mobile{display:block!important;width:100%;max-width:100%;}
.mp-standings-scroll{
width:100%;
max-width:100%;
min-width:0;
overflow-x:hidden;
overflow-y:visible;
-webkit-overflow-scrolling:touch;
max-height:none;
}
.mp-standings-table{
width:100%;
min-width:0;
table-layout:fixed;
font-size:11px;
}
.mp-standings-table--compact .mp-standings-th-rank,
.mp-standings-table--compact .mp-standings-rank-cell{width:34px;}
.mp-standings-table--compact .mp-standings-th-pts,
.mp-standings-table--compact .mp-standings-pts-cell{width:42px;}
.mp-standings-table--compact .mp-standings-th-team{width:auto;}
.mp-standings-team-inner{
display:grid;
grid-template-columns:14px minmax(0,1fr) auto;
align-items:center;
gap:4px;
min-width:0;
max-width:100%;
}
.mp-standings-team-name{
font-size:11px;
line-height:1.25;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
word-break:normal;
}
.mp-standings-table thead th{padding:7px 5px;font-size:8px;}
.mp-standings-table tbody td{padding:7px 5px;}
.mp-standings-logo{width:14px;height:14px;flex:0 0 14px;}
.mp-standings-tag{width:14px;height:14px;font-size:7px;flex:0 0 14px;}
.mp-rank-badge{min-width:22px;height:22px;font-size:10px;border-radius:6px;}
.mp-pts-badge{min-width:24px;font-size:11px;padding:3px 5px;}
.mp-standings-legend{gap:8px;padding:8px 10px;font-size:9px;}
.mp-standings-foot{flex-direction:column;padding:8px 10px 10px;}
.mp-standings-updated{margin-left:0;font-size:10px;}
.mp-standings-note{font-size:10px;}
.mp-footer-cta{
position:fixed;bottom:0;left:0;right:0;z-index:100;
flex-direction:row;margin:0;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));
background:rgba(255,255,255,0.96);backdrop-filter:blur(8px);
border-top:1px solid #e2e8f0;box-shadow:0 -2px 16px rgba(15,23,42,0.06);
}
.mp-footer-cta a.btn.gen-btn{flex:1;text-align:center;padding:9px 8px;font-size:12px;border-radius:10px;}
.mp-empty-note{font-size:12px;padding:6px 0;}
#mp-tip,#mp-probability,#mp-team-stats,#mp-h2h,#mp-form,#mp-table,#mp-scorers,#mp-preview,#mp-odds{scroll-margin-top:88px;}
html{scroll-behavior:smooth;}
}
@media (max-width:380px){
.mp-team-logo{width:42px;height:42px;padding:5px;}
.mp-team-name{font-size:10px;}
.mp-prediction-code{width:50px;height:50px;font-size:20px;}
.mp-prediction-title{font-size:14px;}
.mp-prediction-meta{flex-direction:column;}
.mp-prob-item-label{font-size:7px;}
.mp-mobile-tab{padding:5px 9px;font-size:9px;}
.mp-footer-cta{flex-direction:column;gap:6px;}
}
@media (min-width:768px){
.mp-standings-mobile{display:none!important;}
.mp-standings-desktop{display:block!important;}
.mp-form-split{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
align-items:stretch;
gap:14px;
margin-bottom:14px;
}
.mp-form-split > .mp-card{
flex:1 1 0;
min-width:0;
width:auto;
max-width:none;
margin-bottom:0;
display:flex;
flex-direction:column;
}
.mp-form-split > .mp-card .mp-card-body{
flex:1 1 auto;
}
.mp-stats-charts{margin:0 0 14px;gap:10px;}
.mp-stats-card-head{font-size:11px;padding:9px 12px;}
.mp-stats-card-body{padding:10px 8px!important;}
.mp-wdl-text{font-size:10px;}
.mp-wdl-code{flex:0 0 20px;width:20px;height:20px;font-size:10px;}
.mp-pie-wrap{max-width:88px;height:88px;}
.mp-pie-center{width:56px;height:56px;}
.mp-pie-center strong{font-size:16px;}
.mp-pie-center span{font-size:9px;}
}

/* Top scorers — modern match page */
.mp-scorers-card{margin-top:14px;overflow:hidden;}
.mp-scorers-season{
margin-left:auto;font-size:11px;font-weight:700;text-transform:none;letter-spacing:0;
color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;padding:3px 8px;border-radius:999px;
}
.mp-scorers-legend{
display:flex;flex-wrap:wrap;gap:14px;padding:10px 16px;background:#f8fafc;border-bottom:1px solid #eef2f7;
font-size:11px;font-weight:700;color:#64748b;
}
.mp-scorers-legend span{display:inline-flex;align-items:center;gap:6px;}
.mp-scorers-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.mp-scorers-table{width:100%;border-collapse:collapse;font-size:13px;margin:0;}
.mp-scorers-table thead th{
background:#004c28;color:#fff;font-size:10px;font-weight:800;text-transform:uppercase;
letter-spacing:0.05em;padding:10px 8px;text-align:center;white-space:nowrap;border:none;
}
.mp-scorers-th-player,.mp-scorers-th-team{text-align:left!important;}
.mp-scorers-th-rank{width:48px;}
.mp-scorers-th-apps{width:56px;}
.mp-scorers-th-goals{width:72px;}
.mp-scorers-th-assists{width:72px;}
.mp-scorers-table tbody td{
padding:10px 8px;text-align:center;vertical-align:middle;border-bottom:1px solid #eef2f7;color:#334155;
}
.mp-scorers-table tbody tr:last-child td{border-bottom:none;}
.mp-scorers-table tbody tr:hover td{background:#f8fafc;}
.mp-scorers-player-cell,.mp-scorers-team-cell{text-align:left!important;}
.mp-scorers-player-inner,.mp-scorers-team-inner{display:flex;align-items:center;gap:8px;min-width:0;}
.mp-scorers-photo{
width:32px;height:32px;border-radius:50%;object-fit:cover;background:#e2e8f0;flex:0 0 32px;
box-shadow:0 1px 4px rgba(15,23,42,0.08);
}
.mp-scorers-photo--empty{display:inline-block;background:linear-gradient(145deg,#e2e8f0,#cbd5e1);}
.mp-scorers-player-name{font-weight:800;color:#0f172a;line-height:1.25;min-width:0;}
.mp-scorers-team-logo{width:18px;height:18px;object-fit:contain;flex:0 0 18px;}
.mp-scorers-team-name{font-weight:700;color:#475569;font-size:12px;line-height:1.25;min-width:0;}
.mp-scorers-rank{
display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;
border-radius:8px;background:#f1f5f9;font-weight:900;color:#334155;font-size:12px;
}
.mp-scorers-rank--1{background:linear-gradient(145deg,#ca8a04,#eab308);color:#fff;}
.mp-scorers-rank--2{background:linear-gradient(145deg,#64748b,#94a3b8);color:#fff;}
.mp-scorers-rank--3{background:linear-gradient(145deg,#9a3412,#c2410c);color:#fff;}
.mp-scorers-goals-badge{
display:inline-flex;align-items:center;justify-content:center;min-width:32px;padding:4px 8px;
border-radius:8px;background:#004c28;color:#fff;font-weight:900;font-size:13px;
}
.mp-scorers-apps,.mp-scorers-assists{font-weight:700;color:#64748b;}
.mp-scorers-home td{background:#ecfdf5!important;}
.mp-scorers-away td{background:#fff7ed!important;}
.mp-scorers-home .mp-scorers-player-name{color:#004c28;}
.mp-scorers-away .mp-scorers-player-name{color:#9a1a00;}
.mp-scorers-foot{
display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:10px 16px 14px;
border-top:1px solid #eef2f7;background:#fafcff;
}
.mp-scorers-note{font-size:11px;color:#64748b;font-weight:700;}
.mp-scorers-updated{font-size:11px;color:#94a3b8;margin-left:auto;}
.mp-scorers-mobile{display:none;}
.mp-scorers-desktop{display:table;}

@media (max-width:767px){
.mp-scorers-card{margin-left:10px;margin-right:10px;max-width:calc(100% - 20px);border-radius:12px;}
.mp-scorers-legend{gap:8px;padding:8px 10px;font-size:9px;}
.mp-scorers-season{font-size:10px;padding:2px 7px;}
.mp-scorers-desktop{display:none!important;}
.mp-scorers-mobile{display:flex!important;flex-direction:column;gap:8px;padding:10px;}
.mp-scorers-mrow{
display:grid;grid-template-columns:32px 1fr;gap:8px;align-items:start;
padding:10px;border:1px solid #eef2f7;border-radius:12px;background:#fff;
}
.mp-scorers-mrow.mp-scorers-home{background:#ecfdf5;border-color:#bbf7d0;}
.mp-scorers-mrow.mp-scorers-away{background:#fff7ed;border-color:#fed7aa;}
.mp-scorers-mrank{padding-top:4px;}
.mp-scorers-mmain{min-width:0;}
.mp-scorers-mtext{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;}
.mp-scorers-mteam{
display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#64748b;
}
.mp-scorers-mteam .mp-scorers-team-logo{width:14px;height:14px;}
.mp-scorers-player-name{font-size:13px;}
.mp-scorers-photo{width:28px;height:28px;flex:0 0 28px;}
.mp-scorers-mstats{
display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px;
}
.mp-scorers-mstats span{
display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 4px;
border-radius:10px;background:#f8fafc;border:1px solid #eef2f7;font-size:13px;font-weight:900;color:#0f172a;
}
.mp-scorers-mstats em{
font-style:normal;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:0.04em;color:#64748b;
}
.mp-scorers-mgoals{background:#ecfdf5!important;border-color:#bbf7d0!important;color:#004c28!important;}
.mp-scorers-foot{flex-direction:column;padding:8px 10px 10px;}
.mp-scorers-updated{margin-left:0;}
}

@media (min-width:768px){
.mp-scorers-mobile{display:none!important;}
.mp-scorers-desktop{display:table!important;}
}