.ms-dfg{max-width:1040px;margin:36px auto;padding:26px 28px;background:linear-gradient(135deg,#102a36 0%,#092024 100%);color:#f0faf6;border:1px solid #317a66;border-radius:20px;box-shadow:0 10px 35px rgba(0,0,0,.19);font-family:inherit}
.ms-dfg-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.ms-dfg-eyebrow{font-size:12px;letter-spacing:.11em;color:#a7eacf;font-weight:800}.ms-dfg-pill{background:#c1f7da;color:#0c4431;border-radius:99px;padding:5px 13px;font-size:12px;font-weight:900}
.ms-dfg h2{color:#fff;font-size:clamp(23px,3.8vw,33px);margin:14px 0 8px}.ms-dfg-match{font-weight:850;font-size:clamp(19px,3vw,26px);line-height:1.4}.ms-dfg-match span{color:#a9c2bb;font-size:.75em;padding:0 5px}.ms-dfg-league{color:#adcac1;margin-top:6px}
.ms-dfg-pick{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;border:1px solid #286257;background:#103930;border-radius:12px;padding:16px;margin:22px 0}.ms-dfg-pick span{color:#b6d9ce;font-size:14px}.ms-dfg-pick strong{color:#d2ffe4;font-size:21px}.ms-dfg-note{color:#d1e8df;white-space:pre-wrap;overflow-wrap:anywhere}.ms-dfg-times{display:flex;gap:14px;flex-wrap:wrap}.ms-dfg-times>div{flex:1 1 210px;background:rgba(255,255,255,.07);padding:12px;border-radius:10px}.ms-dfg-times small{display:block;color:#b5d8cc;margin-bottom:5px}.ms-dfg-times strong{font-size:14px;overflow-wrap:anywhere}
.ms-dfg-clock-wrap{margin-top:18px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #345c54;padding-top:17px}.ms-dfg-clock{font-size:clamp(22px,4vw,30px);font-variant-numeric:tabular-nums;color:#9df7b8}.ms-dfg-risk{font-size:12px;color:#b1c8c0;margin-top:16px}
@media(max-width:620px){.ms-dfg{margin:25px 12px;padding:19px}.ms-dfg-clock-wrap{align-items:flex-start;flex-direction:column}}