/* Dave Predict (signed off by Jack, 7 Nov 2026): Match Predictor, Fans' Verdict, Man of the Match, and the hub ([dave_predict]).
   Archivo Black is self-hosted (assets/fonts, SIL Open Font Licence).
   Sky base, black scoreboard pills, neon green / pink / orange / purple / blue, rainbow ring borders. Follows the site's light/dark. */
@font-face{font-family:"Archivo Black";src:url(fonts/archivo-black.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
.dp{--dp-sky:#bfe6f7;--dp-sky2:#d9f1fb;--dp-ink:#0b0b10;--dp-paper:#fff;--dp-muted:#4a5560;--dp-line:rgba(11,11,16,.12);
  --dp-blue:#1d5cff;--dp-lime:#a8f000;--dp-green:#12e07a;--dp-pink:#ff2d8a;--dp-orange:#ff7a1a;--dp-purple:#8b5cff;--dp-teal:#00c2c7;--dp-yellow:#e9ff3a;
  --dp-ring:conic-gradient(from 0deg,var(--dp-pink),var(--dp-orange),var(--dp-yellow),var(--dp-green),var(--dp-teal),var(--dp-blue),var(--dp-purple),var(--dp-pink));
  --dp-disp:"Archivo Black","Inter Tight",system-ui,sans-serif;color:var(--dp-ink);font-family:inherit}
html[data-theme="dark"] .dp{--dp-sky:#0d1b2a;--dp-sky2:#13263a;--dp-paper:#16202c;--dp-ink:#f3f7fb;--dp-muted:#a7b4c2;--dp-line:rgba(255,255,255,.12)}
@media (prefers-color-scheme:dark){html:not([data-theme]) .dp{--dp-sky:#0d1b2a;--dp-sky2:#13263a;--dp-paper:#16202c;--dp-ink:#f3f7fb;--dp-muted:#a7b4c2;--dp-line:rgba(255,255,255,.12)}}
.dp *{box-sizing:border-box}
.dp-card{background:var(--dp-paper);border:1px solid var(--dp-line);border-radius:24px;padding:16px;margin:0 0 24px;color:var(--dp-ink)}
.dp-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px;font:16px/1.1 var(--dp-disp);text-transform:uppercase;letter-spacing:-.01em;color:var(--dp-ink)}
.dp-h::before{display:none!important}
.dp-pill{font:800 11px/1 system-ui,sans-serif;letter-spacing:.04em;border-radius:999px;padding:5px 10px;text-transform:uppercase;white-space:nowrap}
.dp-p-lime{background:var(--dp-lime);color:#0b0b10}.dp-p-pink{background:var(--dp-pink);color:#fff}.dp-p-blue{background:var(--dp-blue);color:#fff}.dp-p-ink{background:#0b0b10;color:var(--dp-yellow)}
.dp-fine{font-size:12px;color:var(--dp-muted);margin:10px 0 0}
.dp-p{margin:0 0 10px;font-size:15px}
.dp-err{color:#e5383b;font-weight:700;margin:8px 0 0}
.dp a{color:inherit}
/* scoreboard */
.dp-board{text-align:center;margin:8px 0 4px}
.dp-date{display:inline-block;background:var(--dp-yellow);color:#0b0b10;font:800 11px system-ui,sans-serif;border-radius:6px;padding:3px 8px;margin-bottom:6px;text-transform:uppercase}
.dp-sb{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;padding:0 8px}
.dp-team{display:flex;align-items:center;gap:8px;background:#0b0b10;color:#fff;padding:8px 10px;min-width:0;height:62px}
.dp-team.h{border-radius:16px 0 0 16px;box-shadow:-4px 0 0 var(--dp-pink),-8px 0 0 var(--dp-teal)}
.dp-team.a{border-radius:0 16px 16px 0;flex-direction:row-reverse;box-shadow:4px 0 0 var(--dp-lime),8px 0 0 var(--dp-purple)}
.dp-crest{flex:none;width:40px;height:40px;border-radius:12px;background:#fff;display:grid;place-items:center;overflow:hidden}
.dp-crest img{width:32px;height:32px;object-fit:contain}
.dp-team b{font:18px var(--dp-disp);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.dp-score{background:#0b0b10;color:#fff;display:flex;align-items:center;gap:6px;padding:4px 6px;height:62px}
.dp-score input,.dp-score output{width:46px;height:46px;border-radius:12px;border:0;background:#222838;color:#fff;font:26px var(--dp-disp);text-align:center;display:grid;place-items:center;-moz-appearance:textfield;appearance:textfield;margin:0;padding:0}
.dp-score input::-webkit-inner-spin-button,.dp-score input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.dp-score input:focus{outline:3px solid var(--dp-lime)}
.dp-score span{font:24px var(--dp-disp)}
.dp-stage{display:inline-block;background:var(--dp-green);color:#0b0b10;font:800 12px system-ui,sans-serif;padding:4px 14px;border-radius:0 0 10px 10px;letter-spacing:.06em;text-transform:uppercase}
@media (max-width:520px){.dp-team:has(.dp-crest) b{display:none}.dp-team:has(.dp-crest){justify-content:center}.dp-team b{font-size:14px}.dp-score input,.dp-score output{width:40px;height:42px;font-size:22px}}
.dp-cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:14px;border:3px solid #0b0b10;box-shadow:0 4px 0 #0b0b10;background:var(--dp-lime);color:#0b0b10!important;font:16px var(--dp-disp);text-transform:uppercase;padding:13px;border-radius:16px;cursor:pointer;text-decoration:none!important}
.dp-cta:active{transform:translateY(3px);box-shadow:0 1px 0 #0b0b10}
.dp-cta:disabled{opacity:.6;cursor:wait}
.dp-cta.pink{background:var(--dp-pink);color:#fff!important}
.dp-pts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.dp-pts div{border-radius:14px;padding:8px;text-align:center;background:var(--dp-sky2)}
.dp-pts b{display:block;font:20px var(--dp-disp)}
.dp-pts small{font-size:11px;color:var(--dp-muted);font-weight:700}
.dp-crowd{display:flex;height:30px;border-radius:10px;overflow:hidden;font:800 11px system-ui,sans-serif;margin-top:6px}
.dp-crowd i{display:flex;align-items:center;justify-content:center;font-style:normal;color:#0b0b10;white-space:nowrap;overflow:hidden;min-width:0}
.dp-more{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;background:#0b0b10;color:#fff!important;border-radius:16px;padding:10px 12px;text-decoration:none!important;font-weight:800;font-size:13px}
.dp-more span:last-child{width:32px;height:32px;border-radius:50%;background:var(--dp-ring);display:grid;place-items:center;flex:none}
/* verdict */
.dp-verdict{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:4px}
.dp-verdict div{border-radius:16px;padding:12px 6px;text-align:center;border:3px solid #0b0b10;color:#0b0b10}
.dp-verdict b{display:block;font:28px/1.1 var(--dp-disp)}
.dp-verdict small{font-weight:800;font-size:11px}
.dp-you{margin-top:12px;display:flex;align-items:center;gap:10px;background:var(--dp-sky2);border-radius:14px;padding:10px;font-size:14px;font-weight:700}
.dp-you i{width:34px;height:34px;border-radius:50%;background:var(--dp-green);display:grid;place-items:center;font:16px var(--dp-disp);color:#0b0b10;flex:none;font-style:normal}
.dp-you i.x{background:var(--dp-pink);color:#fff}
/* man of the match */
.dp-tabs{display:flex;gap:6px;margin:4px 0 12px;flex-wrap:wrap}
.dp-tabs button{border:2px solid var(--dp-ink);background:transparent;color:var(--dp-ink);font:800 12px system-ui,sans-serif;border-radius:999px;padding:6px 12px;cursor:pointer}
.dp-tabs button[aria-selected="true"]{background:var(--dp-ink);color:var(--dp-paper)}
.dp-motm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:640px){.dp-motm{grid-template-columns:repeat(4,minmax(0,1fr))}}
.dp-pc{border-radius:18px;padding:3px;background:var(--dp-ring);cursor:pointer;border:0;text-align:left;font:inherit;color:inherit}
.dp-pc:disabled{cursor:default}
.dp-pc>div{border-radius:15px;background:#0b0b10;color:#fff;padding:10px;height:100%;display:flex;flex-direction:column;gap:6px;min-height:96px}
.dp-pc .dp-crest{width:30px;height:30px;border-radius:9px}.dp-pc .dp-crest img{width:24px;height:24px}
.dp-pc b{font:13px/1.15 var(--dp-disp);text-transform:uppercase;overflow-wrap:anywhere}
.dp-pc .vb{height:6px;border-radius:3px;background:#2a3242;overflow:hidden;margin-top:auto}
.dp-pc .vb i{display:block;height:100%;background:var(--dp-lime)}
.dp-pc small{font-size:11px;color:#cdd6e0;font-weight:700}
.dp-pc.sel{background:var(--dp-lime)}
.dp-pc.sel>div{box-shadow:inset 0 0 0 2px var(--dp-lime)}
/* ---------------- hub */
.dp-hub{background:var(--dp-sky);border-radius:28px;padding:16px;margin:0 0 24px}
.dp-top{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--dp-paper);border-radius:22px;padding:12px 14px}
.dp-brand{display:flex;align-items:center;gap:10px;min-width:0}
.dp-brand .mk{flex:none;width:44px;height:44px;border-radius:12px;background:#0b0b10;color:var(--dp-lime);display:grid;place-items:center;font:20px var(--dp-disp)}
.dp-brand h2{font:20px/1 var(--dp-disp);text-transform:uppercase;margin:0;color:var(--dp-ink)}
.dp-brand p{font-size:12px;color:var(--dp-muted);margin:2px 0 0}
.dp-chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.dp-chip{display:flex;align-items:center;gap:8px;background:#0b0b10;color:#fff;border-radius:999px;padding:4px 12px 4px 4px;font:16px var(--dp-disp)}
.dp-chip i{width:30px;height:30px;border-radius:50%;padding:3px;background:var(--dp-ring);font-style:normal}
.dp-chip i span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:#0b0b10;font-size:12px}
.dp-lvl{background:var(--dp-paper);border-radius:22px;padding:14px;margin-top:12px;display:flex;align-items:center;gap:14px}
.dp-lvl .bdg{flex:none;width:58px;height:58px;border-radius:16px;padding:3px;background:var(--dp-ring)}
.dp-lvl .bdg span{display:grid;place-items:center;width:100%;height:100%;border-radius:13px;background:#0b0b10;color:var(--dp-yellow);font:22px var(--dp-disp)}
.dp-lvl .t{font:15px var(--dp-disp);text-transform:uppercase}
.dp-lvl .bar{height:12px;border-radius:999px;background:var(--dp-sky2);overflow:hidden;margin-top:6px}
.dp-lvl .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--dp-green),var(--dp-lime),var(--dp-yellow))}
.dp-lvl .meta{font-size:12px;color:var(--dp-muted);display:flex;justify-content:space-between;gap:8px;margin-top:4px}
.dp-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
@media (min-width:900px){.dp-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
.dp-tile{border-radius:22px;padding:14px;min-height:150px;position:relative;color:#0b0b10!important;display:flex;flex-direction:column;justify-content:space-between;border:3px solid #0b0b10;box-shadow:0 5px 0 #0b0b10;overflow:hidden;text-decoration:none!important}
.dp-tile .tag{align-self:flex-start;background:#0b0b10;color:var(--dp-yellow);font:800 10px system-ui,sans-serif;letter-spacing:.06em;border-radius:6px;padding:3px 7px}
.dp-tile h3{font:18px/1 var(--dp-disp);text-transform:uppercase;margin:8px 0 0;position:relative;color:inherit}
.dp-tile p{font-size:12px;font-weight:700;opacity:.85;margin:4px 0 0;position:relative}
.dp-tile .go{width:38px;height:38px;border-radius:50%;background:#0b0b10;color:#fff;display:grid;place-items:center;font-size:18px;margin-top:10px;position:relative}
.dp-tile .art{position:absolute;right:-8px;bottom:-18px;font:100px/1 var(--dp-disp);opacity:.16}
.dp-tile.g{background:var(--dp-green)}.dp-tile.k{background:var(--dp-pink)}.dp-tile.o{background:var(--dp-orange)}.dp-tile.u{background:var(--dp-purple);color:#fff!important}
.dp-sec{font:22px/1 var(--dp-disp);text-transform:uppercase;margin:28px 0 12px;display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;color:var(--dp-ink)}
.dp-sec small{font:700 12px system-ui,sans-serif;text-transform:none;color:var(--dp-muted)}
.dp-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
@media (min-width:900px){.dp-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}
.dp-grid>div>.dp-card,.dp-grid>.dp-card{margin:0}
.dp-lb{list-style:none;margin:0;padding:0}
.dp-lb li{display:grid;grid-template-columns:40px 36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 6px;border-bottom:1px solid var(--dp-line);margin:0}
.dp-lb .rk{font:17px var(--dp-disp);text-align:center}
.dp-lb li:nth-child(1) .rk{color:var(--dp-orange)}.dp-lb li:nth-child(2) .rk{color:var(--dp-teal)}.dp-lb li:nth-child(3) .rk{color:var(--dp-pink)}
.dp-av{width:36px;height:36px;border-radius:50%;padding:2px;background:var(--dp-ring)}
.dp-av span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:#0b0b10;color:#fff;font:11px var(--dp-disp)}
.dp-lb .nm{font-weight:800;font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dp-lb .nm small{display:block;font-weight:700;color:var(--dp-muted);font-size:11px}
.dp-lb .sc{font:16px var(--dp-disp)}
.dp-lb li.me{background:var(--dp-yellow);color:#0b0b10;border-radius:12px;border:0;margin-top:6px}
.dp-lb li.me small{color:#333}
.dp-prize{display:flex;gap:10px;align-items:center;margin-top:12px;background:#0b0b10;color:#fff;border-radius:16px;padding:10px 12px}
.dp-prize .g{width:40px;height:40px;border-radius:12px;background:var(--dp-ring);flex:none;display:grid;place-items:center;font-size:20px}
.dp-prize b{font:14px var(--dp-disp);text-transform:uppercase}
.dp-prize small{display:block;font-size:12px;color:#c7d0da}
.dp-prog{display:flex;gap:4px;margin-top:4px}
.dp-prog i{flex:1;height:8px;border-radius:4px;background:var(--dp-line)}
.dp-prog i.on{background:var(--dp-pink)}
.dp-six{display:grid;gap:8px;margin-top:12px}
.dp-fx{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;background:var(--dp-sky2);border-radius:14px;padding:8px;border:0}
.dp-fx .tm{display:flex;align-items:center;gap:6px;font-weight:800;font-size:13px;min-width:0}
.dp-fx .tm span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dp-fx .tm.r{justify-content:flex-end;text-align:right}
.dp-fx .tm img{width:24px;height:24px;object-fit:contain;flex:none}
.dp-fx .s{display:flex;gap:4px;align-items:center}
.dp-fx .s input,.dp-fx .s output{width:34px;height:34px;border-radius:9px;border:2px solid #0b0b10;background:var(--dp-paper);color:var(--dp-ink);font:16px var(--dp-disp);text-align:center;display:grid;place-items:center;margin:0;padding:0;-moz-appearance:textfield;appearance:textfield}
.dp-fx .s input::-webkit-inner-spin-button{-webkit-appearance:none}
.dp-fx .ko{grid-column:1/-1;font-size:11px;color:var(--dp-muted);font-weight:700;text-align:center;margin-top:-4px;display:flex;justify-content:center;gap:8px;align-items:center}
.dp-fx .ko label{display:inline-flex;gap:4px;align-items:center;cursor:pointer;color:var(--dp-orange);font-weight:800}
.dp-fx.bank{box-shadow:inset 0 0 0 3px var(--dp-orange)}
.dp-lms{border-radius:24px;padding:18px;background:radial-gradient(circle at 85% 15%,var(--dp-purple),transparent 50%),radial-gradient(circle at 5% 95%,var(--dp-blue),transparent 50%),#0b0b10;color:#fff}
.dp-lms h3{font:24px/1 var(--dp-disp);text-transform:uppercase;margin:10px 0 0;color:#fff}
.dp-lms>p{color:#cdd6e0;font-size:13px;margin:6px 0 0;max-width:48ch}
.dp-streak{display:flex;align-items:flex-end;gap:12px;margin-top:14px}
.dp-streak .n{font:72px/.85 var(--dp-disp);background:linear-gradient(180deg,var(--dp-yellow),var(--dp-orange));-webkit-background-clip:text;background-clip:text;color:transparent}
.dp-streak small{font:800 12px system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#cdd6e0}
.dp-flames{display:flex;gap:4px;margin-top:12px;flex-wrap:wrap}
.dp-flames i{width:18px;height:18px;border-radius:5px;background:var(--dp-orange)}
.dp-flames i.x{background:#2a3242;box-shadow:inset 0 0 0 2px var(--dp-yellow)}
.dp-miles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:14px}
.dp-miles div{border-radius:12px;padding:8px 2px;text-align:center;background:#1c2433;border:2px solid #2a3242}
.dp-miles b{display:block;font:18px var(--dp-disp)}
.dp-miles small{font-size:9px;font-weight:800;color:#a7b4c2;text-transform:uppercase}
.dp-miles .done{border-color:var(--dp-lime);background:#20301a}
.dp-miles .next{border-color:var(--dp-yellow);box-shadow:0 0 0 3px rgba(233,255,58,.25)}
.dp-today{margin-top:14px;background:var(--dp-paper);color:var(--dp-ink);border-radius:18px;padding:12px}
.dp-today .q{font:800 12px system-ui,sans-serif;color:var(--dp-muted);text-transform:uppercase;letter-spacing:.06em}
.dp-pick3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}
.dp-pick3 button{border:3px solid #0b0b10;border-radius:14px;padding:10px 6px;background:var(--dp-sky2);color:var(--dp-ink);font:14px var(--dp-disp);cursor:pointer;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis}
.dp-pick3 button small{display:block;font:700 11px system-ui,sans-serif;text-transform:none;margin-top:2px}
.dp-pick3 button.sel{background:var(--dp-lime);color:#0b0b10;box-shadow:0 4px 0 #0b0b10}
.dp-pick3 button:disabled{cursor:default}
.dp-race{list-style:none;margin:12px 0 0;padding:0;font-size:13px}
.dp-race li{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--dp-line);margin:0}
.dp-race b{font-family:var(--dp-disp);text-align:right}
.dp-badges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
@media (min-width:640px){.dp-badges{grid-template-columns:repeat(8,minmax(0,1fr))}}
.dp-bd{text-align:center;font-size:11px;font-weight:800;color:var(--dp-muted)}
.dp-bd i{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 4px;border-radius:16px;font:18px var(--dp-disp);font-style:normal;color:#0b0b10;border:3px solid #0b0b10}
.dp-bd.off i{background:var(--dp-line)!important;color:var(--dp-muted);border-color:var(--dp-line)}
.dp-free{margin-top:26px;border-radius:22px;padding:16px;background:var(--dp-yellow);color:#0b0b10;border:3px solid #0b0b10;box-shadow:0 5px 0 #0b0b10}
.dp-free h3{font:20px/1 var(--dp-disp);text-transform:uppercase;margin:0;color:#0b0b10}
.dp-free p{font-size:13px;font-weight:700;margin:6px 0 0}
.dp-empty{background:var(--dp-sky2);border-radius:14px;padding:14px;font-weight:700;font-size:14px;margin-top:10px}
.dp [id^="dp-"],#predict{scroll-margin-top:96px}