.dkp{--dkp-bg:#0f172a;--dkp-card:#1e293b;--dkp-line:#334155;--dkp-text:#e2e8f0;--dkp-muted:#94a3b8;--dkp-h:#22c55e;--dkp-d:#64748b;--dkp-a:#3b82f6;color:var(--dkp-text);font-size:16px;line-height:1.5}
.dkp *{box-sizing:border-box}
.dkp-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.dkp-filters button{background:var(--dkp-card);color:var(--dkp-text);border:1px solid var(--dkp-line);border-radius:999px;padding:6px 14px;cursor:pointer;font-size:14px}
.dkp-filters button.is-active{background:var(--dkp-h);border-color:var(--dkp-h);color:#052e16;font-weight:600}
.dkp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.dkp-card{background:var(--dkp-card);border:1px solid var(--dkp-line);border-radius:14px;padding:16px}
.dkp-card[hidden]{display:none}
.dkp-meta{display:flex;justify-content:space-between;gap:8px;color:var(--dkp-muted);font-size:13px;margin-bottom:12px}
.dkp-teams{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}
.dkp-team{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;font-weight:600;font-size:14px}
.dkp-crest{width:40px;height:40px;object-fit:contain}
.dkp-crest--empty{display:block;border-radius:50%;background:var(--dkp-line)}
.dkp-vs{color:var(--dkp-muted);font-size:13px}
.dkp-bar{display:flex;height:8px;border-radius:999px;overflow:hidden;background:var(--dkp-line)}
.dkp-bar .h{background:var(--dkp-h)}.dkp-bar .d{background:var(--dkp-d)}.dkp-bar .a{background:var(--dkp-a)}
.dkp-probs{display:flex;justify-content:space-between;font-size:12px;color:var(--dkp-muted);margin:6px 0 12px}
.dkp-pick{margin:0 0 8px}
.dkp-extra{list-style:none;margin:0 0 12px;padding:0;font-size:14px;color:var(--dkp-muted)}
.dkp-extra b{color:var(--dkp-text)}
.dkp-conf{display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px}
.dkp-conf--alto{background:#14532d;color:#bbf7d0}.dkp-conf--medio{background:#713f12;color:#fde68a}.dkp-conf--bajo{background:#7f1d1d;color:#fecaca}
.dkp-nodata,.dkp-notice,.dkp-updated{color:var(--dkp-muted);font-size:14px}
.dkp-notice{background:var(--dkp-card);border:1px solid var(--dkp-line);border-radius:10px;padding:12px 14px}
.dkp-disclaimer{margin-top:20px;padding:12px 14px;border-left:4px solid #f59e0b;background:rgba(245,158,11,.08);color:var(--dkp-muted);font-size:13px}
.dkp-disclaimer a{color:inherit;text-decoration:underline}
.dkp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px}
.dkp-stats div{background:var(--dkp-card);border:1px solid var(--dkp-line);border-radius:12px;padding:14px;text-align:center}
.dkp-stats b{display:block;font-size:26px}.dkp-stats span{font-size:13px;color:var(--dkp-muted)}
.dkp-tablewrap{overflow-x:auto}
.dkp-table{width:100%;border-collapse:collapse;font-size:14px}
.dkp-table th,.dkp-table td{padding:8px 10px;border-bottom:1px solid var(--dkp-line);text-align:left}
.dkp-ok{color:#22c55e}.dkp-ko{color:#ef4444}