/* HUAYHENG v398 | Accessibility/readability pass for all customer routes.
   UI-only; no service / finance / API / bet logic changes.
   Loaded last in the six customer asset bundles, after v397.
*/
:root{--hh398-ink:#082c61;--hh398-copy:#153d70;--hh398-secondary:#365b80;--hh398-border:#a2cfeb}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body.hh-customer-body{font-family:-apple-system,BlinkMacSystemFont,'Noto Sans Thai','Thonburi','Leelawadee UI',Tahoma,sans-serif!important;color:var(--hh398-copy)!important;line-height:1.5}
body.hh-customer-body small{font-size:max(12px,.82em)!important;line-height:1.43}
body.hh-customer-body .text-muted,body.hh-customer-body .text-secondary,
body.hh-customer-body .text-secondary2,body.hh-customer-body .help-block,
body.hh-customer-body .form-text,body.hh-customer-body .form-hint{color:var(--hh398-secondary)!important}
body.hh-customer-body .form-control,body.hh-customer-body input:not([type=checkbox]):not([type=radio]),
body.hh-customer-body select,body.hh-customer-body textarea{font-size:16px!important;color:#123661!important}
body.hh-customer-body input::placeholder,body.hh-customer-body textarea::placeholder{color:#4c6986!important;opacity:1}
body.hh-customer-body .btn,body.hh-customer-body button{line-height:1.35}
body.hh-customer-body a:focus-visible,body.hh-customer-body button:focus-visible,
body.hh-customer-body input:focus-visible,body.hh-customer-body select:focus-visible,
body.hh-customer-body textarea:focus-visible{outline:3px solid #087bdf!important;outline-offset:2px}
body.hh-customer-body .hh316-title small,body.hh-customer-body .hh316-lottery-card small,
body.hh-customer-body .hh316-page-head small,body.hh-customer-body .hh321-lottery-copy small,
body.hh-customer-body .hh337-poy-page small,body.hh-customer-body .hh337-detail-page small,
body.hh-customer-body .hh315-benefit small,body.hh-customer-body .hh315-quick-links small{
  font-size:12px!important;font-weight:650!important;color:#355b81!important;line-height:1.45!important;
}
/* Header / desktop + mobile home overview. Keep result cards three-across above 360px. */
body.hh-customer-body .hh370-result-head small{font-size:12.5px!important;color:#315981!important;font-weight:650!important}
body.hh-customer-body .hh370-result-head>a{font-size:12px!important;font-weight:800!important;color:#0755af!important}
body.hh-customer-body .hh370-round-top span{font-size:12px!important;font-weight:800!important;color:#143c72!important;line-height:1.3!important;white-space:normal!important}
body.hh-customer-body .hh370-round-top em{font-size:11.5px!important;font-weight:800!important}
body.hh-customer-body .hh370-round-card>small{font-size:12px!important;color:#325a7f!important;font-weight:700!important;line-height:1.35!important}
body.hh-customer-body .hh370-thai-mini small{font-size:11.5px!important;color:#355c7e!important;font-weight:700!important}
body.hh-customer-body .hh370-thai-mini b{font-size:12px!important}
/* All home quick-menu cards / descriptive labels. */
body.hh-customer-body .hh316-quick-menu .menu-grid{min-width:0!important;overflow:visible!important;min-height:134px!important;padding:13px 4px!important}
body.hh-customer-body .hh340-quick-menu .hh340-money-card{min-height:134px!important}
body.hh-customer-body .hh316-quick-menu .menu-grid>span:not(.hh340-money-icon),
body.hh-customer-body .hh340-quick-menu .hh340-money-card>span:not(.hh340-money-icon){
 font-size:13px!important;line-height:1.35!important;font-weight:800!important;overflow-wrap:break-word!important;white-space:normal!important
}
body.hh-customer-body .hh340-quick-menu .menu-grid>small,
body.hh-customer-body .hh340-quick-menu .hh340-money-card>small{font-size:12px!important;line-height:1.4!important;font-weight:700!important;overflow-wrap:break-word!important;white-space:normal!important}
body.hh-customer-body .hh340-quick-menu .menu-grid>small{color:#315980!important}
body.hh-customer-body .hh340-quick-menu .hh340-money-card>small{color:#fff!important;text-shadow:0 1px 2px rgba(0,24,66,.52)!important}
body.hh-customer-body .heng-bottom-nav__item{font-size:12px!important;font-weight:750!important;line-height:1.32!important}
/* Lottery list, API source cards and Yekee selector: previously labels as small as 8px. */
body.hh-customer-body .hh323-core-cover>.hh323-state,
body.hh-customer-body .hh323-api-body>.hh323-state,
body.hh-customer-body .hh323-api-country,
body.hh-customer-body .hh323-api-meta,
body.hh-customer-body .hh323-api-time,
body.hh-customer-body .hh323-round,body.hh-customer-body .hh323-close,
body.hh-customer-body .hh348-y-all,body.hh-customer-body .hh348-y-copy span,
body.hh-customer-body .hh348-y-copy small,body.hh-customer-body .hh348-y-orb small{
 font-size:12px!important;line-height:1.4!important;font-weight:700!important;color:#284f76!important
}
body.hh-customer-body .hh323-api-body>.hh323-state{font-weight:800!important;color:#084b92!important}
body.hh-customer-body .hh323-api-grid,body.hh-customer-body .hh348-y-grid,
body.hh-customer-body .hh323-core-grid{min-width:0}
body.hh-customer-body .hh323-api-card,body.hh-customer-body .hh348-y-card{min-width:0}
body.hh-customer-body .hh372-payout-link,body.hh-customer-body .hh372-api-payout,
body.hh-customer-body .hh372-head-actions .hh323-payout{font-size:12px!important;line-height:1.4!important;font-weight:750!important}
/* Yekee index: small clock captions and round/card badges. */
body.hh-customer-body .hh348-live,body.hh-customer-body .hh348-kicker,
body.hh-customer-body .hh348-hero-copy small,body.hh-customer-body .hh348-ballset i,
body.hh-customer-body .hh348-series small,body.hh-customer-body .hh348-panel-head small,
body.hh-customer-body .hh348-badge,body.hh-customer-body .hh348-round-top small,
body.hh-customer-body .hh348-round-top>span,body.hh-customer-body .hh348-round-time,
body.hh-customer-body .hh348-processing,body.hh-customer-body .hh348-result-row>span:first-child small,
body.hh-customer-body .hh348-mini em{font-size:12px!important;line-height:1.38!important;font-weight:700!important}
body.hh-customer-body .hh348-series small,body.hh-customer-body .hh348-panel-head small,
body.hh-customer-body .hh348-round-top small,body.hh-customer-body .hh348-mini em{color:#325981!important}
body.hh-customer-body .hh348-round{min-width:0;padding:12px!important;min-height:166px!important}
body.hh-customer-body .hh348-round-top{flex-wrap:wrap;gap:5px}
body.hh-customer-body .hh348-result-row{overflow-x:auto;max-width:100%}
/* Betting pages / live betting controls / countdown captions. */
body.hh-customer-body .hh333-hero-meta p,
body.hh-customer-body #customer-live-bet-list .mobile-bet-multiply,
body.hh-customer-body #customer-live-bet-list .mobile-bet-win,
body.hh-yeekee-match-v378 .hh378-hero-meta p,
body.hh-yeekee-match-v378 .hh378-countdown small,
body.hh-yeekee-white-blue-v376 .bar-back .btn{
 font-size:12px!important;line-height:1.4!important;font-weight:750!important
}
body.hh-customer-body #customer-live-bet-list .mobile-bet-win{min-height:27px!important;height:auto!important;line-height:1.35!important}
/* Payout/rate, result reports, schedule data, status tags. */
body.hh-customer-body .hh372-rate-name small,
body.hh-customer-body .hh372-rate-main small,
body.hh-customer-body .hh372-rate-main em,
body.hh-customer-body .hh372-minmax small{font-size:12px!important;line-height:1.4!important;color:#355a7e!important;font-weight:700!important}
body.hh-customer-body .hh375-heading small,
body.hh-customer-body .hh375-title-wrap small,
body.hh-customer-body .hh375-first-prize span,
body.hh-customer-body .hh375-mini-prize>span,
body.hh-customer-body .hh375-lao-result>span,
body.hh-customer-body .hh375-lao-result small,
body.hh-customer-body .hh375-api-name small,
body.hh-customer-body .hh375-api-full span,
body.hh-customer-body .hh375-api-numbers small,
body.hh-customer-body .hh375-empty{
 font-size:12px!important;line-height:1.45!important;font-weight:700!important;color:#365b80!important
}
body.hh-customer-body .hh375-date-form button,body.hh-customer-body .hh375-tabs a,
body.hh-customer-body .hh375-y-table th,body.hh-customer-body .hh375-y-table td{
 font-size:12px!important;line-height:1.4!important
}
body.hh-customer-body .hh375-y-table em{font-size:11.5px!important;line-height:1.4!important;padding:3px 5px!important}
body.hh-customer-body .hh375-y-table{width:100%;max-width:100%}
body.hh-customer-body .hh375-y-table th,body.hh-customer-body .hh375-y-table td{overflow-wrap:break-word}
/* Security / account and instructions. */
body.hh-customer-body .hh373-password-note span,
body.hh-customer-body .hh373-password-note small,
body.hh-customer-body .hh315-login-footer{font-size:12.5px!important;line-height:1.5!important;color:#365c80!important}
/* Empty messages in embedded status panels. */
body.hh-customer-body .hh370-empty,body.hh-customer-body .hh337-detail-result{
 font-size:12.5px!important;line-height:1.45!important;color:#365b80!important
}
/* iPhone notch and Android bottom gesture navigation. No viewport scale restriction. */
body.hh-customer-body .heng-bottom-nav{
 padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;
 min-height:78px!important;height:auto!important
}
body.hh-customer-body .heng-bottom-nav__item{min-height:50px;min-width:0}
body.hh-customer-body .hh316-quick-menu .row>[class*='col-']{min-width:0}
@media(max-width:600px){
 body.hh-customer-body .hh323-api-grid,body.hh-customer-body .hh348-y-grid{gap:8px!important}
 body.hh-customer-body .hh323-api-card{min-width:0}
 body.hh-customer-body .hh348-round-grid{gap:7px!important}
 body.hh-customer-body .hh348-round{padding:9px!important;min-height:170px!important}
 body.hh-customer-body .hh348-round-top>span,body.hh-customer-body .hh348-round-top small{font-size:11.5px!important}
 body.hh-customer-body .hh348-y-orb{flex-basis:40px;min-width:40px}
 body.hh-customer-body .hh348-y-card{min-width:0;padding:7px!important;gap:5px!important}
 body.hh-customer-body .hh348-y-copy small{font-size:11.5px!important}
 body.hh-customer-body .hh316-quick-menu .menu-grid,
 body.hh-customer-body .hh340-quick-menu .hh340-money-card{min-height:135px!important}
 body.hh-customer-body .hh375-y-table{font-variant-numeric:tabular-nums}
}
@media(max-width:375px){
 /* Keep 4 shortcuts but permit two-line captions instead of tiny 7px text. */
 body.hh-customer-body .hh316-quick-menu .menu-grid,
 body.hh-customer-body .hh340-quick-menu .hh340-money-card{min-height:143px!important;padding:9px 3px!important}
 body.hh-customer-body .hh316-quick-menu .menu-grid>span:not(.hh340-money-icon),
 body.hh-customer-body .hh340-quick-menu .hh340-money-card>span:not(.hh340-money-icon){font-size:12.5px!important}
 body.hh-customer-body .hh340-quick-menu .menu-grid>small,
 body.hh-customer-body .hh340-quick-menu .hh340-money-card>small{font-size:11.5px!important}
 body.hh-customer-body .hh370-round-top span{font-size:11.5px!important}
 body.hh-customer-body .hh370-round-card>small{font-size:11.5px!important}
 body.hh-customer-body .hh370-main-number{font-size:clamp(19px,5.5vw,25px)!important}
 body.hh-customer-body .heng-bottom-nav__item{font-size:11.5px!important}
 body.hh-customer-body .hh348-y-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.hh-customer-body .hh323-api-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.hh-customer-body .hh348-round-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.hh-customer-body .hh323-api-meta,body.hh-customer-body .hh323-api-time{font-size:11.5px!important}
}
@media(max-width:340px){
 body.hh-customer-body .hh370-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.hh-customer-body .hh348-series-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.hh-customer-body .hh375-y-table th,body.hh-customer-body .hh375-y-table td{padding:7px 3px!important;font-size:11.5px!important}
}
@media(min-width:768px){
 body.hh-customer-body .hh370-round-top span{font-size:13px!important}
 body.hh-customer-body .hh375-y-table th,body.hh-customer-body .hh375-y-table td{font-size:13px!important}
}
@media(prefers-reduced-motion:reduce){
 body.hh-customer-body .menu-grid,body.hh-customer-body .hh348-round,
 body.hh-customer-body .heng-bottom-nav__item{transition-duration:.01ms!important}
}