.search{flex:1;min-width:180px;max-width:320px;font:inherit;font-size:13px;border:1px solid var(--line);border-radius:999px;padding:7px 14px;background:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px;margin-top:12px}
.tcard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:10px;border-top:4px solid #cdd6e4}
.tcard.up{border-top-color:var(--good)}.tcard.down{border-top-color:#7fa7e6}
.t-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.story-who{display:flex;align-items:center;gap:8px;min-width:0}.story-who b{font-size:14px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-who small{font-size:11px;color:var(--muted)}.tn{color:var(--blue);font-weight:700}
.delta{font-size:11.5px;font-weight:800;border-radius:999px;padding:3px 8px;white-space:nowrap;background:#f1f4f9;color:#4b5a72}.delta.up{background:#e7f6ee;color:#17784a}.delta.down{background:#eaf1fc;color:#2d5fae}
.t-mid{display:flex;align-items:center;gap:12px}.t-big{display:flex;flex-direction:column;min-width:70px}.t-big b{font-size:28px;line-height:1;color:var(--ink);letter-spacing:-.02em}.t-big small{font-size:10px;font-weight:700;color:var(--muted)}.t-big em{font-style:normal;font-size:11px;color:var(--muted)}
.spark{flex:1;height:38px}.sk-line{fill:none;stroke:var(--blue);stroke-width:2;stroke-linejoin:round}.sk-avg{stroke:#c3cde0;stroke-dasharray:3 3}.sk-dot{fill:var(--blue)}
.tcard.up .sk-line{stroke:var(--good)}.tcard.up .sk-dot{fill:var(--good)}
.t-stats{display:flex;gap:5px}.sp{flex:1;display:flex;flex-direction:column;align-items:center;background:#f4f7fc;border-radius:9px;padding:4px 2px}.sp b{font-size:14px;color:var(--ink);line-height:1.1}.sp small{font-size:9px;font-weight:700;color:var(--muted)}.sp em{font-style:normal;font-size:10px;color:var(--muted)}.sp.up em{color:#17784a;font-weight:700}.sp.down em{color:#2d5fae;font-weight:700}
.av{flex:0 0 30px;height:30px;border-radius:50%;background:#e8eefa;color:var(--ink);font-size:11px;font-weight:800;display:grid;place-items:center}
#trMore{margin:14px auto 0;display:block}#trMore[hidden]{display:none}
.mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px;margin-top:12px}@media(max-width:400px){.mgrid{grid-template-columns:1fr}}
.mcard{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 8px 26px rgba(16,45,96,.06)}
.mcard>header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:linear-gradient(135deg,#0c2350,#1458d4);color:#fff}
.mt{display:flex;align-items:baseline;gap:8px}.mt b{font-size:22px;letter-spacing:.02em}.mt span{opacity:.7}.mcard header small{font-size:12px;opacity:.9;display:flex;align-items:center;gap:5px}
.defs{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px 16px 6px}
h4{margin:0 0 6px;font-size:12px;color:var(--ink)}h4 small{display:block;font-weight:500;color:var(--muted);font-size:10.5px}
.dr{display:grid;grid-template-columns:28px 1fr 36px;align-items:center;gap:5px;margin:5px 0;font-size:10.5px;font-weight:700;color:var(--muted)}
.dbar{position:relative;height:7px;background:#edf1f7;border-radius:99px}.dbar i{position:absolute;top:-2px;bottom:-2px;width:1.5px;background:#9aa8bf}.dbar div{position:absolute;top:0;bottom:0;border-radius:99px}
.dbar .soft{background:var(--good)}.dbar .tough{background:var(--red)}.dbar .avg{background:#9aa8bf}
.dr em{font-style:normal;text-align:right}.dr em.soft{color:#17784a}.dr em.tough{color:#b42531}
.spots{padding:6px 16px 10px;border-top:1px solid var(--line)}.spots h4{margin-top:8px}
.spot{display:flex;align-items:center;gap:8px;padding:6px 0}.spot>div{flex:1;min-width:0}.spot b{font-size:13px;display:block}.spot small{font-size:11px;color:var(--muted)}
.tag{font-size:10.5px;padding:2px 7px;border-radius:999px;background:#f1f4f9;color:#4b5a72;white-space:nowrap}.tag.warm{background:#e7f6ee;color:#17784a}
.mcard footer{padding:10px 16px;border-top:1px solid var(--line);display:flex;justify-content:flex-end}.mcard footer a{text-decoration:none}
.small{font-size:12px}

.form{flex:1;display:flex;flex-direction:column;gap:4px}.form-bars{display:flex;align-items:flex-end;gap:3px;height:30px}
.form-bars span{flex:1;background:#e3e9f3;border-radius:3px 3px 1px 1px}.form-bars span.hit{background:#9ccfb3}.tcard.down .form-bars span.hit{background:#a9c3ea}
.form-bars span.last{outline:2px solid var(--ink);outline-offset:1px}.form small{font-size:10.5px;color:var(--muted)}.form small b{color:var(--ink)}
.pjgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin-top:12px}
.pj{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:10px;border-left:4px solid #cdd6e4}
.pj.good{border-left-color:var(--good)}.pj.ok{border-left-color:var(--ok)}.pj.bad{border-left-color:var(--bad)}
.pj-who{display:flex;align-items:center;gap:8px;min-width:0}.pj-who b{font-size:14px;display:block}.pj-who small{font-size:11px;color:var(--muted)}.hotx{color:#b42531;font-weight:700}
.pj-nums{display:flex;align-items:center;gap:12px}.pj-nums div{display:flex;flex-direction:column}.pj-nums b{font-size:22px;color:var(--ink);line-height:1;letter-spacing:-.02em}.pj-nums small{font-size:9.5px;font-weight:700;color:var(--muted);letter-spacing:.06em}
.pj-nums .proj b{color:var(--blue);font-size:28px}.pj-nums .arrow{color:#b5c0d3;font-size:16px}.pj-nums .usual{margin-left:auto;text-align:right}.pj-nums .usual b{font-size:16px;color:var(--muted)}
.pj-bar{position:relative;height:10px;background:#edf1f7;border-radius:99px;margin:2px 0 12px}
.pj-bar .rng{position:absolute;top:0;bottom:0;background:rgba(20,88,212,.18);border-radius:99px}.pj-bar .cur{position:absolute;top:0;bottom:0;left:0;background:var(--blue);border-radius:99px}
.pj-bar i{position:absolute;top:-3px;bottom:-3px;width:2px;border-radius:2px}.pj-bar .pm{background:var(--blue);width:3px}.pj-bar .um{background:#9aa8bf}.pj-bar .lm{background:var(--ink)}.pj-bar .lm span{position:absolute;top:14px;left:50%;transform:translateX(-50%);font-size:9.5px;font-weight:800;color:var(--ink)}
.pj-foot{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.pj-foot .price{font-size:12.5px;margin-right:2px}
.price{font-weight:800;color:var(--ink);display:inline-flex;align-items:center;gap:5px}.price i{display:inline-block;width:8px;height:8px;border-radius:50%}.tag.cold{background:#eaf1fc;color:#2d5fae}
.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin-top:10px;align-items:center}.legend i{display:inline-block;width:12px;height:8px;border-radius:3px;margin-right:4px;vertical-align:middle}
.controls .row+.row{margin-top:2px}

/* v0.9.58: mobile-first trends rows + positional matchups */
.trow{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;border-left:4px solid #cdd6e4}
.trow.up{border-left-color:var(--good)}.trow.down{border-left-color:#7fa7e6}
.tr-main{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;background:none;border:0;font:inherit;text-align:left;cursor:pointer;color:inherit}
.tr-who{flex:1;min-width:0}.tr-who b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tr-who small{font-size:11px;color:var(--muted)}
.tr-num{display:flex;flex-direction:column;align-items:flex-end}.tr-num b{font-size:20px;line-height:1;color:var(--ink)}.tr-num small{font-size:9.5px;font-weight:700;color:var(--muted)}
.trow .delta{min-width:58px;text-align:center}
.tr-body{padding:4px 12px 12px;border-top:1px solid var(--line)}
.tr-tbl{width:100%;border-collapse:collapse;font-size:13px;margin:6px 0 10px}.tr-tbl th,.tr-tbl td{padding:5px 4px;text-align:right}.tr-tbl thead th{font-size:10px;color:var(--muted);font-weight:700}
.tr-tbl tbody th{text-align:left;font-size:11.5px;color:var(--ink);white-space:nowrap}.tr-tbl tbody th small{color:var(--muted);font-weight:500}.tr-tbl td{font-weight:700;color:var(--ink)}.tr-tbl td.up{color:#17784a}.tr-tbl td.down{color:#2d5fae}.tr-tbl td.muted{color:var(--muted);font-weight:500}
.form-bars span.old{opacity:.45}
#trGrid.grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:8px;align-items:start}
.mcard .mhead{width:100%;display:flex;align-items:center;gap:10px;padding:13px 16px;background:linear-gradient(135deg,#0c2350,#1458d4);color:#fff;border:0;font:inherit;cursor:pointer;text-align:left}
.mcard .mhead .mt{flex:1}.mcard .mhead small{font-size:12px;opacity:.9;display:flex;align-items:center;gap:5px}.chev{font-size:11px;opacity:.8}
.mcard .spot{text-decoration:none;color:inherit;flex-wrap:wrap}.mcard .spot .tag{white-space:normal;text-align:right;max-width:52%}
.defs2{padding:4px 16px 10px;border-top:1px solid var(--line)}.vs{margin:4px 0;text-align:center;font-size:10.5px;color:var(--muted)}
.dt-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:10px 0 4px;font-size:12.5px;color:var(--ink)}.dt-head span{font-size:11px;color:var(--muted)}.dt-head em{font-style:normal;font-weight:700;color:var(--ink)}
.dt{width:100%;border-collapse:separate;border-spacing:3px;table-layout:fixed}.dt th{font-size:10px;color:var(--muted);font-weight:700;text-align:center}.dt tbody th{text-align:left;width:70px;color:var(--ink);font-size:11px}
.dt td{background:#f4f7fc;border-radius:8px;padding:5px 2px;text-align:center}.dt td b{display:block;font-size:12.5px;color:var(--ink)}.dt td small{font-size:9.5px;color:var(--muted)}.dt td.na{color:#b5c0d3}
.dt td.s1{background:#e7f6ee}.dt td.s2{background:#c9ecd7}.dt td.s1 b,.dt td.s2 b{color:#17784a}.dt td.t1{background:#fdeceb}.dt td.t2{background:#f8d3d6}.dt td.t1 b,.dt td.t2 b{color:#b42531}
.mcard footer{gap:10px;align-items:center;justify-content:space-between}
@media(max-width:640px){.controls .search{flex:1 1 100%;max-width:none;min-width:0}.dk-head{align-items:flex-start;flex-direction:column;gap:2px}#dkStatus{font-size:11px}
 .mgrid{grid-template-columns:1fr}.mt b{font-size:19px}.dt tbody th{width:58px;font-size:10px}.dt td b{font-size:11.5px}.dt td small{display:none}
 #trGrid.grid{grid-template-columns:1fr}.tr-main{padding:9px 10px;gap:8px}.av{flex-basis:28px;height:28px}.tr-num b{font-size:18px}.trow .delta{min-width:52px;font-size:11px;padding:3px 6px}}
/* reset the legacy global th/td styles for the new compact tables */
.dt th,.dt td,.tr-tbl th,.tr-tbl td{letter-spacing:0;text-transform:none;border:0;min-width:0;white-space:nowrap}
.tr-tbl th,.tr-tbl td{background:none;padding:5px 4px}.dt th{background:none;padding:2px}.dt td{padding:5px 2px}
.dt,.tr-tbl{min-width:0;display:table}
.link{border:0;background:none;color:var(--blue);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;padding:6px 0}
.sep{flex:0 0 1px;align-self:stretch;background:var(--line);margin:4px 2px}

.spotwrap{border-bottom:1px solid var(--line);padding-bottom:6px}.spotwrap:last-child{border:0}
.spot-bet{display:flex;align-items:center;gap:8px;margin:0 0 4px 38px;font-size:12px;flex-wrap:wrap}.spot-bet>span{font-weight:700;color:var(--ink)}
.spot-bet .price{font-size:13px}.spot-bet .add{flex:0 0 28px;height:28px;margin-left:auto;border-radius:50%;border:1.5px solid var(--blue);background:#fff;color:var(--blue);font-weight:700;cursor:pointer}.spot-bet .add.on{background:var(--blue);color:#fff}
.price.fair{font-size:12.5px;color:#17784a;background:#e7f6ee;border-radius:999px;padding:2px 8px}
.mcard footer .primary{text-decoration:none}

.pj-foot .add{margin-left:auto;flex:0 0 30px;height:30px;border-radius:50%;border:1.5px solid var(--blue);background:#fff;color:var(--blue);font-weight:700;cursor:pointer}.pj-foot .add.on{background:var(--blue);color:#fff}