.oli-prediction-dashboard-section{padding:34px 0 10px}.oli-prediction-dashboard{overflow:hidden;border:1px solid var(--oli-border);border-radius:26px;background:radial-gradient(circle at 80% 0,rgba(109,40,217,.25),transparent 35%),rgba(17,22,42,.9);box-shadow:var(--oli-shadow)}.oli-prediction-dashboard__head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid var(--oli-border-soft)}.oli-prediction-dashboard__head span{display:block;color:var(--oli-muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.09em}.oli-prediction-dashboard__head strong{display:block;margin-top:4px;font-size:1.35rem}.oli-live-state{display:flex;align-items:center;gap:8px;color:#b8f7cf;font-size:.82rem;font-weight:800}.oli-live-state i{width:9px;height:9px;border-radius:50%;background:var(--oli-positive);box-shadow:0 0 0 5px rgba(34,197,94,.12)}.oli-prediction-metrics{display:grid;grid-template-columns:1.35fr 1.35fr .8fr;border-bottom:1px solid var(--oli-border-soft)}.oli-prediction-metrics article{min-width:0;padding:22px 24px;border-right:1px solid var(--oli-border-soft)}.oli-prediction-metrics article:last-child{border-right:0}.oli-prediction-metrics span,.oli-reference-grid section>span{display:block;color:var(--oli-muted);font-size:.77rem;text-transform:uppercase;letter-spacing:.075em}.oli-prediction-metrics strong{display:block;margin-top:7px;overflow-wrap:anywhere;font-size:1rem}.oli-prediction-metrics .oli-countdown strong{color:#ffd783;font-size:1.75rem}.oli-reference-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr)}.oli-reference-grid section{min-width:0;padding:25px 24px;border-right:1px solid var(--oli-border-soft)}.oli-reference-grid section:last-child{border-right:0}.oli-reference-grid strong{display:block;margin:14px 0 7px;font-size:1.5rem}.oli-reference-grid small{display:block;color:#8793a6;line-height:1.45}.oli-number-balls{display:flex;gap:10px;margin:14px 0 9px}.oli-number-balls b{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff3c4,#f59e0b 35%,#854d0e 80%);box-shadow:0 7px 18px rgba(245,158,11,.22);color:#1a1102;font-size:1.25rem}.oli-reference-colour.is-green{color:#73efa1}.oli-reference-colour.is-red{color:#ff858d}.oli-reference-colour.is-violet{color:#c7a4ff}.oli-reference-history{padding:25px 24px;border-top:1px solid var(--oli-border-soft)}.oli-reference-history h2{margin:0;font-size:1.28rem}.oli-reference-history p{margin:5px 0 18px;color:var(--oli-muted);font-size:.87rem}.oli-reference-history__scroll{overflow-x:auto;border:1px solid var(--oli-border-soft);border-radius:14px}.oli-reference-history table{width:100%;min-width:620px;border-collapse:collapse}.oli-reference-history th,.oli-reference-history td{padding:11px 13px;border-bottom:1px solid var(--oli-border-soft);text-align:left;font-size:.82rem}.oli-reference-history th{background:rgba(255,255,255,.025);color:#ffd783}.oli-reference-history td{color:#bdc6d4}@media(max-width:850px){.oli-prediction-metrics{grid-template-columns:1fr 1fr}.oli-prediction-metrics article:nth-child(2){border-right:0}.oli-prediction-metrics article:last-child{grid-column:1/-1;border-top:1px solid var(--oli-border-soft)}.oli-reference-grid{grid-template-columns:1fr 1fr}.oli-reference-grid section:nth-child(2){border-right:0}.oli-reference-grid section:nth-child(n+3){border-top:1px solid var(--oli-border-soft)}}@media(max-width:640px){.oli-prediction-dashboard__head{align-items:flex-start}.oli-prediction-metrics,.oli-reference-grid{grid-template-columns:1fr}.oli-prediction-metrics article,.oli-reference-grid section{border-right:0;border-bottom:1px solid var(--oli-border-soft)}.oli-prediction-metrics article:last-child{grid-column:auto;border-top:0}.oli-reference-grid section:nth-child(n+3){border-top:0}.oli-reference-grid section:last-child{border-bottom:0}.oli-number-balls b{width:44px;height:44px}.oli-reference-history{padding:22px 16px}}
