.trend-page{width:min(1200px,calc(100% - 32px));margin-inline:auto;padding:34px 0 64px;color:#172b22;font-family:Poppins,Arial,sans-serif}
.trend-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:23px}
.trend-eyebrow{display:block;margin-bottom:7px;color:#32835f;font-size:.78rem;font-weight:700;letter-spacing:.12em}
.trend-heading h1{margin:0;color:#123a2e;font-size:clamp(2rem,4vw,2.75rem);line-height:1.1}
.trend-heading p{margin:10px 0 0;color:#5f7169;font-size:1rem}
.trend-updated{flex:none;color:#67786f;font-size:.875rem}
.trend-tools{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}
.trend-search{display:grid;gap:5px;width:min(100%,370px);color:#64786b;font-size:.875rem;font-weight:600}
.trend-search input{width:100%;height:43px;padding:0 14px;border:1px solid #d7e5dc;border-radius:10px;background:#fff;color:#173b2b;font:inherit;font-size:1rem;outline:none}
.trend-search input:focus{border-color:#318a62;box-shadow:0 0 0 3px rgba(49,138,98,.15)}
.trend-count{padding-bottom:8px;color:#64786b;font-size:.875rem}
.trend-state{padding:45px 30px;border:1px solid #dde9e1;border-radius:18px;background:#fff;color:#60736a;text-align:center;font-size:1rem}
.trend-list{display:grid;gap:18px}
.trend-card{overflow:hidden;border:1px solid #dde9e1;border-radius:18px;background:#fff;box-shadow:0 9px 28px rgba(16,54,39,.06)}
.trend-card-head{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:21px 24px;background:#f4f8f5}
.trend-league,.trend-date{color:#6b7d72;font-size:.875rem}
.trend-card h2{margin:4px 0;color:#153b2b;font-size:1.22rem;line-height:1.4}
.trend-card h2 a{color:inherit;text-decoration:none}.trend-card h2 a:hover{text-decoration:underline}
.trend-title-block{min-width:0}.trend-match-title{display:flex;align-items:center;gap:10px}.trend-match-title a,.trend-match-title>span{min-width:0}.trend-team-logo{width:36px;height:36px;flex:0 0 36px;padding:3px;border:1px solid rgba(20,59,43,.14);border-radius:50%;background:#fff;object-fit:contain}
.trend-market{display:grid;gap:2px;min-width:175px;padding:11px 15px;border:1px solid #d9e8dc;border-radius:12px;background:#fff}
.trend-market span{color:#6d8072;font-size:.75rem;font-weight:700;letter-spacing:.09em}
.trend-market strong{color:#173e2e;font-size:1rem}.trend-market small{color:#5c7764;font-size:.875rem}
.trend-table-wrap{overflow-x:auto;padding:0 24px 22px}
.trend-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;border:1px solid #e1eae4;border-radius:14px;overflow:hidden;background:#fff}
.trend-table th{padding:11px 16px;background:#eef4f0;color:#64756c;font-size:.72rem;font-weight:700;letter-spacing:.09em;text-align:left;text-transform:uppercase}
.trend-table th:nth-child(1){width:32%}.trend-table th:nth-child(2){width:20%;text-align:right}.trend-table th:nth-child(3){width:48%}
.trend-table td{padding:13px 16px;border-top:1px solid #e5ece7;vertical-align:middle}
.trend-table tbody tr:first-child td{border-top:0}.trend-table tbody tr:hover td{background:#f8faf9}
.trend-brand{display:flex;align-items:center;gap:11px;min-width:0}.trend-site-logo{width:40px;height:40px;flex:0 0 40px;border:1px solid #e1e8e3;border-radius:10px;background:#fff;object-fit:contain}.trend-brand-cell .trend-site-name{font-size:.92rem;font-weight:700;overflow-wrap:anywhere}
.trend-total-cell{text-align:right}.trend-total-cell strong{font-size:1.05rem;color:#153b2b;white-space:nowrap}.trend-total-cell strong small{font-size:.8rem;font-weight:500;color:#697a70}
.trend-share-cell{display:flex;align-items:center;gap:10px}.trend-share-value{min-width:34px;color:#64756c;font-size:.78rem;font-weight:700;text-align:right}
.trend-bar{height:7px;flex:1;overflow:hidden;border-radius:99px;background:#e8efe9}.trend-bar>span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#318a62,#b6df5c)}
.trend-note{margin:20px 0 0;color:#6f7e75;font-size:.875rem;line-height:1.6}
html.dark .trend-page,html.dark .trend-heading h1,html.dark .trend-card h2,html.dark .trend-total-cell strong{color:#e8f4eb}
html.dark .trend-card,html.dark .trend-state,html.dark .trend-market,html.dark .trend-search input,html.dark .trend-table{background:#182820;border-color:#314438;color:#e8f4eb}
html.dark .trend-card-head{background:#20362a}html.dark .trend-market strong{color:#e8f4eb}
html.dark .trend-heading p,html.dark .trend-note,html.dark .trend-league,html.dark .trend-date,html.dark .trend-updated{color:#b3c5b8}
html.dark .trend-table th{background:#20362a;color:#b3c5b8}html.dark .trend-table td{border-color:#314438}html.dark .trend-table tbody tr:hover td{background:#203229}html.dark .trend-bar{background:#385042}
.trend-lmt{display:block;padding-top:2px;color:#8a6b18!important;font-weight:700}
.trend-slip-add{display:flex;min-height:40px;align-items:center;justify-content:center;gap:8px;margin:0 24px 20px auto;padding:0 16px;border:1px solid #c9d2fa;border-radius:10px;background:#f1f3ff;color:#2336b5;font:700 .88rem Poppins,Arial,sans-serif;cursor:pointer}.trend-slip-add:hover{background:#e7eaff}.trend-slip-fab{position:fixed;right:24px;bottom:24px;z-index:1200;display:flex;min-height:64px;align-items:center;gap:12px;padding:0 20px;border:0;border-radius:999px;background:#172fc5;color:#fff;box-shadow:0 16px 38px rgba(22,38,147,.27);font:700 1.05rem Poppins,Arial,sans-serif;cursor:pointer;transition:transform .18s,box-shadow .18s}.trend-slip-fab:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(22,38,147,.34)}.trend-slip-fab svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.trend-slip-fab b{display:grid;min-width:23px;height:23px;place-items:center;border-radius:50%;background:#fff;color:#172fc5;font-size:.76rem}.trend-slip-panel{position:fixed;right:24px;bottom:102px;z-index:1201;width:min(370px,calc(100vw - 28px));max-height:min(70vh,620px);overflow:auto;padding:18px;border:1px solid #dce1ff;border-radius:18px;background:#fff;box-shadow:0 22px 70px rgba(21,30,101,.2);color:#20284a;font-family:Poppins,Arial,sans-serif}.trend-slip-panel[hidden]{display:none}.trend-slip-panel>header{display:flex;align-items:center;justify-content:space-between}.trend-slip-panel>header small{color:#6070d7;font-size:.65rem;font-weight:800;letter-spacing:.1em}.trend-slip-panel h2{margin:2px 0 0;font-size:1.18rem}.trend-slip-panel>header button{width:34px;height:34px;border:0;border-radius:50%;background:#f1f2fa;color:#3f4867;font-size:1.4rem;cursor:pointer}.trend-slip-caption{margin:12px 0;color:#7a8199;font-size:.78rem}.trend-slip-selections{display:grid;gap:8px}.trend-slip-empty{padding:18px 12px;border:1px dashed #d8dced;border-radius:12px;color:#77809a;text-align:center;font-size:.8rem;line-height:1.5}.trend-slip-pick{display:grid;grid-template-columns:minmax(0,1fr) auto 28px;align-items:center;gap:10px;padding:11px;border:1px solid #e5e8f5;border-radius:11px;background:#fafaff}.trend-slip-pick>div{display:grid;gap:3px;min-width:0}.trend-slip-pick small{overflow:hidden;color:#777f98;text-overflow:ellipsis;white-space:nowrap;font-size:.67rem}.trend-slip-pick b{color:#303957;font-size:.76rem}.trend-slip-pick strong{color:#2136bd;font-size:.9rem}.trend-slip-remove{border:0;background:transparent;color:#8b92a8;font-size:1.3rem;cursor:pointer}.trend-slip-total{display:flex;justify-content:space-between;margin:14px 0;padding:12px 0;border-top:1px solid #eaecf5;color:#606983;font-size:.82rem}.trend-slip-total b{color:#2438bf;font-size:1rem}.trend-slip-open{display:flex;justify-content:space-between;padding:12px 14px;border-radius:10px;background:#2339c5;color:#fff;text-decoration:none;font-size:.85rem;font-weight:700}.trend-slip-disclaimer{display:block;margin-top:10px;color:#8a90a3;font-size:.65rem;line-height:1.45}.trend-slip-fab:focus-visible,.trend-slip-panel button:focus-visible,.trend-slip-add:focus-visible{outline:3px solid #f1c654;outline-offset:3px}
html.dark .trend-slip-panel{background:#18204a;border-color:#394477;color:#eff1ff}html.dark .trend-slip-pick{background:#202958;border-color:#37416f}html.dark .trend-slip-pick b{color:#edf0ff}html.dark .trend-slip-pick small,html.dark .trend-slip-caption,html.dark .trend-slip-total{color:#b4bbdc}html.dark .trend-slip-empty{border-color:#45507e;color:#b5bddc}html.dark .trend-slip-total{border-color:#343e6c}html.dark .trend-slip-panel>header button{background:#29335f;color:#fff}
#trend-slip-toggle{display:flex!important;visibility:visible!important;opacity:1!important;position:fixed!important;right:24px!important;bottom:24px!important;z-index:2147483000!important;pointer-events:auto!important;background:#102d25!important;color:#fff!important;box-shadow:0 14px 35px rgba(7,29,21,.3)!important}#trend-slip-toggle b{background:#b7f266!important;color:#12372b!important}.trend-slip-add{border-color:#cbdcd1!important;background:#eef6f1!important;color:#12372b!important}.trend-slip-add:hover{background:#dfede5!important}.trend-slip-panel{border-color:#d8e4dc!important;color:#20352a!important;box-shadow:0 22px 70px rgba(7,29,21,.23)!important}.trend-slip-panel>header small,.trend-slip-pick strong,.trend-slip-total b{color:#23704f!important}.trend-slip-open{background:#102d25!important;color:#fff!important}.trend-slip-open:hover{background:#174333!important}.trend-slip-empty{border-color:#d2e1d7!important;color:#64776c!important}.trend-slip-pick{border-color:#e1ebe4!important;background:#f7faf8!important}.trend-slip-pick b{color:#24382d!important}.trend-slip-remove{color:#6c7c72!important}.trend-slip-total{border-color:#e2ebe5!important;color:#607168!important}.trend-slip-panel>header button{background:#eef4f0!important;color:#345142!important}html.dark .trend-slip-panel{background:#14251d!important;border-color:#30483a!important;color:#eff7f1!important}html.dark .trend-slip-pick{background:#1c3025!important;border-color:#365142!important}html.dark .trend-slip-pick b{color:#eff7f1!important}html.dark .trend-slip-pick small,html.dark .trend-slip-caption,html.dark .trend-slip-total{color:#b3c8ba!important}html.dark .trend-slip-total{border-color:#365142!important}html.dark .trend-slip-panel>header button{background:#23392d!important;color:#fff!important}
@media(max-width:600px){.trend-page{padding:24px 0 48px}.trend-heading,.trend-tools{display:block}.trend-updated,.trend-count{display:block;margin-top:12px}.trend-card-head{display:block;padding:19px}.trend-market{margin-top:15px;min-width:0}.trend-table-wrap{padding:0 14px 16px}.trend-table{min-width:520px}.trend-table th,.trend-table td{padding:11px 12px}.trend-site-logo{width:36px;height:36px;flex-basis:36px}.trend-team-logo{width:30px;height:30px;flex-basis:30px}}
@media(max-width:600px){.trend-slip-fab{right:16px;bottom:16px;min-height:58px;padding:0 17px;font-size:.96rem}.trend-slip-panel{right:14px;bottom:86px}.trend-slip-add{margin-right:14px}}