:root{--hk-primary:#dc3545;--hk-primary-dark:#bd2130;--hk-primary-soft:#f8d7da;--hk-body-bg:#343a40;--hk-surface:#fff;--hk-text:#212529;--hk-muted:#6c757d;--hk-border:#dee2e6}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;padding-bottom:105px;font-family:Roboto,Arial,sans-serif;font-size:14px;line-height:1.7;color:var(--hk-text);background:#3f3f3f}
a{color:var(--hk-primary);text-decoration:none}
a:hover{color:var(--hk-primary-dark);text-decoration:none}
img{max-width:100%;height:auto}
.site-wrapper{max-width:1000px;margin:5px auto;background:var(--hk-surface);overflow:hidden;box-shadow:0 .25rem .85rem rgba(0,0,0,.22)}
.navbar-brand{font-family:Yellowtail,cursive;font-size:30px;line-height:1}
.navbar-dark .navbar-nav .nav-link{padding:.65rem .8rem;color:rgba(255,255,255,.92);font-weight:600}
.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .active>.nav-link{color:#fff}
.content-intro h1{font-size:1.85rem;line-height:1.35}
#listdatahk{padding:.5rem}
#listdatahk .btn{position:relative;margin-bottom:.5rem;padding:.58rem 2rem .58rem .9rem;text-align:left;white-space:normal;font-size:.94rem;font-weight:700}
#listdatahk .btn:last-child{margin-bottom:0}
#listdatahk .btn:after{content:"▾";position:absolute;right:.9rem;top:50%;transform:translateY(-50%);font-size:12px}
#data-hk-2023,#data-hk-2024,#data-hk-2025,#data-hk-2026,#result-hk-lotto{scroll-margin-top:1rem}
#loading-datahk{padding:3rem 1rem;text-align:center}
#loading-datahk .spinner-border{width:3rem;height:3rem}
#hasil-datahk{width:100%}
#hasil-datahk .table{width:100%;margin-bottom:0;color:var(--hk-text)}
#hasil-datahk .table th{color:#fff;text-align:center;vertical-align:middle;background:var(--hk-primary);border-color:var(--hk-primary);font-weight:700}
#hasil-datahk .table td{text-align:center;vertical-align:middle;border-color:var(--hk-border)}
#hasil-datahk .tahun th,#hasil-datahk tr.tahun th,#hasil-datahk tr.tahun td{color:#fff;text-transform:uppercase;background:var(--hk-primary-dark);border-color:var(--hk-primary-dark);font-weight:700}
#hasil-datahk .table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.035)}
#hasil-datahk .table-hover tbody tr:hover{background-color:rgba(0,0,0,.075)}
#hasil-datahk .result-number{font-weight:700;color:var(--hk-primary)}
.partner-web{color:#495057}
.partner-head{padding:.85rem 1rem;border-radius:.35rem .35rem 0 0}
.site-footer{font-size:.875rem;text-align:center}
.footer-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem .45rem;margin-bottom:.55rem;line-height:1.6}
.footer-links a{color:#fff;font-weight:500}
.footer-links a:hover{color:#fff;text-decoration:underline}
.footer-links span{color:rgba(255,255,255,.5)}
.footer-copy{color:rgba(255,255,255,.88);line-height:1.6}
.footer-brand{color:#fff;font-weight:700}
.footer-brand:hover{color:#fff;text-decoration:underline}
.banner-top{text-align:center;margin:8px 0 0!important}
.banner-top a{display:inline-block;width:100%;max-width:728px}
.banner-top img{display:block;width:100%;max-width:728px;height:auto;margin:0 auto;border:0}
.floating-top,.floating-bottom{position:fixed;left:0;width:100%;height:auto;padding:0;background:transparent;text-align:center;z-index:1001}
.floating-top{top:0}
.floating-bottom{bottom:0}
.floating-top a,.floating-bottom a{display:inline-block;max-width:728px}
.floating-top img,.floating-bottom img{display:block;width:100%;max-width:728px;height:auto;margin:0 auto;border:0}
.floating-bottom .btn-close{display:block;margin:0 calc((100% - min(728px,100%))/2) 8px auto}
.floating-bottom img{vertical-align:sub!important}
.banner-float{width:100%}
.banner-float img{display:block;width:100%;height:auto}
.banner img{display:block;width:100%;height:auto;margin:0}
.small-popup-overlay{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:15px;background:rgba(0,0,0,.55);pointer-events:none}
.small-popup{position:relative;width:100%;max-width:430px;pointer-events:auto}
.small-popup-close{display:block;margin:0 0 8px auto;font-size:12px}
.small-popup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.small-popup-item{display:block;overflow:hidden}
.small-popup-item img{display:block;width:100%;height:auto;border:0}
@media(max-width:767.98px){
.banner-top{margin:5px 0}
.banner-top a,.banner-top img{max-width:100%}
.floating-top a,.floating-bottom a,.floating-top img,.floating-bottom img{max-width:100%}
.small-popup{max-width:350px}
.small-popup-grid{gap:6px}
}
.banner-table-row td{padding:8px!important;background:#fff!important}
.banner-table{display:block;width:100%;text-align:center}
.banner-table:last-child{margin-bottom:0!important}
.banner-table a{display:block;width:100%;max-width:728px;margin:0 auto}
.banner-table img{display:block;width:100%;max-width:728px;height:auto;margin:0 auto;border:0}
@media(max-width:991.98px){.navbar-nav{padding-top:.5rem}.navbar-dark .navbar-nav .nav-link{padding:.55rem 0}}
@media(max-width:1140px){body.hasftop{margin-top:75px}body.hasfbot{margin-bottom:75px}}
@media(max-width:767.98px){body{font-size:13px;padding-bottom:78px;}body.hasftop{margin-top:102px}body.hasfbot{margin-bottom:132px}.site-wrapper{width:100%;margin:0;box-shadow:none}.content-intro h1{font-size:1.45rem}h2.h4{font-size:1.2rem}#listdatahk .btn{padding:.58rem 1.8rem .58rem .75rem;font-size:.88rem}#hasil-datahk .table{font-size:12px}#hasil-datahk .table th,#hasil-datahk .table td{padding:.45rem .25rem;white-space:nowrap}.banner-top{margin:5px 0 0!important;padding:0 4px}.banner-top a{max-width:100%;margin-bottom:5px}.banner-top img{max-width:100%}.floating-grid{flex-direction:column;gap:5px;padding:0 4px}.floating-grid a{flex:none;width:100%;max-width:100%}.floating-bottom .btn-close{right:4px}.partner-links span{margin:0 3px}}
.partner-links ul{margin:0;padding:10px 15px}
.partner-links li{display:block;margin:0;padding:3px 0}
.partner-links li a{display:inline-block}