/* PC common-area parity: audit items 01–10. */
@media(min-width:769px){
 body{font-size:14px}
 #floating-contact,.prediction-contact{display:none!important}
 .navbar-menu>a.nav-simple-link{display:flex;align-items:center;justify-content:center;gap:5px;background:rgba(0,0,0,.08);padding-left:16px;padding-right:16px}
 .nav-simple-icon{font-family:prediction-icons!important;font-size:24px;font-style:normal;line-height:1}
 .navbar-menu>.nav-simple-link>i{display:none}
 #siteAssist .fa-headset{background-image:url('../assets/assist/cs1.svg')}
 #siteAssist .fa-gauge-high{background-image:url('../assets/assist/line1.74a75c05.svg')}
 #siteAssist .fa-face-smile{background-image:url('../assets/assist/smile1.ae9754e1.svg')}
 #siteAssist .fa-pencil{background-image:url('../assets/assist/feedback1.e67bb92b.svg')}
 #siteAssist .fa-arrow-up{background-image:url('../assets/assist/top1.762cf43d.svg')}
 #siteAssist .assist-sound i{background-image:url('../assets/assist/settings3.38146b49.svg')}
 .summary-controls>button,.summary-controls>a{color:#5f5f5f;border-color:#e8ebf1;border-radius:99px}
 #detailLatest+#detailTools>a,#detailLatest+#detailTools>button,.analysis-route-nav>a,.analysis-route-nav>button{color:#5f5f5f}
 #detailLatest+#detailTools>.active,.analysis-route-nav>.active{color:#3b84eb;box-shadow:inset 0 -2px #3b84eb}
 #detailLatest+#detailTools>.active::after,.analysis-route-nav>.active::after{background-color:#3b84eb}
 #detailLatest+#detailTools>a,#detailLatest+#detailTools>button,.analysis-route-nav>a,.analysis-route-nav>button{position:relative}
 #detailLatest+#detailTools>a:not(:first-child),#detailLatest+#detailTools>button:not(:first-child),.analysis-route-nav>a:not(:first-child),.analysis-route-nav>button:not(:first-child){background-image:linear-gradient(#e8ebf1,#e8ebf1);background-size:1px 14px;background-position:left center;background-repeat:no-repeat}
}


/* PC audit 11,12,14–18; keep the existing LHC banner and navigation. */
@media(min-width:769px){
 .reference-home #homeLotteryGrid .lottery-card[data-category="lhc"] .ball{background-image:none!important;box-shadow:none!important;animation:none!important}
 .reference-home #homeLotteryGrid .lottery-card[data-category="lhc"] .ball-red{background-color:#e35858;border-color:#e35858}
 .reference-home #homeLotteryGrid .lottery-card[data-category="lhc"] .ball-blue{background-color:#6092e9;border-color:#6092e9}
 .reference-home #homeLotteryGrid .lottery-card[data-category="lhc"] .ball-green{background-color:#39c76c;border-color:#39c76c}
 .reference-home #homeLotteryGrid .lottery-card[data-category="lhc"] .zodiac{font-size:14px;color:#666a6e;font-weight:400}
 .reference-home #homeLotteryGrid .home-clock-icon{content:url('../images/ui/home-clock-outline.svg')}
 .reference-home .recommend-expand{font-size:13px}
 #detailHistory .lhc-display-filters button{font-size:14px;height:30px;line-height:28px;padding:0 20px;min-width:0}
 #detailHistory .lhc-history-table,#detailHistory .lhc-history-table th,#detailHistory .lhc-history-table td{font-size:14px}
}

/* Bingo detail audit 21–30. */
@media(min-width:769px){
 #detailLatest [data-family=bingo] .detail-col-main{flex:0 0 458px;min-width:458px;position:relative}
 #detailLatest [data-family=bingo] .detail-name{font-size:15px}
 #detailLatest [data-family=bingo] .detail-row-info{gap:4px;white-space:nowrap;padding-right:120px}
 #detailLatest [data-family=bingo] .detail-period,#detailLatest [data-family=bingo] .detail-schedule-text{font-size:12px}
 #detailLatest [data-family=bingo] .detail-row-numbers{display:block;position:static;margin-top:4px}
 .bingo-summary-sort{position:absolute;right:0;top:0;display:flex;height:25.6px;border:1px solid #a4b9df;border-radius:3px;overflow:hidden}
 .bingo-summary-sort button{font:12px/24px var(--font-sans);height:24px;padding:0 4px;border:0;background:white;color:#5f5f5f;cursor:pointer}
 .bingo-summary-sort button.active{background:#609aeb;color:white}
 .bingo-summary-layout{display:flex;align-items:center;gap:12px}
 .bingo-summary-balls{display:grid;grid-template-columns:repeat(10,32px);column-gap:6px;row-gap:4px;flex:none}
 .bingo-summary-ball{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #c5cbd6;border-radius:50%;background:white;color:#0095eb;font:16px Arial,sans-serif;box-sizing:border-box}
 .bingo-summary-ball.is-high{color:#e35858}
 .bingo-summary-sum{display:flex;flex-direction:column;align-items:center;width:60px;flex:none;gap:4px;font-size:14px;color:#313131}
 .bingo-summary-sum small{font-size:14px;line-height:16px}
 .bingo-summary-sum b{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:2px solid #aaa;border-radius:50%;font-weight:400;font-size:16px;box-sizing:border-box}
 #detailLatest+#detailTools[data-family=bingo]{padding:0 30px;gap:5.36px}
 #detailLatest+#detailTools[data-family=bingo]>a{position:relative}
 .bingo-nav-new{position:absolute;right:2px;top:-5px;width:20px;height:12.725px}
 #detailHistory:has(.reference-record-table[data-family=bingo]) .detail-live-banner{height:68px;min-height:68px;padding:11px 16px;margin-bottom:14px}
 #detailHistory:has(.reference-record-table[data-family=bingo]) .detail-live-banner>img{width:46px;height:46px;flex:0 0 46px}
 #detailHistory:has(.reference-record-table[data-family=bingo]) .detail-live-banner strong{line-height:25.2px}
 #detailHistory:has(.reference-record-table[data-family=bingo]) .detail-live-banner small{display:flex;align-items:center;height:19.2px;line-height:19.2px}
 #detailHistory:has(.reference-record-table[data-family=bingo]) .detail-live-banner small b{line-height:1}
 #detailHistory:has(.reference-record-table[data-family=bingo]) .history-header{padding-top:0}
 #detailHistory:has(.reference-record-table[data-family=bingo]) .history-header h3{position:relative;border-bottom:0;padding-bottom:0;line-height:30px}
 #detailHistory:has(.reference-record-table[data-family=bingo]) .history-header h3:after{content:'';position:absolute;left:0;bottom:-4px;width:20px;height:4px;border-radius:3px;background:#609aeb}
}
@media(max-width:768px){.bingo-summary-sort{display:flex;gap:4px;margin-bottom:6px}.bingo-summary-layout{display:flex;gap:8px;align-items:center}.bingo-summary-balls{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;flex:1}.bingo-summary-ball{font-size:12px;text-align:center;color:#0095eb}.bingo-summary-ball.is-high{color:#e35858}.bingo-summary-sum{font-size:12px}.bingo-summary-sum small{margin-right:4px}}

@media(min-width:769px){
 #detailLatest [data-family=bingo] .detail-col-main{height:100px}
 #detailLatest [data-family=bingo] .detail-row-info{display:flex;flex-wrap:nowrap;height:28px;align-items:center;margin:0}
 #detailLatest [data-family=bingo] .detail-schedule-text{flex-basis:auto;display:inline-block;width:auto;margin:0;white-space:nowrap;font-size:12px}
 #detailLatest [data-family=bingo] .detail-col-right{margin-left:auto;width:240px;min-width:240px}
 #detailLatest [data-family=bingo] .summary-controls{margin-left:70px;min-width:108px;width:108px;flex:none}
 #detailLatest [data-family=bingo] .summary-controls>a,#detailLatest [data-family=bingo] .summary-controls>button{width:108px}
}

@media(min-width:769px){#detailLatest [data-family=bingo] .detail-row-info{height:24px}#detailLatest [data-family=bingo] .detail-row-numbers{margin-top:1px}.bingo-summary-sort{top:2px}}

/* Audit 33–38 */
@media (min-width:769px){
#detailHistory .reference-record-table[data-family=bingo] td.record-warm{color:#f12d35}
#detailHistory .reference-record-table[data-family=bingo] td.record-cool{color:#184dd5}
#detailHistory .reference-record-table[data-family=bingo] td.record-green{color:#009204}
#detailHistory .reference-record-table[data-family=bingo] td.record-gold{color:#e6a23c}
#detailHistory .reference-record-table[data-family=bingo] td.record-earth{color:#8b6914}
#detailHistory .reference-record-table[data-family=bingo],#detailHistory .reference-record-table[data-family=bingo] th,#detailHistory .reference-record-table[data-family=bingo] td{border-color:#e8ebf1;border-width:1px}
.record-history-pagination .record-page-arrow{width:30px;min-width:30px;padding:0;font:20px/28px Arial,sans-serif}
}
