.dmwin-prediction-hero { background: radial-gradient(circle at 80% 20%, rgba(108,99,255,.16), transparent 36rem); }
.dmwin-dashboard-section { padding-top: 40px; }
.dmwin-prediction-dashboard { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(280px, .55fr); gap: 18px; }
.dmwin-dashboard-main, .dmwin-history-card { max-width: 100%; border: 1px solid var(--dmwin-border); border-radius: 24px; background: linear-gradient(145deg, rgba(22,35,59,.98), rgba(9,20,38,.98)); box-shadow: var(--dmwin-shadow); }
.dmwin-dashboard-main { padding: clamp(20px, 4vw, 36px); }
.dmwin-dashboard-top, .dmwin-period-grid, .dmwin-signal-grid { display: grid; gap: 12px; }
.dmwin-dashboard-top { grid-template-columns: repeat(2, minmax(0,1fr)); margin-bottom: 14px; }
.dmwin-period-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
.dmwin-signal-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
.dmwin-dashboard-top > div, .dmwin-period-grid > div, .dmwin-signal-grid > div { padding: 15px; border: 1px solid rgba(255,255,255,.08); border-radius: 16px; background: rgba(255,255,255,.025); }
.dmwin-dashboard-main span, .dmwin-history-card p { display: block; color: var(--dmwin-muted); font-size: .82rem; }
.dmwin-dashboard-main strong { display: block; margin-top: 4px; overflow-wrap: anywhere; font-size: clamp(.95rem, 2vw, 1.25rem); }
.dmwin-reference-block { margin: 18px 0; padding: clamp(20px, 4vw, 34px); border: 1px solid rgba(108,99,255,.38); border-radius: 22px; background: radial-gradient(circle at 50% 50%, rgba(108,99,255,.12), transparent 70%); text-align: center; }
.dmwin-dashboard-label { margin-bottom: 17px; text-transform: uppercase; letter-spacing: .12em; }
.dmwin-number-balls { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 14px; }
.dmwin-number-balls span { display: grid; width: clamp(64px, 10vw, 92px); aspect-ratio: 1; place-items: center; border: 2px solid rgba(255,255,255,.2); border-radius: 50%; background: linear-gradient(145deg, var(--dmwin-primary), #2e3a91); color: #fff; font-size: clamp(1.8rem, 4vw, 3rem); font-weight: 950; box-shadow: inset 0 8px 18px rgba(255,255,255,.13), 0 12px 28px rgba(0,0,0,.3); }
.dmwin-history-card { padding: 24px; }
.dmwin-history-card h2 { margin-bottom: 8px; font-size: 1.3rem; }
.dmwin-history-card ol { display: grid; gap: 9px; padding: 0; margin: 20px 0 0; list-style: none; }
.dmwin-history-card li { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid rgba(255,255,255,.07); border-radius: 12px; color: #d9e1ef; font-size: .8rem; }
.dmwin-history-card li span:last-child { color: var(--dmwin-accent); font-weight: 850; }
.dmwin-dashboard-disclaimer { margin: 18px 0 0; color: var(--dmwin-muted); font-size: .9rem; }
.dmwin-colour-red { color: #ff746c !important; }
.dmwin-colour-green { color: #18d6b4 !important; }
.dmwin-colour-violet { color: #b38cff !important; }

@media (max-width: 900px) {
    .dmwin-prediction-dashboard { grid-template-columns: 1fr; }
    .dmwin-history-card ol { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 640px) {
    .dmwin-dashboard-top, .dmwin-period-grid, .dmwin-signal-grid, .dmwin-history-card ol { grid-template-columns: 1fr; }
    .dmwin-number-balls { gap: 9px; }
    .dmwin-number-balls span { width: min(25vw, 78px); }
    .dmwin-dashboard-main { padding: 16px; }
    .dmwin-reference-block { padding-inline: 12px; }
}