.dui-match-cards{--accent-gold:#ffce3f;--r-pill:999px;--dur-1:.12s}@keyframes dui-mt-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.35)}}:is(.dui-matches,.dui-match-cards) .pill{font:800 9px/1 var(--font-display);letter-spacing:.18em;text-transform:uppercase;border-radius:var(--r-pill);align-items:center;gap:6px;padding:6px 10px;display:inline-flex}:is(.dui-matches,.dui-match-cards) .pill.live{color:var(--live);background:#ff33551a;border:1px solid #ff335573}:is(.dui-matches,.dui-match-cards) .pill.live .d{background:var(--live);width:6px;height:6px;box-shadow:0 0 8px var(--live);border-radius:50%;animation:1.3s infinite dui-mt-pulse}:is(.dui-matches,.dui-match-cards) .pill.neutral{color:var(--fg-2);border:1px solid var(--line-2);background:#ffffff0a}:is(.dui-matches,.dui-match-cards) .pill.gold{color:var(--accent-gold);background:#ffce3f14;border:1px solid #ffce3f66}:is(.dui-matches,.dui-match-cards) .grid{grid-template-columns:repeat(auto-fill,minmax(388px,1fr));gap:14px;display:grid}:is(.dui-matches,.dui-match-cards) .card{background:var(--bg-2);border:1px solid var(--line-2);transition:all var(--dur-2) var(--ease-snap);cursor:pointer;border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden}:is(.dui-matches,.dui-match-cards) .card:hover{border-color:var(--line-3);transform:translateY(-2px);box-shadow:0 16px 34px -16px #000000d9}:is(.dui-matches,.dui-match-cards) .card-top{align-items:center;gap:9px;padding:12px 16px 0;display:flex}:is(.dui-matches,.dui-match-cards) .card-top .t{font:500 10px/1 var(--font-mono);color:var(--fg-3);letter-spacing:.08em;text-transform:uppercase}:is(.dui-matches,.dui-match-cards) .card-top .t b{color:var(--fg-2);font-weight:700}:is(.dui-matches,.dui-match-cards) .card-top .r{font:500 10px/1 var(--font-mono);color:var(--fg-4);margin-left:auto}:is(.dui-matches,.dui-match-cards) .rows{flex-direction:column;gap:9px;padding:12px 16px 14px;display:flex}:is(.dui-matches,.dui-match-cards) .row{align-items:center;gap:11px;display:flex}:is(.dui-matches,.dui-match-cards) .row .lg{background:linear-gradient(180deg,var(--bg-3),var(--bg-1));border:1px solid var(--line-2);border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;padding:5px;display:grid;position:relative}:is(.dui-matches,.dui-match-cards) .row .lg .lg-inner{width:100%;height:100%;position:relative}:is(.dui-matches,.dui-match-cards) .row .lg img{object-fit:contain}:is(.dui-matches,.dui-match-cards) .row .nm{font:900 17px/1 var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--fg-1);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:is(.dui-matches,.dui-match-cards) .row .rec,:is(.dui-matches,.dui-match-cards) .loc{font:500 10px/1 var(--font-mono);color:var(--fg-4);margin-left:2px}:is(.dui-matches,.dui-match-cards) .row .sp{flex:1}:is(.dui-matches,.dui-match-cards) .l5{flex-shrink:0;gap:4px;display:flex}:is(.dui-matches,.dui-match-cards) .l5 .fr{width:20px;height:20px;font:800 10px/1 var(--font-mono);border-radius:6px;place-items:center;display:grid}:is(.dui-matches,.dui-match-cards) .l5 .fr.w{color:var(--draft-green);background:#44dd771f;border:1px solid #44dd7759}:is(.dui-matches,.dui-match-cards) .l5 .fr.l{color:var(--loss);background:#ff47571a;border:1px solid #ff475759}:is(.dui-matches,.dui-match-cards) .l5 .fr.e{color:var(--fg-4);border:1px solid var(--line-1);background:#ffffff08}:is(.dui-matches,.dui-match-cards) .mkt-bar{background:var(--line-1);border-top:1px solid var(--line-1);grid-template-columns:1fr 1fr 1fr;gap:1px;display:grid}:is(.dui-matches,.dui-match-cards) .mkt-bar .mk{background:var(--bg-2);cursor:pointer;transition:background var(--dur-1);text-align:left;color:inherit;border:0;flex-direction:column;gap:5px;padding:10px 14px;font-family:inherit;display:flex;position:relative}:is(.dui-matches,.dui-match-cards) .mkt-bar .mk:hover{background:#44dd7714}:is(.dui-matches,.dui-match-cards) .mkt-bar .mk .l{font:700 9px/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3)}:is(.dui-matches,.dui-match-cards) .mkt-bar .mk .v{font:800 13px/1 var(--font-mono);color:var(--fg-1)}:is(.dui-matches,.dui-match-cards) .mkt-bar .mk .v b{color:var(--draft-green);font-weight:800}:is(.dui-matches,.dui-match-cards) .mkt-bar .mk.on{background:#44dd771a}:is(.dui-matches,.dui-match-cards) .mkt-bar .mk.on .l{color:var(--draft-green)}:is(.dui-matches,.dui-match-cards) .mkt-expand{transition:grid-template-rows .28s var(--ease-snap);cursor:default;grid-template-rows:0fr;display:grid}:is(.dui-matches,.dui-match-cards) .mkt-expand.open{grid-template-rows:1fr}:is(.dui-matches,.dui-match-cards) .mkt-expand .inner{min-height:0;overflow:hidden}:is(.dui-matches,.dui-match-cards) .mkt-expand .panel{border-top:1px solid var(--line-1);flex-direction:column;gap:10px;padding:12px 16px;display:flex}:is(.dui-matches,.dui-match-cards) .mkt-expand .exp-sides{grid-template-columns:1fr 1fr;gap:8px;display:grid}:is(.dui-matches,.dui-match-cards) .mkt-expand .exp-sides button{border-radius:var(--r-pill);cursor:pointer;border:1px solid var(--line-2);transition:all var(--dur-2) var(--ease-snap);color:inherit;background:0 0;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;font-family:inherit;display:flex}:is(.dui-matches,.dui-match-cards) .mkt-expand .exp-sides button .side{font:800 10px/1 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-2)}:is(.dui-matches,.dui-match-cards) .mkt-expand .exp-sides button .odds{font:800 13px/1 var(--font-mono);color:var(--fg-1)}:is(.dui-matches,.dui-match-cards) .mkt-expand .exp-sides button.yes:hover,:is(.dui-matches,.dui-match-cards) .mkt-expand .exp-sides button.yes.on{border-color:var(--draft-green);background:#44dd7714}:is(.dui-matches,.dui-match-cards) .mkt-expand .exp-sides button.yes:hover .side,:is(.dui-matches,.dui-match-cards) .mkt-expand .exp-sides button.yes.on .side{color:var(--draft-green)}:is(.dui-matches,.dui-match-cards) .mkt-expand .exp-sides button.no:hover,:is(.dui-matches,.dui-match-cards) .mkt-expand .exp-sides button.no.on{border-color:var(--loss);background:#ff475714}:is(.dui-matches,.dui-match-cards) .mkt-expand .exp-sides button.no:hover .side,:is(.dui-matches,.dui-match-cards) .mkt-expand .exp-sides button.no.on .side{color:var(--loss)}:is(.dui-matches,.dui-match-cards) .mkt-expand .exp-buy{border-radius:var(--r-pill);background:var(--draft-green);color:var(--draft-green-ink);font:800 11px/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border:0;justify-content:center;align-items:center;padding:11px 14px;display:flex}:is(.dui-matches,.dui-match-cards) .mkt-expand .exp-buy:disabled{opacity:.45;cursor:not-allowed}:is(.dui-matches,.dui-match-cards) .mkt-expand .exp-qty{align-items:center;gap:10px;display:flex}:is(.dui-matches,.dui-match-cards) .mkt-expand .exp-qty .lbl{font:800 10px/1 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-2)}:is(.dui-matches,.dui-match-cards) .mkt-expand .exp-qty .max{font:600 10px/1 var(--font-mono);color:var(--fg-3);margin-left:auto}:is(.dui-matches,.dui-match-cards) .mkt-expand .stepper{border:1px solid var(--line-2);border-radius:var(--r-pill);align-items:center;gap:2px;display:flex;overflow:hidden}:is(.dui-matches,.dui-match-cards) .mkt-expand .stepper button{width:28px;height:26px;color:var(--fg-1);font:800 14px/1 var(--font-display);cursor:pointer;transition:background var(--dur-2);background:0 0;border:0;justify-content:center;align-items:center;display:flex}:is(.dui-matches,.dui-match-cards) .mkt-expand .stepper button:hover:not(:disabled){background:#ffffff14}:is(.dui-matches,.dui-match-cards) .mkt-expand .stepper button:disabled{opacity:.3;cursor:not-allowed}:is(.dui-matches,.dui-match-cards) .mkt-expand .stepper .n{text-align:center;min-width:30px;font:800 13px/1 var(--font-mono);color:var(--fg-1)}:is(.dui-matches,.dui-match-cards) .mkt-expand .exp-quote{font:600 11px/1.3 var(--font-mono);color:var(--fg-3)}:is(.dui-matches,.dui-match-cards) .mkt-expand .exp-msg{font:600 10px/1.4 var(--font-mono)}:is(.dui-matches,.dui-match-cards) .mkt-expand .exp-msg.err{color:var(--loss)}:is(.dui-matches,.dui-match-cards) .cta{border-top:1px solid var(--line-1);font:800 11px/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-2);transition:all var(--dur-2);background:#44dd770f;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}:is(.dui-matches,.dui-match-cards) .card:hover .cta{color:var(--draft-green);background:#44dd7724}:is(.dui-matches,.dui-match-cards) .cta .c{font:600 10px/1 var(--font-mono);letter-spacing:0;color:var(--fg-3);text-transform:none}:is(.dui-matches,.dui-match-cards) .cta svg{width:16px;height:16px;transition:transform var(--dur-2) var(--ease-snap)}:is(.dui-matches,.dui-match-cards) .card:hover .cta svg{transform:translate(3px)}:is(.dui-matches,.dui-match-cards) .card.livecard{border-color:#ff33554d}:is(.dui-matches,.dui-match-cards) .card.livecard .cta{color:var(--live);background:#ff335514}:is(.dui-matches,.dui-match-cards) .card.livecard:hover .cta{background:#ff335529}:is(.dui-matches,.dui-match-cards) .cta-split{border-top:1px solid var(--line-1);grid-template-columns:1fr 1fr;display:grid}:is(.dui-matches,.dui-match-cards) .cta-btn{cursor:pointer;font:800 11px/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;transition:all var(--dur-2);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 10px;display:flex}:is(.dui-matches,.dui-match-cards) .cta-btn svg{width:14px;height:14px}:is(.dui-matches,.dui-match-cards) .cta-btn.watch{color:var(--live);background:#ff335514}:is(.dui-matches,.dui-match-cards) .cta-btn.watch:hover{background:#ff33552e}:is(.dui-matches,.dui-match-cards) .cta-btn.markets{color:var(--draft-green);border-left:1px solid var(--line-1);background:#44dd770f}:is(.dui-matches,.dui-match-cards) .cta-btn.markets:hover{background:#44dd7729}:is(.dui-matches,.dui-match-cards) .card.livecard .score{font:900 22px/1 var(--font-mono);color:var(--fg-1);font-variant-numeric:tabular-nums}:is(.dui-matches,.dui-match-cards) .card.final .thumb{aspect-ratio:16/7;background:repeating-linear-gradient(115deg,var(--bg-3) 0 10px,var(--bg-1) 10px 20px);border-bottom:1px solid var(--line-1);place-items:center;display:grid;position:relative;overflow:hidden}:is(.dui-matches,.dui-match-cards) .card.final .thumb .ph{font:500 9px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-4);position:absolute;bottom:10px;left:10px}:is(.dui-matches,.dui-match-cards) .card.final .thumb .play{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:54px;height:54px;transition:all var(--dur-2) var(--ease-snap);background:#0a0e12b8;border:1px solid #ffffff29;border-radius:50%;place-items:center;display:grid;position:absolute}:is(.dui-matches,.dui-match-cards) .card.final:hover .thumb .play{background:var(--draft-green);border-color:var(--draft-green);transform:scale(1.06)}:is(.dui-matches,.dui-match-cards) .card.final .thumb .play svg{width:20px;height:20px;color:var(--fg-1);margin-left:2px}:is(.dui-matches,.dui-match-cards) .card.final:hover .thumb .play svg{color:var(--draft-green-ink)}:is(.dui-matches,.dui-match-cards) .card.final .thumb .dur{font:600 9px/1 var(--font-mono);color:var(--fg-2);border:1px solid var(--line-2);background:#06090cc7;border-radius:5px;padding:4px 7px;position:absolute;bottom:10px;right:10px}:is(.dui-matches,.dui-match-cards) .card.final .thumb .badge{position:absolute;top:10px;left:10px}:is(.dui-matches,.dui-match-cards) .card.final .score{font:900 26px/1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--fg-4)}:is(.dui-matches,.dui-match-cards) .card.final .row.win .score{color:var(--draft-green)}:is(.dui-matches,.dui-match-cards) .card.final .row.win .nm{color:var(--fg-1)}:is(.dui-matches,.dui-match-cards) .card.final .row:not(.win) .nm{color:var(--fg-3)}:is(.dui-matches,.dui-match-cards) .card.final.spoiler .row .nm{color:var(--fg-2)}:is(.dui-matches,.dui-match-cards) .card.final .settled{border-top:1px solid var(--line-1);font:500 10px/1 var(--font-mono);color:var(--fg-4);align-items:center;gap:8px;padding:10px 16px;display:flex}:is(.dui-matches,.dui-match-cards) .card.final .settled .tick{color:var(--draft-green)}:is(.dui-matches,.dui-match-cards) .card.final .settled b{color:var(--fg-2);font-weight:700}:is(.dui-matches,.dui-match-cards) .card.final .settled .rt{color:var(--fg-3);margin-left:auto}@media (max-width:700px){.dui-match-cards .grid{grid-template-columns:1fr}}