/*
* THE HOUND PAGE (web/hound.html), kennel-first layout. Owner ruling 2026-10-20.
*
* Loaded LAST on that page, after lh.css and studio.css, and only there. It owns the hero (big art, name, kennel, record, paper bankroll,
* today's status), the owner's three actions, the one visitor button, the four tabs' spacing and the "How it's graded" tap. It reads
* the --lh-* tokens and the existing class names; it defines no colour of its own. Every selector is under `.hh-wrap` so nothing here
* can reach another page.
*
* ABOVE THE FOLD art, name, kennel, record and bankroll, then ONE button (visitor) or the three actions (owner).
* BEHIND A TAP units, yield, CLV, the referee's status: "How it's graded". Nothing a bettor would call jargon sits above the fold.
* MOTION the hero art settles in once; all of it inside prefers-reduced-motion: no-preference.
*/
.hounds-page .hh-wrap { max-width: 920px; }
/* ---- the hero ------------------------------------------------------------------------------------------------- */
.hounds-page .hh-wrap .hh-hero {
display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: var(--lh-s6);
margin: var(--lh-s3) 0 var(--lh-s5); padding: 0;
}
.hounds-page .hh-wrap .hh-hero > svg { display: block; width: 168px; height: 168px; border-radius: 28px; box-shadow: var(--lh-e2); }
.hounds-page .hh-wrap .hh-hero__text { min-width: 0; }
.hounds-page .hh-wrap .hh-kennel { margin: 0 0 var(--lh-s1); font-size: var(--lh-fs-sm); font-weight: 500; color: var(--lh-mute); }
.hounds-page .hh-wrap .hh-kennel a, .hounds-page .hh-wrap .hh-kennel span { color: var(--lh-ink2); text-decoration: none; }
.hounds-page .hh-wrap .hh-kennel a:hover { color: var(--lh-ink); text-decoration: underline; }
.hounds-page .hh-wrap .hh-kennel [data-house="1"]::before {
content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 8px; border-radius: 2px; background: var(--lh-accent); vertical-align: 1px;
}
.hounds-page .hh-wrap .hh-hero h1 { font-size: clamp(40px, 7vw, 64px); line-height: .96; margin: 0 0 var(--lh-s2); overflow-wrap: anywhere; }
.hounds-page .hh-wrap .hh-hero .hd-catch { margin: 0 0 var(--lh-s3); font-size: var(--lh-fs-base); }
.hounds-page .hh-wrap .hh-facts { display: flex; flex-wrap: wrap; gap: var(--lh-s2) var(--lh-s6); margin: var(--lh-s3) 0 var(--lh-s3); }
.hounds-page .hh-wrap .hh-fact { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.hounds-page .hh-wrap .hh-fact__big {
font-family: var(--lh-font-display); font-size: clamp(30px, 5vw, 42px); font-weight: 700; line-height: 1; letter-spacing: var(--lh-track-display);
font-variant-numeric: tabular-nums; white-space: nowrap;
}
.hounds-page .hh-wrap .hh-fact__label { font-size: var(--lh-fs-xs); color: var(--lh-mute); }
.hounds-page .hh-wrap .hh-today {
display: inline-flex; align-items: center; gap: var(--lh-s2); margin: 0; padding: 5px 12px 5px 10px; border-radius: var(--lh-r-pill);
background: var(--lh-soft); font-size: var(--lh-fs-sm); font-weight: 500; color: var(--lh-ink2);
}
.hounds-page .hh-wrap .hh-today__label { color: var(--lh-mute); }
.hounds-page .hh-wrap .hh-today__dot { width: 8px; height: 8px; border-radius: 50%; background: var(--lh-faint); }
.hounds-page .hh-wrap .hh-today--live .hh-today__dot { background: var(--lh-accent); }
.hounds-page .hh-wrap .hh-today--live { background: var(--lh-accent-soft); color: var(--lh-ink); }
.hounds-page .hh-wrap .hh-today--wait .hh-today__dot { background: var(--lh-pending); }
.hounds-page .hh-wrap .hh-today--off .hh-today__dot { background: var(--lh-loss); }
.hounds-page .hh-wrap .hh-paper { margin: var(--lh-s3) 0 0; font-size: var(--lh-fs-xs); color: var(--lh-mute); }
.hounds-page .hh-wrap .hh-meta { margin: var(--lh-s2) 0 0; gap: var(--lh-s1) var(--lh-s3); font-size: var(--lh-fs-sm); }
.hounds-page .hh-wrap .hh-meta .hd-chip-plain { color: var(--lh-mute); background: none; padding: 0; }
.hounds-page .hh-wrap .hh-meta .hd-typechip { background: var(--lh-soft); }
/* ---- the one visitor button, and the quiet text actions ---------------------------------------------------- */
.hounds-page .hh-wrap .hh-cta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--lh-s2) var(--lh-s5); margin: 0 0 var(--lh-s5); }
.hounds-page .hh-wrap .hh-cta__main { min-height: 52px; padding: 0 var(--lh-s6); font-size: var(--lh-fs-md); }
.hounds-page .hh-wrap .hh-cta__main[hidden] { display: none; }
.hounds-page .hh-wrap .hh-cta[data-owner="1"] { margin-bottom: var(--lh-s2); }
.hounds-page .hh-wrap .hh-quiet { display: flex; flex-wrap: wrap; align-items: center; gap: 0 var(--lh-s1); margin: 0; }
.hounds-page .hh-wrap .hh-quiet .btn {
min-height: 40px; padding: 0 var(--lh-s3); background: none; border: 0; box-shadow: none; color: var(--lh-ink2); font-size: var(--lh-fs-sm); font-weight: 500;
}
.hounds-page .hh-wrap .hh-quiet .btn:hover { background: var(--lh-soft); color: var(--lh-ink); }
.hounds-page .hh-wrap .hh-quiet .hd-fine { flex: 1 1 100%; }
/* ---- the owner's three actions ---------------------------------------------------------------------------- */
.hounds-page .hh-wrap .hh-owner { display: block; margin: 0; }
.hounds-page .hh-wrap .hh-owner > .hd-panel { margin: 0 0 var(--lh-s4); padding: 0; background: none; box-shadow: none; border-radius: 0; }
.hounds-page .hh-wrap .hh-actions[hidden], .hounds-page .hh-wrap .hh-unleash[hidden] { display: none; }
.hounds-page .hh-wrap .hh-actions .dk-menu {
display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--lh-s2); margin: 0;
}
.hounds-page .hh-wrap .hh-actions .dk-menu .btn { min-height: 52px; font-size: var(--lh-fs-base); flex: none; }
.hounds-page .hh-wrap .hh-actions .dk-menu [data-hook="menu-unleash"] { grid-column: 1 / -1; min-height: 56px; font-size: var(--lh-fs-md); }
.hounds-page .hh-wrap .hh-actions .dk-menu [data-hook="menu-train"] { background: var(--lh-soft-2); color: var(--lh-ink); }
.hounds-page .hh-wrap .hh-actions .dk-menu [data-hook="menu-outback"] { background: transparent; color: var(--lh-loss); box-shadow: inset 0 0 0 1px rgba(255, 138, 150, .45); border: 0; }
.hounds-page .hh-wrap .hh-actions .dk-menu [data-hook="menu-outback"]:hover { background: var(--lh-loss-soft); color: var(--lh-ink); }
.hounds-page .hh-wrap .hh-actions [data-hook="dog-rites"] > .hd-fine { margin: var(--lh-s2) 0 0; }
@media (min-width: 720px) {
.hounds-page .hh-wrap .hh-actions .dk-menu { grid-template-columns: 1.4fr 1fr 1fr; }
.hounds-page .hh-wrap .hh-actions .dk-menu [data-hook="menu-unleash"] { grid-column: auto; min-height: 52px; font-size: var(--lh-fs-base); }
}
/* the Unleash preview: for the owner it is only the result (the menu's Unleash runs it); for a visitor it is one quiet line */
.hounds-page .hh-wrap .hh-owner [data-hook="dog-fire-section"] {
display: block; padding: 0; margin: 0 0 var(--lh-s5); background: none; box-shadow: none; border-radius: 0;
}
.hounds-page .hh-wrap .hh-owner [data-hook="dog-fire-section"] h2 { margin: 0 0 var(--lh-s1); font-size: var(--lh-fs-md); }
.hounds-page .hh-wrap .hh-owner [data-hook="dog-fire"] { display: block; }
.hounds-page .hh-wrap .hh-owner [data-hook="dog-fire"] > p { margin: 0 0 var(--lh-s2); font-size: var(--lh-fs-sm); }
.hounds-page .hh-wrap .hh-owner [data-hook="dog-fire"] > .dk-actions { margin: 0 0 var(--lh-s2); justify-content: flex-start; }
.hounds-page .hh-wrap .hh-owner [data-hook="dog-fire"] .btn { background: var(--lh-soft); color: var(--lh-ink); border: 0; min-height: 40px; }
.hounds-page .hh-wrap[data-menu="1"] .hh-unleash h2,
.hounds-page .hh-wrap[data-menu="1"] .hh-unleash [data-hook="dog-fire"] > p,
.hounds-page .hh-wrap[data-menu="1"] .hh-unleash [data-hook="dog-fire"] > .dk-actions { display: none; }
.hounds-page .hh-wrap[data-menu="1"] .hh-unleash:not(:has([data-hook="fire-result"] > *)) { margin: 0; }
.hounds-page .hh-wrap .hh-owner .dk-result:empty { display: none; }
/* ---- tabs and panels: air, no boxes ------------------------------------------------------------------------ */
.hounds-page .hh-wrap .lh-tabs { margin: var(--lh-s4) 0 var(--lh-s5); }
.hounds-page .hh-wrap .lh-tabs [role="tab"] { height: 46px; padding: 0 var(--lh-s4); font-size: var(--lh-fs-base); }
.hounds-page .hh-wrap .lh-tabpanel > .hd-panel { margin-bottom: var(--lh-s6); }
.hounds-page .hh-wrap .lh-tabpanel > .hd-panel + .hd-panel { padding-top: var(--lh-s5); }
.hounds-page .hh-wrap .hd-chart-title { margin: 0 0 var(--lh-s3); font-size: var(--lh-fs-sm); color: var(--lh-mute); }
/* ---- a fold: "How it's graded", "Versions and history", "Its settings" ------------------------------------- */
.hounds-page .hh-wrap .hh-fold > summary { cursor: pointer; list-style: none; }
.hounds-page .hh-wrap .hh-fold > summary::-webkit-details-marker { display: none; }
.hounds-page .hh-wrap details.hh-fold.hd-panel { padding: 0; }
.hounds-page .hh-wrap .hh-graded > summary, .hounds-page .hh-wrap .hh-history > summary {
display: flex; align-items: center; gap: var(--lh-s3); min-height: 56px; padding: var(--lh-s3) var(--lh-s4); border-radius: var(--lh-r-lg);
background: var(--lh-soft); transition: background-color var(--lh-t-fast) var(--lh-ease);
}
.hounds-page .hh-wrap .hh-graded > summary:hover, .hounds-page .hh-wrap .hh-history > summary:hover { background: var(--lh-soft-2); }
.hounds-page .hh-wrap .hh-graded > summary > span, .hounds-page .hh-wrap .hh-history > summary > span { font-size: var(--lh-fs-md); font-weight: 600; flex: none; }
.hounds-page .hh-wrap .hh-graded > summary > small, .hounds-page .hh-wrap .hh-history > summary > small {
flex: 1 1 auto; min-width: 0; font-size: var(--lh-fs-xs); color: var(--lh-mute); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.hounds-page .hh-wrap .hh-graded > summary::after, .hounds-page .hh-wrap .hh-history > summary::after {
content: "+"; flex: none; margin-left: auto; font: 600 22px/1 var(--lh-font-text); color: var(--lh-accent);
}
.hounds-page .hh-wrap .hh-graded[open] > summary::after, .hounds-page .hh-wrap .hh-history[open] > summary::after { content: "\2013"; }
.hounds-page .hh-wrap .hh-graded > section, .hounds-page .hh-wrap .hh-graded > [data-hook="hound-clv-chart"],
.hounds-page .hh-wrap .hh-history > section { padding: var(--lh-s5) var(--lh-s4) 0; }
.hounds-page .hh-wrap .hh-graded .hd-panel + .hd-panel { box-shadow: none; padding-top: 0; }
.hounds-page .hh-wrap .hh-graded > section + section { margin-top: var(--lh-s5); box-shadow: 0 -1px 0 var(--lh-line); }
.hounds-page .hh-wrap .hh-graded[open] { padding-bottom: var(--lh-s5); }
.hounds-page .hh-wrap .hh-history[open] { padding-bottom: var(--lh-s5); }
.hounds-page .hh-wrap details.hh-fold:not(.hd-panel) { margin: var(--lh-s3) 0 0; }
.hounds-page .hh-wrap details.hh-fold:not(.hd-panel) > summary { font-size: var(--lh-fs-sm); color: var(--lh-mute); padding: var(--lh-s2) 0; }
.hounds-page .hh-wrap details.hh-fold:not(.hd-panel) > summary:hover { color: var(--lh-ink); }
.hounds-page .hh-wrap details.hh-fold:not(.hd-panel) > summary::before { content: "+ "; color: var(--lh-accent); font-weight: 600; }
.hounds-page .hh-wrap details.hh-fold[open]:not(.hd-panel) > summary::before { content: "\2013 "; }
/* the tiles inside the fold: one hero tile and a tidy row, on a plain surface */
.hounds-page .hh-wrap .hh-graded .hd-bankhero { padding: 0; }
/* ---- a phone: the art sits beside the name, the facts run full width ------------------------------------ */
@media (max-width: 639px) {
.hounds-page .hh-wrap .hh-hero { grid-template-columns: 112px minmax(0, 1fr); column-gap: var(--lh-s4); row-gap: 0; align-items: start; margin-top: var(--lh-s2); }
.hounds-page .hh-wrap .hh-hero > svg { grid-row: 1 / span 3; width: 112px; height: 112px; border-radius: 22px; }
.hounds-page .hh-wrap .hh-hero__text { display: contents; }
.hounds-page .hh-wrap .hh-kennel, .hounds-page .hh-wrap .hh-hero h1, .hounds-page .hh-wrap .hh-hero .hd-catch { grid-column: 2; min-width: 0; }
.hounds-page .hh-wrap .hh-hero h1 { font-size: 38px; margin-bottom: var(--lh-s1); }
.hounds-page .hh-wrap .hh-hero__text > [data-hook="hound-facts"], .hounds-page .hh-wrap .hh-paper, .hounds-page .hh-wrap .hh-meta { grid-column: 1 / -1; }
.hounds-page .hh-wrap .hh-hero__text > [data-hook="hound-facts"] { margin-top: var(--lh-s4); }
.hounds-page .hh-wrap .hh-facts { gap: var(--lh-s2) var(--lh-s5); margin: 0 0 var(--lh-s3); }
.hounds-page .hh-wrap .hh-cta__main { flex: 1 1 100%; }
.hounds-page .hh-wrap .hh-quiet { margin-left: calc(-1 * var(--lh-s3)); }
.hounds-page .hh-wrap .hh-graded > summary > small, .hounds-page .hh-wrap .hh-history > summary > small { display: none; }
.hounds-page .hh-wrap .hh-actions [data-hook="dog-rites"] > .hd-fine { display: none; }
}
@media (prefers-reduced-motion: no-preference) {
.hounds-page .hh-wrap .hh-hero > svg { animation: hh-settle var(--lh-t-hero) var(--lh-spring) both; }
@keyframes hh-settle { from { opacity: 0; transform: translateY(8px) scale(.96); } to { opacity: 1; transform: none; } }
}
/* ---- Evidence (the Gematria Hound): per pick, both sides' matches, behind a tap -------------------------------- */
.hounds-page .hh-wrap .hh-evidence > section { padding: var(--lh-s5) var(--lh-s4) 0; }
.hounds-page .hh-wrap .hh-evidence[open] { padding-bottom: var(--lh-s5); }
.hounds-page .hh-wrap .hh-evidence > summary { display: flex; align-items: center; gap: var(--lh-s3); min-height: 56px; padding: var(--lh-s3) var(--lh-s4); border-radius: var(--lh-r-lg); background: var(--lh-soft); }
.hounds-page .hh-wrap .hd-ev__pick { margin: var(--lh-s3) 0; padding: var(--lh-s3); background: var(--lh-soft); border-radius: var(--lh-r-lg); min-width: 0; }
.hounds-page .hh-wrap .hd-ev__pick > summary { display: flex; flex-wrap: wrap; gap: var(--lh-s2) var(--lh-s3); align-items: baseline; cursor: pointer; }
.hounds-page .hh-wrap .hd-ev__game { font-weight: 600; min-width: 0; overflow-wrap: anywhere; }
.hounds-page .hh-wrap .hd-ev__sel { color: var(--lh-mute); min-width: 0; overflow-wrap: anywhere; }
.hounds-page .hh-wrap .hd-ev__line { margin: var(--lh-s3) 0; font-size: var(--lh-fs-sm); overflow-wrap: anywhere; }
.hounds-page .hh-wrap .hd-ev__sidehead { margin: var(--lh-s4) 0 var(--lh-s2); font-size: var(--lh-fs-base); overflow-wrap: anywhere; }
.hounds-page .hh-wrap .hd-ev__side[data-picked="yes"] .hd-ev__sidehead { color: var(--lh-accent); }
.hounds-page .hh-wrap .hd-ev__list { margin: 0; padding: 0; list-style: none; }
.hounds-page .hh-wrap .hd-ev__item { display: flex; flex-direction: column; gap: 2px; padding: var(--lh-s2) 0; box-shadow: 0 -1px 0 var(--lh-line); min-width: 0; }
.hounds-page .hh-wrap .hd-ev__kind { font-size: var(--lh-fs-xs); color: var(--lh-mute); text-transform: uppercase; letter-spacing: .04em; }
.hounds-page .hh-wrap .hd-ev__what { font-size: var(--lh-fs-sm); overflow-wrap: anywhere; min-width: 0; }
/* ---- 2026-10-21 fun pass: mood line, live capital, "What I'd play right now", the feed, the ticket switch ------------------- */
.hounds-page .hh-wrap .hh-mood { margin: 0 0 var(--lh-s3); font-size: var(--lh-fs-base); color: var(--lh-ink2); font-style: italic; }
.hounds-page .hh-wrap .hh-mood:empty { display: none; }
.hounds-page .hh-wrap .hh-capitalrow { margin: 0 0 var(--lh-s5); }
.hounds-page .hh-wrap .hh-capital { display: flex; align-items: center; gap: var(--lh-s3); margin: var(--lh-s3) 0 0; min-width: 0; color: var(--lh-mute); }
.hounds-page .hh-wrap .hh-spark { flex: none; width: 96px; height: 30px; display: block; }
.hounds-page .hh-wrap .hh-capital--up { color: var(--lh-win, #5fd49a); }
.hounds-page .hh-wrap .hh-capital--down { color: var(--lh-loss); }
.hounds-page .hh-wrap .hh-capital__change { font-size: var(--lh-fs-sm); color: var(--lh-ink2); min-width: 0; overflow-wrap: anywhere; }
.hounds-page .hh-wrap .hn-now {
margin: 0 0 var(--lh-s5); padding: var(--lh-s5) var(--lh-s4); border-radius: var(--lh-r-lg); min-width: 0;
background: linear-gradient(160deg, var(--lh-soft-2), var(--lh-soft)); box-shadow: inset 0 0 0 1px var(--lh-line), var(--lh-e2);
}
.hounds-page .hh-wrap .hn-now h2 { margin: 0 0 var(--lh-s2); font-size: var(--lh-fs-lg, 22px); }
.hounds-page .hh-wrap .hn-chips { display: flex; flex-wrap: wrap; gap: var(--lh-s2); margin: 0 0 var(--lh-s3); }
.hounds-page .hh-wrap .hn-chip { padding: 3px 10px; border-radius: var(--lh-r-pill); background: var(--lh-accent-soft); color: var(--lh-ink); font-size: var(--lh-fs-xs); font-weight: 600; }
.hounds-page .hh-wrap .hn-chip--quiet { background: none; color: var(--lh-mute); font-weight: 500; padding-left: 0; }
.hounds-page .hh-wrap .hn-quote { margin: 0 0 var(--lh-s4); font-size: var(--lh-fs-md); line-height: 1.35; overflow-wrap: anywhere; }
.hounds-page .hh-wrap .hn-bet { margin: 0 0 var(--lh-s4); padding: var(--lh-s4); border-radius: var(--lh-r-md, 14px); background: var(--lh-bg, rgba(0,0,0,.25)); box-shadow: inset 0 0 0 1px var(--lh-line); min-width: 0; }
.hounds-page .hh-wrap .hn-bet__game { margin: 0 0 var(--lh-s1); font-size: var(--lh-fs-sm); color: var(--lh-mute); overflow-wrap: anywhere; }
.hounds-page .hh-wrap .hn-bet__pick { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--lh-s2) var(--lh-s3); margin: 0 0 var(--lh-s2); min-width: 0; }
.hounds-page .hh-wrap .hn-bet__sel { font-family: var(--lh-font-display); font-size: clamp(24px, 6vw, 32px); line-height: 1.05; overflow-wrap: anywhere; min-width: 0; }
.hounds-page .hh-wrap .hn-bet__price { font-size: clamp(22px, 5vw, 28px); font-weight: 700; color: var(--lh-accent); font-variant-numeric: tabular-nums; }
.hounds-page .hh-wrap .hn-bet__meta { display: flex; flex-wrap: wrap; gap: var(--lh-s1) var(--lh-s4); margin: 0; font-size: var(--lh-fs-sm); color: var(--lh-ink2); }
.hounds-page .hh-wrap .hn-flag { padding: 1px 8px; border-radius: var(--lh-r-pill); background: var(--lh-soft-2); font-size: var(--lh-fs-xs); }
.hounds-page .hh-wrap .hn-flag--warn { color: var(--lh-pending); }
.hounds-page .hh-wrap .hn-meter { margin: 0 0 var(--lh-s2); }
.hounds-page .hh-wrap .hn-meter__row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--lh-s2) var(--lh-s3); }
.hounds-page .hh-wrap .hn-meter__label { font-size: var(--lh-fs-sm); font-weight: 600; }
.hounds-page .hh-wrap .hn-pips { display: inline-flex; gap: 4px; }
.hounds-page .hh-wrap .hn-pip { width: 22px; height: 8px; border-radius: 4px; background: var(--lh-soft-2); box-shadow: inset 0 0 0 1px var(--lh-line); }
.hounds-page .hh-wrap .hn-pip--on { background: var(--lh-accent); box-shadow: none; }
.hounds-page .hh-wrap .hn-meter__text { font-size: var(--lh-fs-xs); color: var(--lh-mute); }
.hounds-page .hh-wrap .hn-why { margin: 0 0 var(--lh-s4); font-size: var(--lh-fs-sm); color: var(--lh-ink2); }
.hounds-page .hh-wrap .hn-why > summary { cursor: pointer; color: var(--lh-mute); }
.hounds-page .hh-wrap .hn-why p { margin: var(--lh-s2) 0 0; overflow-wrap: anywhere; }
.hounds-page .hh-wrap .hn-actions { display: flex; flex-wrap: wrap; gap: var(--lh-s2); margin: 0 0 var(--lh-s2); }
.hounds-page .hh-wrap .hn-actions .btn { min-height: 48px; flex: 1 1 160px; }
.hounds-page .hh-wrap .hn-status { margin: 0 0 var(--lh-s2); font-size: var(--lh-fs-sm); color: var(--lh-ink2); }
.hounds-page .hh-wrap .hn-status:empty { display: none; }
.hounds-page .hh-wrap .hn-status[data-state="error"] { color: var(--lh-loss); }
.hounds-page .hh-wrap .hn-count, .hounds-page .hh-wrap .hn-fine, .hounds-page .hh-wrap .hn-paper { margin: 0 0 var(--lh-s1); font-size: var(--lh-fs-xs); color: var(--lh-mute); }
.hounds-page .hh-wrap .hf-section { margin: 0 0 var(--lh-s5); }
.hounds-page .hh-wrap .hf-feed { list-style: none; margin: 0; padding: 0; }
.hounds-page .hh-wrap .hf-item { display: grid; grid-template-columns: 84px minmax(0, 1fr); gap: var(--lh-s3); padding: var(--lh-s3) 0; box-shadow: 0 -1px 0 var(--lh-line); font-size: var(--lh-fs-sm); }
.hounds-page .hh-wrap .hf-item:first-child { box-shadow: none; }
.hounds-page .hh-wrap .hf-when { color: var(--lh-mute); font-size: var(--lh-fs-xs); }
.hounds-page .hh-wrap .hf-text { min-width: 0; overflow-wrap: anywhere; }
.hounds-page .hh-wrap .hf-item[data-kind="won"] .hf-when { color: var(--lh-win, #5fd49a); }
.hounds-page .hh-wrap .hf-item[data-kind="lost"] .hf-when { color: var(--lh-loss); }
.hounds-page .hh-wrap .hf-empty { margin: 0; color: var(--lh-mute); }
.hounds-page .hh-wrap .ht-switch { display: flex; gap: var(--lh-s2); margin: 0 0 var(--lh-s4); }
.hounds-page .hh-wrap .ht-seg { flex: 1 1 0; min-height: 44px; display: inline-flex; justify-content: center; align-items: center; gap: var(--lh-s2); }
.hounds-page .hh-wrap .ht-n { opacity: .7; }
.hounds-page .hh-wrap .ht-controls { display: flex; flex-wrap: wrap; align-items: center; gap: var(--lh-s2) var(--lh-s4); margin: 0 0 var(--lh-s3); }
.hounds-page .hh-wrap .ht-sort { display: inline-flex; align-items: center; gap: var(--lh-s2); font-size: var(--lh-fs-sm); color: var(--lh-mute); }
.hounds-page .hh-wrap .ht-sort select { min-height: 40px; background: var(--lh-soft); color: var(--lh-ink); border: 0; border-radius: var(--lh-r-md, 12px); padding: 0 var(--lh-s3); max-width: 100%; }
.hounds-page .hh-wrap .hd-money { font-weight: 600; }
@media (max-width: 639px) {
.hounds-page .hh-wrap .lh-tabs { overflow-x: auto; flex-wrap: nowrap; scrollbar-width: none; max-width: 100%; }
.hounds-page .hh-wrap .lh-tabs [role="tab"] { flex: none; padding: 0 var(--lh-s3); }
.hounds-page .hh-wrap .hh-hero__text > .hh-mood { grid-column: 1 / -1; margin-top: var(--lh-s2); }
.hounds-page .hh-wrap .hf-item { grid-template-columns: 64px minmax(0, 1fr); }
}
.hounds-page .hh-wrap .hh-fullrecord { margin: 0 0 var(--lh-s4); }
.hounds-page .hh-wrap .hh-fullrecord .lh-btn { min-height: 44px; }