
.fh{--fh-panel:#202b3e;--fh-border:#52627d55;--fh-muted:#a1aec2;color:#eef2fa}.fh a{text-decoration:none}.fh-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0}.fh-heading h2{font-size:clamp(21px,2vw,28px);line-height:1.3;margin:8px 0}.fh-heading p,.fh-footnote{color:var(--fh-muted);font-size:13px;line-height:1.7}.fh-eyebrow{font-size:10px;letter-spacing:1.6px;color:#e6bd90;font-weight:700}.fh-new,.fh-open-link,.sd .fh-shortcut{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid #d4628055;border-radius:12px;background:#9d294b22;color:#f8ccdc;padding:12px 16px;white-space:nowrap;font-size:13px;font-weight:600}.fh-refresh{display:flex;justify-content:flex-end;gap:16px;align-items:center;margin-bottom:16px;color:var(--fh-muted);font-size:11px}.fh-refresh button{border:0;background:transparent;color:#e5bd91;cursor:pointer;font:inherit;padding:8px}.fh-refresh button:disabled{opacity:.5}.fh-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}.fh-filters a{display:flex;gap:10px;align-items:center;padding:12px 15px;border:1px solid var(--fh-border);border-radius:11px;background:#1b2535;color:#b9c5d6;font-size:13px}.fh-filters a.selected{background:#422539;border-color:#cd53777a;color:#ffdfeb}.fh-filters b{padding:3px 8px;border-radius:7px;background:#ffffff10;font-size:11px}.fh-list{display:grid;grid-template-columns:minmax(0,1fr);gap:17px}.fh-card{border:1px solid var(--fh-border);border-radius:17px;background:linear-gradient(125deg,#202c40,#192333);overflow:hidden}.fh-card.fh-highlight{border-color:#cd6d8a;box-shadow:0 0 0 2px #c7426020}.fh-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px}.fh-card-head h3{font-size:18px;margin:6px 0}.fh-card-head time{font-size:11px;color:var(--fh-muted)}.fh-status{display:inline-flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap;padding:8px 11px;border:1px solid currentColor;border-radius:20px}.fh-status i{width:5px;height:5px;border-radius:100%;background:currentColor}.fh .pending{color:#e9bf7d}.fh .live{color:#79d4ff}.fh .settled{color:#78d7b5}.fh .lost{color:#f492a5}.fh .refunded{color:#b7b2fa}.fh-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:17px 22px;background:#0c142144;border-top:1px solid #ffffff08;border-bottom:1px solid #ffffff08}.fh-values>div{display:flex;flex-direction:column;gap:8px;min-width:0}.fh-values span{font-size:11px;color:var(--fh-muted)}.fh-values strong{font-size:19px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.fh-values .fh-return{color:#78d7b5}.fh-matches{padding:0 22px}.fh-match{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;align-items:center;gap:16px;padding:19px 0;border-bottom:1px solid #ffffff0b}.fh-match:last-child{border-bottom:0}.fh-match-name strong{font-size:13px;line-height:1.6;display:block;overflow-wrap:anywhere}.fh-match-name small{display:block;color:var(--fh-muted);font-size:10px;margin-top:4px}.fh-pick{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.fh-pick span{line-height:1.5}.fh-pick b{color:#f1d1a6;background:#b49a5a16;border:1px solid #b49a5a22;padding:6px 9px;border-radius:7px;white-space:nowrap}.fh-selection-status{font-size:11px;text-align:right}.fh-card-foot{display:flex;justify-content:space-between;gap:14px;align-items:center;border-top:1px solid #ffffff0b;padding:15px 22px;font-size:11px;color:var(--fh-muted)}.fh-card-foot a{color:#e5bd91;white-space:nowrap}.fh-empty{padding:44px 20px;text-align:center;border:1px dashed var(--fh-border);border-radius:16px;background:#182334}.fh-empty>span{font-size:32px;color:#dcb78b}.fh-empty h3{font-size:20px;margin:12px 0}.fh-empty p{color:var(--fh-muted);font-size:13px;line-height:1.7}.fh-empty .fh-new{margin-top:10px}.fh-pagination{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:24px;font-size:12px}.fh-pagination a{color:#f1cc99;padding:10px;background:#ffffff08;border-radius:8px}.fh-footnote{font-size:11px;margin:20px 0}.sd .fh-open-link{padding:10px 13px;font-size:12px}.fh-open-link strong{background:#d24b7540;min-width:25px;text-align:center;padding:3px 7px;border-radius:7px}.sd .fh-slip-link{font-size:11px;color:#efc397;margin-left:auto}.fh a:focus-visible,.fh button:focus-visible,.fh-open-link:focus-visible,.fh-shortcut:focus-visible{outline:2px solid #f2c28a;outline-offset:3px}
@media(max-width:950px){.sd-top{flex-wrap:wrap}.sd .fh-open-link{width:100%;justify-content:space-between}.fh-match{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.fh-selection-status{grid-column:1/-1;text-align:left}.fh-heading{align-items:flex-start}.fh-new{white-space:normal;text-align:center}}
@media(max-width:600px){.fh-heading{flex-direction:column;align-items:stretch;gap:10px}.fh-heading h2{font-size:22px}.fh-filters{gap:7px}.fh-filters a{padding:10px;font-size:11px}.fh-card-head{padding:16px;align-items:flex-start}.fh-card-head h3{font-size:16px}.fh-status{font-size:10px;padding:7px 8px}.fh-values{padding:15px 16px;gap:9px}.fh-values strong{font-size:16px}.fh-values span{font-size:10px;line-height:1.4}.fh-matches{padding:0 16px}.fh-match{grid-template-columns:minmax(0,1fr);gap:9px;padding:16px 0}.fh-selection-status{grid-column:auto}.fh-pick{font-size:11px}.fh-card-foot{padding:14px 16px;flex-direction:column;align-items:flex-start;line-height:1.5}.fh-refresh{justify-content:space-between;gap:6px}.fh-pagination{gap:12px}}
html[data-theme="light"] .fh{--fh-muted:#536278;--fh-border:#becbdb;color:#17243a}html[data-theme="light"] .fh-card,html[data-theme="light"] .fh-empty{background:#f7f9fd}html[data-theme="light"] .fh-values{background:#eaf0f7}html[data-theme="light"] .fh-filters a{background:#edf2f8;color:#3d4e64}html[data-theme="light"] .fh-filters a.selected{background:#f7e1eb;color:#7c2444}html[data-theme="light"] .fh .pending{color:#8c5817}html[data-theme="light"] .fh .live{color:#14658c}html[data-theme="light"] .fh .settled,html[data-theme="light"] .fh-return{color:#187454}html[data-theme="light"] .fh .lost{color:#ac324f}html[data-theme="light"] .fh .refunded{color:#6150a7}html[data-theme="light"] .fh-eyebrow,html[data-theme="light"] .fh-card-foot a{color:#875e2a}
