/* Herkülbet reference layout. Content is managed through Office and the shared DB. */
.theme-herkul { --hk-sidebar:240px; --hk-header:64px; background:var(--hk-bg); }
.herkul-header { box-shadow:none; border-color:#102425; background:var(--hk-bg); }
.herkul-header__inner { padding:0 24px; gap:8px; }
.herkul-brand { width:184px; flex-basis:184px; margin:0 24px 0 0; height:40px; }
.herkul-brand img { width:184px; height:40px; }
.herkul-icon-button { border-color:#0c2526; background:#031416; width:40px; height:40px; }
.herkul-header-telegram { color:#43a9e6; }
.herkul-header-support { color:var(--hk-gold); }
.herkul-language { background:#031416; border-color:#0c2526; height:40px; min-width:90px; }
.herkul-header-login { border:0; color:#65a0a5; padding-inline:16px; }
.herkul-button--gold { background:var(--hk-gold); box-shadow:none; color:#101511!important; }
.herkul-header__actions { gap:12px; }
.herkul-home { padding:20px 24px 42px; background:var(--hk-bg); }
.herkul-sidebar-top { display:flex; align-items:center; gap:12px; height:64px; padding:0 10px; margin:-20px -12px 20px; border-bottom:1px solid #102425; }
.herkul-sidebar-top>.herkul-icon-button { background:none; border:0; width:36px; flex-shrink:0; color:#61a3a6; }
.herkul-mode-switch { padding:0; border:0; background:none; gap:8px; }
.herkul-mode-switch a { min-width:78px; height:40px; font-size:13px; padding:0 8px; }
.herkul-mode-switch a.is-active { box-shadow:0 0 14px #e4bb6c55; }
.herkul-sidebar { background:var(--hk-bg); }
.herkul-promo-grid { gap:8px; margin:0 0 20px; }
.herkul-promo-grid a { background:transparent; }
.herkul-promo-grid img { width:100%; height:auto; aspect-ratio:1.86; object-fit:contain; }
.herkul-sidebar__nav { display:grid; gap:3px; padding:10px 0; margin:0; border-top:1px solid #102425; }
.herkul-sidebar__nav a,.herkul-sidebar__nav button { display:flex; width:100%; min-height:45px; gap:12px; padding:0 12px; font-size:13px; font-weight:600; white-space:nowrap; }
.herkul-sidebar__nav a em,.herkul-sidebar__nav button em { font-style:normal; }
.herkul-sidebar__nav a span { width:23px; height:23px; flex-basis:23px; }
.herkul-sidebar__nav a.is-active { border:0; box-shadow:inset 3px 0 var(--hk-gold); background:#1b241d; }
.herkul-sidebar__nav a.is-active,.herkul-sidebar__nav a.is-active span { color:var(--hk-gold); }
.herkul-sidebar__nav .herkul-sidebar__special { border:1px solid #48482f; background:#17231e; }
.herkul-sidebar__special b { color:white; background:#d45555; }
.herkul-sidebar-vip { margin-top:10px; }
.herkul-sidebar-vip p { font-size:11px; }
.herkul-community-chat { background:#031416; border-left:1px solid #163031; }
.herkul-community-chat__header { background:#031416; border-color:#163031; }
.hk-chat-hint { color:#bd9146; font-size:9px; padding:0 14px 8px; border-bottom:1px solid #163031; }
.hk-chat-hint button { background:none; border:0; padding:0; cursor:pointer; }
.hk-chat-empty { flex:1; padding:52px 16px; color:#55999d; text-align:center; font-size:12px; font-style:italic; }
.hk-chat-composer { display:flex; align-items:center; gap:10px; padding:8px 10px; border-top:1px solid #143032; color:var(--hk-gold); }
.hk-chat-composer>button { flex:1; height:38px; border:0; border-radius:8px; background:#0b2022; color:#446567; text-align:left; padding:0 12px; font-size:11px; }
.hk-chat-count { font-size:9px; color:#528085; padding:0 12px 8px; }
.hk-category-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; padding:0; margin:0 0 20px; }
.hk-category { position:relative; isolation:isolate; aspect-ratio:5/3; overflow:hidden; border-radius:12px; background:linear-gradient(135deg,#e4bb6c33,#102322); }
.hk-category picture { position:absolute; inset:8px; opacity:.55; }
.hk-category img { width:100%; height:100%; object-fit:cover; border-radius:3px; transition:transform .2s; }
.hk-category:after { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(0deg,#010e0f, #010e0f66,transparent); pointer-events:none; }
.hk-category:hover img { transform:scale(1.04); }
.hk-category-label { position:absolute; left:12px; bottom:12px; z-index:2; display:flex; align-items:center; gap:6px; font-size:14px; font-weight:600; }
.hk-category:last-child .hk-category-label { left:auto; right:12px; }
.hk-category--spin { border:1px solid #e4bb6c30; }
.hk-category--spin picture { inset:0; opacity:.75; }
.hk-category--spin:after { background:linear-gradient(0deg,#0f1f1ed9,#0f1f1e66,#0f1f1e33); }
.hk-spin-symbol { position:absolute; z-index:2; left:50%; top:50%; width:58px; height:58px; border:2px solid #e4bb6c99; border-radius:50%; display:grid; place-items:center; color:var(--hk-gold); background:#102222aa; transform:translate(-50%,-50%); box-shadow:0 0 0 7px #e4bb6c11; }
.hk-spin-symbol svg { width:28px; height:28px; }
.hk-winners { min-height:180px; margin-bottom:24px; padding-top:18px; position:relative; border-bottom:1px solid #0c2223; }
.hk-winners h2 { position:absolute; top:2px; left:0; background:var(--hk-bg); padding:4px 12px; text-transform:uppercase; color:var(--hk-gold); font-size:12px; font-weight:700; }
.hk-winners-row { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:8px; }
.hk-winners-row a { display:flex; flex-direction:column; gap:4px; overflow:hidden; font-size:10px; }
.hk-winners-row img { width:100%; aspect-ratio:3/4; border-radius:7px; object-fit:cover; }
.hk-winners-row span { color:#49858a; text-overflow:ellipsis; overflow:hidden; }
.hk-winners-row strong { color:var(--hk-gold); font-size:11px; }
.hk-winners-empty { grid-column:1/-1; text-align:center; align-content:center; height:136px; color:#49797c; font-size:12px; margin:0; }
.hk-collection { margin:0 0 32px; }
.hk-collection .herkul-section-heading { min-height:42px; margin-bottom:12px; }
.hk-collection .herkul-section-heading h2,.hk-providers h2,.hk-races h2 { font-size:20px; font-weight:700; line-height:1.2; }
.hk-collection .herkul-section-heading p { max-width:430px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px; color:#235b5f; margin-top:6px; }
.hk-collection .herkul-section-heading__icon { width:36px; height:36px; border-color:#e4bb6c66; background:#e4bb6c1f; }
.hk-collection--blue .herkul-section-heading__icon { color:#00aaff; border-color:#00aaff66; background:#00aaff1f; }
.herkul-section-heading__actions { flex-shrink:0; gap:8px; }
.herkul-section-heading__actions button { display:grid; place-items:center; width:36px; height:36px; border:0; border-radius:7px; background:#0a2224; color:#4a9b9f; cursor:pointer; }
.herkul-section-heading__actions button:disabled { opacity:.3; cursor:default; }
.herkul-section-heading__actions .hk-see-all { display:flex; align-items:center; height:36px; border-radius:7px; width:auto; padding:0 12px; border:1px solid #e4bb6c66; background:#e4bb6c1f; color:var(--hk-gold); font-size:14px; font-weight:600; gap:5px; }
.hk-collection--blue .herkul-section-heading__actions .hk-see-all { color:#51baf2; background:#00aaff1f; border-color:#00aaff66; }
.hk-game-row { display:flex; gap:12px; overflow-x:auto; scrollbar-width:none; scroll-snap-type:x mandatory; padding:0 0 4px; }
.hk-game-row::-webkit-scrollbar { display:none; }
.hk-game-card { flex:0 0 calc((100% - 84px)/7.5); min-width:0; scroll-snap-align:start; }
.hk-game-card>a { display:block; position:relative; width:100%; aspect-ratio:3/4; border:1px solid #ffffff08; border-radius:12px; overflow:hidden; }
.hk-game-card img { width:100%; height:100%; object-fit:cover; transition:transform .25s; }
.hk-game-badge { position:absolute; top:8px; left:8px; padding:5px 10px; border-radius:5px; background:#51bd63; color:white; font-size:10px; text-transform:uppercase; font-weight:700; }
.hk-game-hover { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:5px; padding:8px; text-align:center; background:#031416df; opacity:0; transition:opacity .2s; }
.hk-game-hover h3 { font-size:12px; font-weight:700; margin:0; }
.hk-game-hover p { font-size:9px; color:#72a6aa; margin:0; }
.hk-game-hover span { display:block; background:var(--hk-gold); color:#17201b; font-size:11px; font-weight:700; border-radius:5px; padding:6px 16px; margin-top:4px; }
.hk-game-card>a:hover .hk-game-hover,.hk-game-card>a:focus-visible .hk-game-hover { opacity:1; }
.hk-game-row.is-expanded { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); overflow:visible; }
.hk-bonus { position:relative; isolation:isolate; display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:156px; overflow:hidden; border-radius:16px; padding:32px 40px; margin:16px 0; }
.hk-bonus>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2; }
.hk-bonus:after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#010e0fcc,#010e0f66,transparent); z-index:-1; }
.hk-bonus>span { display:flex; flex-direction:column; gap:12px; }
.hk-bonus strong { color:#fff; font-size:clamp(22px,2.3vw,36px); line-height:1.15; font-weight:700; }
.hk-bonus small { color:#499094; font-size:16px; }
.hk-bonus>b { flex-shrink:0; background:var(--hk-gold); color:#101511; padding:18px 28px; border-radius:12px; font-size:16px; }
.hk-providers { margin:30px 0; }
.hk-provider-row { display:flex; gap:12px; overflow-x:auto; scrollbar-width:none; }
.hk-provider-row a { flex:0 0 138px; height:76px; display:grid; place-items:center; border:1px solid #102e30; border-radius:10px; background:#071a1b; }
.hk-provider-row img { width:110px; height:48px; object-fit:contain; }
.hk-providers .herkul-section-heading>div:first-child>svg { color:var(--hk-gold); }
.hk-races { margin:24px 0; }
.hk-races .herkul-section-heading>a { color:var(--hk-gold); font-size:12px; }
.hk-race-row { display:flex; gap:12px; overflow-x:auto; }
.hk-race-row>a { position:relative; display:flex; flex:1 0 240px; flex-direction:column; gap:10px; padding:24px; background:linear-gradient(130deg,#162522,#282519); border:1px solid #5c4e2e; border-radius:14px; }
.hk-race-row strong { color:var(--hk-gold); font-size:24px; }
.hk-race-row small { text-transform:uppercase; color:#b6a885; font-size:10px; }
.hk-race-row h3 { font-size:14px; }
.hk-race-row span { font-size:11px; color:#86a49e; }
.hk-race-row b { align-self:flex-end; color:var(--hk-gold); font-size:12px; }
.hk-empty { width:100%; padding:36px; text-align:center; color:#49797c; font-size:12px; border:1px solid #123032; border-radius:12px; }
.hk-bets { margin:30px 0; }
.hk-bets-controls { display:flex; justify-content:space-between; gap:12px; margin-bottom:16px; }
.hk-bets-controls [role=tablist] { display:flex; gap:4px; padding:4px; background:#092123; border-radius:8px; }
.hk-bets-controls [role=tab] { padding:8px 16px; border:0; border-radius:6px; color:#59a2a7; background:transparent; font-size:14px; cursor:pointer; }
.hk-bets-controls [role=tab].is-active { background:#153437; color:#fff; }
.hk-refresh { border:0; padding:8px; background:transparent; cursor:pointer; }
.hk-refresh span { display:block; width:36px; height:20px; border-radius:20px; background:#315153; position:relative; }
.hk-refresh span:after { content:''; position:absolute; top:3px; left:3px; width:14px; height:14px; border-radius:50%; background:white; }
.hk-refresh span.is-on { background:var(--hk-gold); }.hk-refresh span.is-on:after { left:19px; }
.hk-bets-table { overflow:auto; border:1px solid #153032; border-radius:12px; }
.hk-bets table { width:100%; border-collapse:collapse; white-space:nowrap; font-size:13px; }
.hk-bets th { background:#0b2729; color:#59a2a7; font-size:11px; text-transform:uppercase; padding:16px 12px; text-align:left; }
.hk-bets td { padding:14px 12px; border-top:1px solid #122e30; color:#b3c6c4; }
.hk-bets td:last-child { text-align:right; color:var(--hk-gold); }.hk-bets td[colspan] { text-align:center; padding:40px 12px; color:#52878a; }
.hk-bets td button { border:0; background:transparent; cursor:pointer; }
.hk-reference-faq { margin-top:28px; }.hk-reference-faq>h2 { font-size:20px; font-weight:700; margin-bottom:24px; }
.hk-reference-faq .herkul-faq__item { margin:8px 0; border:1px solid #0b2527; border-radius:9px; background:#061b1d; }
.hk-reference-faq .herkul-faq__item button { font-size:14px; min-height:52px; padding:16px; }
.hk-reference-faq .herkul-faq__item button svg { color:var(--hk-gold); }
.hk-reference-faq .herkul-faq__item p { font-size:13px; line-height:1.7; color:#8cb0af; }
.hk-campaign,.hk-unavailable { position:fixed; inset:0; z-index:1500; display:grid; place-items:center; padding:20px; }
body:has(.hk-campaign) { overflow:hidden; }
.hk-campaign-backdrop { position:absolute; inset:0; border:0; background:#000b; backdrop-filter:blur(6px); cursor:default; }
.hk-campaign-card { position:relative; width:min(448px,100%,calc(100dvh - 115px)); border:1px solid #275a48; border-radius:16px; background:#071919; box-shadow:0 28px 90px #0009; overflow:visible; }
.hk-campaign-images { aspect-ratio:1; position:relative; overflow:hidden; border-radius:15px 15px 0 0; }
.hk-campaign-images>a { position:absolute; inset:0; }.hk-campaign-images img { width:100%; height:100%; object-fit:cover; }
.hk-campaign-close { position:absolute; z-index:4; top:8px; right:8px; display:grid; place-items:center; width:32px; height:32px; background:#0009; color:white; border:0; border-radius:50%; cursor:pointer; }
.hk-campaign-prev,.hk-campaign-next { position:absolute; z-index:3; top:50%; transform:translateY(-50%); display:grid; place-items:center; width:40px; height:40px; border:0; border-radius:50%; background:#0008; cursor:pointer; }
.hk-campaign-prev { left:8px; }.hk-campaign-next { right:8px; }.hk-campaign-next svg { transform:rotate(-90deg); }
.hk-campaign-dots { position:absolute; bottom:12px; left:0; right:0; display:flex; justify-content:center; gap:6px; }
.hk-campaign-dots button { width:8px; height:8px; padding:0; border:0; border-radius:8px; background:#ffffff80; cursor:pointer; }.hk-campaign-dots .is-active { width:24px; background:white; }
.hk-campaign-card footer { display:flex; gap:8px; padding:12px; }.hk-campaign-card footer button { flex:1; height:44px; border:1px solid #285050; border-radius:8px; background:#0b2729; color:#eee; font-size:14px; cursor:pointer; }.hk-campaign-card footer button:last-child { background:#10b981; color:#fff; border-color:#10b981; }
.hk-unavailable article { position:relative; max-width:440px; padding:28px; border:1px solid #30504a; border-radius:16px; background:#0a2020; }.hk-unavailable h2 { font-size:20px; }.hk-unavailable p { margin:12px 0 24px; color:#92b2ab; }
@media(min-width:1024px){
 .herkul-header { left:var(--hk-sidebar); }
 .herkul-shell { display:grid; grid-template-columns:var(--hk-sidebar) minmax(0,1fr); padding-top:64px; }
 .herkul-main { grid-column:2; width:100%; }
 .herkul-sidebar,.theme-herkul.herkul-sidebar-is-compact .herkul-sidebar { top:0; bottom:0; right:auto; width:var(--hk-sidebar); height:100dvh; min-height:0; display:flex; flex-direction:column; align-items:stretch; gap:0; padding:20px 12px 12px; overflow-y:auto; overflow-x:hidden; border-right:1px solid #102425; border-bottom:0; box-shadow:none; background:var(--hk-bg); }
 .herkul-sidebar__nav,.herkul-sidebar__nav--secondary,.herkul-sidebar__nav--account { display:grid; flex:none; }
 .herkul-sidebar__nav a { flex:none; justify-content:flex-start; overflow:visible; }
 .herkul-footer { margin-left:var(--hk-sidebar); padding-left:24px; padding-right:24px; }
 .herkul-chat-is-open .herkul-footer { margin-right:320px; }
 .theme-herkul.herkul-sidebar-is-compact { --hk-sidebar:72px; }
 .herkul-sidebar-is-compact .herkul-sidebar-top { justify-content:center; }.herkul-sidebar-is-compact .herkul-mode-switch,.herkul-sidebar-is-compact .herkul-sidebar__nav em { display:none; }
 .herkul-sidebar-is-compact .herkul-sidebar__nav a,.herkul-sidebar-is-compact .herkul-sidebar__nav button { justify-content:center; padding:0; }
}
@media(max-width:1279px) and (min-width:1024px){ .herkul-chat-is-open .herkul-shell { grid-template-columns:var(--hk-sidebar) minmax(0,1fr); }.herkul-chat-is-open .herkul-footer { margin-right:0; }.herkul-community-chat { box-shadow:-10px 0 40px #0009; }.herkul-brand { margin-right:8px; }.herkul-header__actions { gap:5px; } }
@media(max-width:1023px){
 .herkul-header { left:0; }.herkul-header__inner { padding:0 12px; }.herkul-header-support,.herkul-header-telegram { display:none; }.herkul-brand { margin:0; width:150px; flex-basis:150px; }.herkul-brand img { width:150px; }
 .herkul-sidebar { top:0; padding-top:20px; }.herkul-sidebar-top { margin-bottom:20px; }.herkul-home { padding:16px 16px 80px; }.herkul-shell { padding-top:64px; }
 .hk-game-card { flex-basis:calc((100% - 60px)/5.5); }.hk-game-row.is-expanded { grid-template-columns:repeat(5,minmax(0,1fr)); }.hk-winners-row { grid-template-columns:repeat(8,minmax(0,1fr)); }.hk-winners-row a:nth-child(n+9) { display:none; }
 .hk-category-grid { gap:10px; }.hk-bonus { padding:24px; }.hk-bonus>b { padding:14px 18px; }.hk-bonus strong { font-size:28px; }
}
@media(max-width:767px){
 .herkul-header__inner { gap:6px; }.herkul-brand { width:126px; flex-basis:126px; }.herkul-brand img { width:126px; }.herkul-brand__full { display:block!important; }.herkul-brand__mark { display:none!important; }.herkul-header__actions { gap:4px; }.herkul-header__actions>.herkul-icon-button,.herkul-language { display:none!important; }.herkul-header__menu { width:30px; height:32px; border:0; }.herkul-header .herkul-button { font-size:11px; min-height:34px; padding:0 9px; }
 .herkul-home { padding:12px 12px 70px; }.hk-category-grid { gap:6px; margin-bottom:16px; }.hk-category { border-radius:8px; }.hk-category picture { inset:4px; }.hk-category--spin picture { inset:0; }.hk-category-label { font-size:11px; left:6px; bottom:6px; gap:3px; }.hk-category-label svg { width:12px; }.hk-spin-symbol { width:34px; height:34px; }.hk-spin-symbol svg { width:19px; }
 .hk-winners { min-height:130px; margin-bottom:20px; }.hk-winners h2 { font-size:10px; }.hk-winners-empty { height:96px; font-size:11px; }.hk-winners-row { display:flex; overflow:auto; }.hk-winners-row a { flex:0 0 52px; }.hk-winners-row a:nth-child(n+9) { display:flex; }.hk-winners-empty { width:100%; }
 .hk-collection { margin-bottom:24px; }.hk-collection .herkul-section-heading h2,.hk-providers h2,.hk-races h2 { font-size:14px; }.hk-collection .herkul-section-heading p { font-size:9px; max-width:180px; }.hk-collection .herkul-section-heading__icon { width:28px; height:28px; flex-basis:28px; }.herkul-section-heading__actions .hk-see-all { font-size:10px; padding:0 7px; height:30px; }.herkul-section-heading__actions .hk-see-all small { display:none; }.herkul-section-heading__actions>button:not(.hk-see-all) { display:none; }
 .hk-game-row { gap:8px; }.hk-game-card { flex-basis:calc((100% - 24px)/3.5); }.hk-game-card>a { border-radius:9px; }.hk-game-badge { top:5px; left:5px; padding:3px 6px; font-size:8px; }.hk-game-row.is-expanded { grid-template-columns:repeat(3,minmax(0,1fr)); }.hk-game-hover h3 { font-size:10px; }
 .hk-bonus { min-height:116px; padding:20px; gap:10px; }.hk-bonus strong { font-size:21px; }.hk-bonus small { font-size:11px; }.hk-bonus>b { padding:11px; font-size:11px; border-radius:8px; }.hk-provider-row a { flex-basis:108px; height:62px; }.hk-provider-row img { width:86px; height:40px; }
 .hk-bets-controls [role=tab] { font-size:11px; padding:7px 8px; }.hk-reference-faq>h2 { font-size:18px; }.hk-reference-faq .herkul-faq__item button { font-size:12px; }.hk-campaign-card { width:min(448px,100%,calc((100dvh - 115px)*.8)); }.hk-campaign-images { aspect-ratio:4/5; }.hk-campaign-card footer button { font-size:12px; }.hk-campaign-card footer { padding:10px; }
}
@media(prefers-reduced-motion:reduce){ .hk-category img,.hk-game-hover { transition:none; } }

/* Comparison refinements, 1440px desktop. */
.theme-herkul .herkul-header-telegram { color:#43a9e6; }.theme-herkul .herkul-header-support { color:var(--hk-gold); }.theme-herkul .herkul-header-login { color:#65a0a5; font-weight:600; }.theme-herkul .herkul-icon-button:not(.herkul-header-telegram):not(.herkul-header-support) { color:#5c9ba0; }
.herkul-sidebar__nav>a { width:100%; }.herkul-sidebar__nav .herkul-sidebar__special>span { color:#162017; background:var(--hk-gold); width:32px; height:32px; flex-basis:32px; border-radius:8px; box-shadow:0 0 14px #e4bb6c55; }
.herkul-section-heading__actions [data-herkul-next] svg { transform:rotate(-90deg); }.herkul-section-heading__actions [data-herkul-previous] svg { transform:none; }
.hk-collection .herkul-section-heading { height:42px; min-height:42px; }.hk-collection .herkul-section-heading p { line-height:16px; }
.hk-bonus { margin-top:48px; }.hk-bonus>b { display:flex; align-items:center; gap:9px; }.hk-bonus strong { font-size:36px; }
.hk-campaign-dots { z-index:4; }.hk-campaign-dots button { min-width:8px; min-height:8px; padding:0!important; }.hk-campaign-close:focus:not(:focus-visible) { outline:0; }
@media(min-width:1024px){.herkul-sidebar__nav a { width:100%; }.herkul-home { padding-right:30px; }.herkul-sidebar-top { gap:16px; }.herkul-mode-switch { gap:10px; }}
@media(max-width:767px){.hk-bonus { margin-top:24px; }.hk-bonus strong { font-size:21px; }.hk-bonus>b svg { display:none; }}

.herkul-sidebar__nav { grid-template-columns:minmax(0,1fr); justify-content:stretch; }
.hk-game-row { scroll-snap-type:none; }
.hk-support { position:fixed; inset:0; z-index:1450; display:grid; place-items:center; padding:20px; }.hk-support>article { position:relative; padding:28px; width:min(420px,100%); border:1px solid #30504a; border-radius:16px; background:#0a2020; }.hk-support h2 { font-size:20px; font-weight:700; }.hk-support p { margin:12px 0 24px; color:#92b2ab; }
@media(max-width:767px){
 .herkul-header__inner { padding:0 16px; gap:8px; justify-content:flex-start; }
 .herkul-header .herkul-brand { position:static; transform:none; width:26px; height:34px; flex:0 0 26px; margin:0 2px 0 0; }
 .herkul-header .herkul-brand__full { display:none!important; }.herkul-header .herkul-brand__mark { display:block!important; width:26px; height:34px; }
 .herkul-header-support,.herkul-header-telegram { display:grid; flex:0 0 32px; width:32px; height:34px; }
 .herkul-header__actions { width:auto; margin-left:auto; gap:7px; flex:0 1 auto; justify-content:flex-end; }
 .herkul-header__actions>.herkul-icon-button { display:grid!important; width:32px; height:34px; }
 .herkul-header__actions>.herkul-notification-button { display:none!important; }
 .herkul-header .herkul-header-login { padding:0 5px; }.herkul-header .herkul-button--gold { padding:0 13px; }
 .herkul-home { padding:12px 16px 70px; }.hk-winners { min-height:180px; }.hk-winners-empty { height:140px; }
 .hk-bonus { margin-top:48px; min-height:206px; padding:24px; }.hk-bonus strong { font-size:24px; max-width:148px; }.hk-bonus small { font-size:13px; max-width:145px; line-height:1.4; }.hk-bonus>b { min-width:132px; justify-content:center; padding:14px 18px; font-size:13px; }.hk-bonus>b svg { display:block; }
 .herkul-community-chat__launcher { display:none!important; }.herkul-mobile-nav__home { width:72px; height:72px; top:-22px; background:#082123!important; border:2px solid var(--hk-gold)!important; box-shadow:0 0 18px #e4bb6c55; }.herkul-mobile-nav__home img { width:50px; height:54px; }
}
@media(max-width:359px){.herkul-header__inner { padding:0 10px; gap:5px; }.herkul-header__actions { gap:3px; }.herkul-header-support { display:none; }.hk-bonus { padding:18px; }.hk-bonus>b { min-width:104px; padding:12px; }}

.hk-game-more { display:flex; flex:0 0 calc((100% - 84px)/7.5); flex-direction:column; align-items:center; justify-content:center; gap:5px; border:1px dashed #e4bb6c55; border-radius:12px; color:var(--hk-gold); background:#0b2121; }.hk-game-more strong { font-size:24px; }.hk-game-more span,.hk-game-more b { font-size:10px; }
.hk-collection-page { padding:24px; }.hk-back { color:var(--hk-gold)!important; font-size:13px; }.hk-collection-page header { padding:25px 0; }.hk-collection-page h1 { font-size:30px; font-weight:700; }.hk-collection-page header p { margin:10px 0; color:#659da0; font-size:14px; line-height:1.6; }.hk-collection-page header>span { color:var(--hk-gold); font-size:13px; }
.hk-collection-filters { display:flex; gap:12px; margin-bottom:24px; }.hk-collection-filters input,.hk-collection-filters select { border:1px solid #174144; border-radius:9px; background:#092123; padding:12px; color:white; min-width:0; }.hk-collection-filters input { flex:1; }.hk-collection-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px; }
@media(max-width:767px){.hk-game-more{flex-basis:calc((100% - 24px)/3.5)}.hk-collection-page{padding:20px 16px 100px}.hk-collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hk-collection-page h1{font-size:22px}.hk-collection-filters{flex-direction:column}.herkul-section-heading__actions a.hk-see-all{display:flex}}

@media(min-width:1024px){.herkul-home { padding-right:24px; }.hk-category-grid { position:relative; isolation:isolate; }.hk-category-grid:before { content:''; position:absolute; z-index:-1; inset:-20px -24px; background:linear-gradient(110deg,#102021,#1a2a2a); }}
.herkul-section-heading__actions [data-herkul-next] svg { transform:none; }

.hk-demo-label { display:inline-block; margin-left:7px; vertical-align:middle; padding:3px 6px; border:1px solid #a4823f; border-radius:5px; color:#e4bb6c; font-size:9px; font-weight:700; letter-spacing:.5px; }.hk-demo-note { margin:0 0 10px; font-size:11px; color:#a69c77; }.hk-race-row>a { isolation:isolate; overflow:hidden; min-height:235px; }.hk-race-art { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.22; z-index:-1; }.hk-race-row>a:has(.hk-race-art) { background:#0d2524; }.hk-race-row>a:has(.hk-race-art)>h3 { min-height:35px; }

/* Animated source logo and mobile quick links. */
.hk-quick-menu { display:none; }
@media(max-width:1023px){
 .herkul-mobile-nav .hk-quick-menu { position:absolute; bottom:calc(100% + 12px); left:12px; right:12px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px 8px; padding:16px 10px; background:rgba(25,44,43,.97); border:1px solid #53615a; border-radius:20px; box-shadow:0 -12px 45px #0006; backdrop-filter:blur(16px); }
 .herkul-mobile-nav .hk-quick-menu img { width:52px; height:52px; object-fit:contain; }
 .herkul-mobile-nav .hk-quick-menu small { font-size:10px; white-space:nowrap; max-width:100%; overflow:hidden; text-overflow:ellipsis; }
 .herkul-mobile-nav__home picture { display:flex; align-items:center; justify-content:center; }
 .herkul-mobile-nav__home picture img { width:64px; height:64px; }
 .herkul-mobile-nav__home .hk-quick-close { font-size:38px; color:#e4bb6c; }
}
.hk-provider-detail header { display:flex; align-items:center; gap:20px; margin:24px 0; }
.hk-provider-detail header img { width:110px; height:65px; object-fit:contain; }
.hk-provider-detail h1 { font-size:26px; font-weight:800; }
.hk-provider-detail header p,.hk-provider-detail .hk-empty { color:#819e9d; }
.hk-provider-detail .hk-type-tabs { display:flex; overflow:auto; gap:8px; margin:20px 0; }
.hk-provider-detail .hk-type-tabs a { flex-shrink:0; border:1px solid #284543; border-radius:20px; padding:9px 16px; color:#8aadaa; }
.hk-provider-detail .hk-type-tabs a.is-active { background:#e4bb6c; color:#071817; }
.hk-provider-detail form { display:flex; gap:10px; }
.hk-provider-detail input { flex:1; min-width:0; background:#0b2424; border:1px solid #284543; padding:12px; border-radius:10px; }
.hk-provider-detail .hk-pagination { display:flex; justify-content:center; gap:20px; margin:28px 0; }
.hk-provider-detail .hk-pagination a { border:1px solid #e4bb6c; padding:10px 20px; border-radius:8px; }
.hk-provider-detail .hk-empty { grid-column:1/-1; padding:36px; text-align:center; }

@media(max-width:1023px){.herkul-mobile-nav__home { overflow:hidden; }.herkul-mobile-nav__home picture,.herkul-mobile-nav__home picture img { border-radius:50%; }.herkul-mobile-nav__home picture img { mix-blend-mode:screen; }}
/* Reference VIP composition, retaining the existing DB-backed program. */
.hk-vip-page{background:#010e0f;color:#f2f6f5;padding-bottom:64px}.hk-vip-hero{min-height:0;padding:64px 24px 100px;text-align:center;background-position:center;background-size:cover}.hk-vip-hero>div{max-width:900px;margin:auto}.hk-vip-hero h1{font:700 48px/1.1 Roboto,system-ui,sans-serif;margin:18px 0}.hk-vip-hero p{max-width:680px;margin:auto;font-size:18px;line-height:1.6;color:#79a1a4}.hk-vip-hero>div>span{font-size:14px;padding:12px 18px;font-weight:600}.hk-vip-overview{margin:-60px auto 64px;max-width:768px;border-color:#122d2d;background:#041516;box-shadow:none}.hk-vip-guest{position:relative;max-width:768px;width:calc(100% - 48px);margin:-60px auto 72px;text-align:center;padding:32px;border:1px solid #122d2d;border-radius:24px;background:#041516}.hk-vip-guest>div{font-size:48px}.hk-vip-guest h2{font-size:30px;font-weight:700;line-height:1.2;margin:18px 0 12px}.hk-vip-guest p{color:#79a1a4;line-height:1.6}.hk-vip-guest footer{display:flex;justify-content:center;gap:12px;margin-top:26px}.hk-vip-how,.hk-vip-levels,.hk-vip-comparison,.hk-vip-faq{width:calc(100% - 48px);max-width:1200px;margin:0 auto 64px}.hk-vip-how>header,.hk-vip-faq>header{text-align:center;margin-bottom:40px}.hk-vip-how h2,.hk-vip-levels h2,.hk-vip-comparison h2,.hk-vip-faq h2{font:700 30px/1.2 Roboto,system-ui,sans-serif}.hk-vip-how header p,.hk-vip-levels header p,.hk-vip-comparison header p,.hk-vip-faq header p{color:#79a1a4;margin-top:10px}.hk-vip-how>div{gap:24px}.hk-vip-how article{position:relative;border:1px solid #142e2e;border-radius:16px;background:#041516;padding:24px;text-align:center}.hk-vip-how article>span{position:absolute;top:-16px;left:calc(50% - 16px);width:32px;height:32px;background:#e4bb6c;color:#091716;font-size:14px;border-radius:50%;display:grid;place-items:center}.hk-vip-step-icon{display:grid;place-items:center;width:64px;height:64px;margin:16px auto;background:#0a2425;color:#e4bb6c;border-radius:16px}.hk-vip-how article h3{font-size:18px}.hk-vip-how article p{font-size:14px;color:#79a1a4}.hk-vip-levels>header{position:relative;padding-right:95px;margin-bottom:24px}.hk-vip-arrows{position:absolute;right:0;top:0;display:flex;gap:8px}.hk-vip-arrows button{width:40px;height:40px;border-radius:12px;background:#0a2425;color:#a0bcbd;font-size:28px}.hk-vip-level-row{display:flex;gap:16px;overflow:auto;padding:16px 0;scroll-snap-type:x proximity}.hk-vip-level-row>article{flex:0 0 250px;width:250px;scroll-snap-align:start;padding:20px;border:1px solid #16302f;border-radius:16px;background:#041516}.hk-vip-level-row>article>img{width:80px;height:80px;object-fit:contain;background:#182a2b;border-radius:16px;padding:12px;margin:0 auto 12px}.hk-vip-level-row article h3{font-size:20px;color:#f2f6f5}.hk-vip-level-row article>p{font-size:12px;color:#638689}.hk-vip-level-row article dl{font-size:13px}.hk-vip-level-row article>strong{font-size:12px;text-transform:uppercase;color:#638689}.hk-vip-level-row article li{font-size:12px;color:#93b3b3}.hk-vip-comparison>div{overflow:auto;border:1px solid #142e2e;border-radius:16px}.hk-vip-comparison table{min-width:1800px}.hk-vip-comparison th:first-child{position:sticky;left:0;z-index:1;background:#061a1b}.hk-vip-faq>div{display:grid;grid-template-columns:1fr 1fr;gap:20px}.hk-vip-faq article{border:1px solid #142e2e;background:#041516;border-radius:16px;padding:24px}.hk-vip-faq article p{color:#79a1a4}.hk-vip-level-row>article.is-current{border-color:#e4bb6c}
/* Race listing: artwork above the existing prize / rank data. */
.hk-lb-page{padding:28px 24px 64px;background:#010e0f}.hk-lb-heading{margin-bottom:20px}.hk-lb-heading h1{font:700 25px/1.2 Roboto,system-ui,sans-serif}.hk-lb-heading>span{width:44px;height:44px;background:linear-gradient(135deg,#d4b16a,#79613c);color:#151b18}.hk-lb-tabs{margin-bottom:24px;gap:8px}.hk-lb-tabs a{padding:10px 16px;font-size:13px;border-radius:10px}.hk-lb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hk-lb-card{display:flex;flex-direction:column;min-height:0;overflow:hidden;border:1px solid #163434;border-radius:16px;background:linear-gradient(#071c1d,#031213)}.hk-lb-card>picture{position:relative;inset:auto;height:140px;flex:none;display:block}.hk-lb-card>picture img{width:100%;height:100%;object-fit:cover}.hk-lb-card__shade{display:none}.hk-lb-card__body{position:relative;padding:20px 14px;text-align:center}.hk-lb-card__body>strong{font:800 clamp(25px,3vw,48px)/1.15 Roboto,system-ui,sans-serif;color:#e4d398;text-shadow:0 0 20px #e4bb6c44;white-space:nowrap}.hk-lb-card__body>h2{font:700 19px/1.2 Georgia,serif;margin:12px 0}.hk-lb-card__body>p{font-size:12px;line-height:1.6;color:#85a6a6}.hk-lb-card__body>small{font-size:10px;letter-spacing:1px}.hk-lb-card__meta{font-size:11px;gap:8px;flex-wrap:wrap}.hk-lb-cta{display:block;margin-top:16px;color:#e4bb6c}.hk-chat-rule-button{width:26px;height:26px;color:#729da0;border:0;background:transparent}.hk-chat-rules{position:absolute;z-index:4;top:58px;left:12px;right:12px;padding:18px;border:1px solid #34514c;border-radius:12px;background:#0a2322;color:#a6c0bb;font-size:13px;line-height:1.7}.hk-chat-rules strong{color:#e4bb6c}.hk-chat-rules button{float:right}.hk-chat-emoji{position:relative;flex:none}.hk-chat-emoji>button{border:1px solid #173230;border-radius:8px;background:#0a2121;width:32px;height:38px}.hk-chat-emoji-panel{position:absolute;bottom:50px;left:0;width:185px;padding:10px;display:grid;grid-template-columns:repeat(5,1fr);gap:5px;background:#102a28;border:1px solid #34514c;border-radius:12px;z-index:5}.hk-chat-emoji-panel button{font-size:20px}.herkul-community-chat__composer{gap:5px}
@media(max-width:767px){.hk-vip-hero{padding:48px 16px 90px}.hk-vip-hero h1{font-size:36px}.hk-vip-hero p{font-size:16px}.hk-vip-guest{width:calc(100% - 32px);padding:24px}.hk-vip-guest h2{font-size:25px}.hk-vip-how,.hk-vip-levels,.hk-vip-comparison,.hk-vip-faq{width:calc(100% - 32px)}.hk-vip-how>div,.hk-vip-faq>div{grid-template-columns:1fr}.hk-vip-level-row>article{flex-basis:250px}.hk-vip-levels h2{font-size:25px}.hk-lb-page{padding:24px 16px 64px}.hk-lb-grid{grid-template-columns:1fr}.hk-lb-card>picture{height:190px}.hk-lb-card__body>strong{font-size:46px}}
@media(prefers-reduced-motion:reduce){.hk-vip-level-row{scroll-behavior:auto}}

/* Live winner feed: match the reference card grid and refresh motion. */
.hk-winners-row a {
    transform-origin: 50% 100%;
    animation: hk-winner-enter .38s cubic-bezier(.2,.78,.2,1) both;
    animation-delay: calc(var(--hk-winner-index, 0) * 38ms);
}
.hk-winners-row a img { transition: transform .24s ease, filter .24s ease; }
.hk-winners-row a:hover img { transform: translateY(-2px) scale(1.025); filter: brightness(1.06); }
@keyframes hk-winner-enter {
    from { opacity:0; transform:translateY(10px) scale(.96); }
    to { opacity:1; transform:translateY(0) scale(1); }
}
@media(max-width:767px){
    .hk-winners { min-height:0; margin-bottom:24px; padding:30px 0 22px; }
    .hk-winners-row { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px 8px; overflow:visible; }
    .hk-winners-row a { min-width:0; flex:none; gap:4px; }
    .hk-winners-row a:nth-child(n+9) { display:flex; }
    .hk-winners-row img { width:100%; aspect-ratio:3/4; border-radius:7px; }
    .hk-winners-row span,.hk-winners-row strong { font-size:10px; line-height:1.25; }
}
@media(max-width:479px){
    .hk-winners-row { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media(prefers-reduced-motion:reduce){
    .hk-winners-row a { animation:none; }
    .hk-winners-row a img { transition:none; }
}

.hk-lb-live-countdown{display:flex;justify-content:center;gap:6px;margin:18px 0}.hk-lb-live-countdown>span{display:grid;gap:4px;min-width:39px;padding:8px 4px;border:1px solid #38524d;border-radius:10px;background:#ffffff08}.hk-lb-live-countdown b{font-size:22px;line-height:1.1}.hk-lb-live-countdown small{font-size:8px;color:#89aaaa}.hk-lb-count-label{font-size:11px;color:#7eaaa6;margin-bottom:12px}

/* Reference tournament carousel. */
.hk-races{margin:46px 0 34px}.hk-races__heading{margin-bottom:22px}.hk-races__heading p{display:flex;align-items:center;gap:10px;margin-top:7px;color:#86a4a3;font-size:14px}.hk-races__heading p i{width:10px;height:10px;border-radius:50%;background:#00f58a;box-shadow:0 0 12px #00f58a}.hk-races .herkul-section-heading__actions{gap:10px}.hk-races .herkul-section-heading__actions .hk-see-all{height:48px;padding:0 20px;border:1px solid #665631;border-radius:13px;color:#e9c16d;font-size:14px}.hk-race-row{display:flex;gap:18px;overflow:auto;scroll-snap-type:x mandatory;padding:0 0 10px;scrollbar-width:none}.hk-race-row::-webkit-scrollbar{display:none}.hk-race-card{position:relative;isolation:isolate;display:grid;grid-template-rows:auto 1fr auto auto;flex:0 0 min(680px,55vw);min-height:292px;padding:22px 28px 20px;overflow:hidden;scroll-snap-align:start;border:1px solid #0c5559;border-radius:20px;background:radial-gradient(circle at 50% 34%,#123f42aa,#03191a 68%);color:#fff}.hk-race-card.is-turnover{border-color:#6f251f;background:radial-gradient(circle at 50% 34%,#70241fbb,#200706 72%)}.hk-race-card .hk-race-art{z-index:-2;opacity:.14;filter:saturate(.85)}.hk-race-card:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,transparent 35%,#001113dd)}.hk-race-card.is-turnover:after{background:linear-gradient(180deg,transparent 30%,#150303e8)}.hk-race-card header{display:flex;align-items:flex-start;justify-content:space-between}.hk-race-card header>small{padding:10px 18px;border-radius:10px;background:linear-gradient(#8de0e5,#24a9b3);color:#082122;font-weight:800;letter-spacing:1.5px}.hk-race-card.is-turnover header>small{background:linear-gradient(#f5d074,#bf8337);color:#2e1b08}.hk-race-card .hk-lb-live-countdown{margin:0;gap:3px}.hk-race-card .hk-lb-live-countdown>span{min-width:35px;padding:5px 3px;border-radius:8px;background:#0a1111dd}.hk-race-card .hk-lb-live-countdown b{font-size:17px}.hk-race-card .hk-lb-live-countdown small{font-size:6px}.hk-race-prize{align-self:center;text-align:center}.hk-race-prize span{display:block;color:#b7d3d3;font-size:13px;font-weight:700;letter-spacing:4px}.hk-race-prize strong{display:block;color:#8bdde3;font:800 clamp(38px,4vw,62px)/1 Roboto,system-ui,sans-serif;text-shadow:0 5px 0 #157078,0 0 24px #6ce6ec55}.hk-race-card.is-turnover .hk-race-prize strong{color:#f1c56a;text-shadow:0 5px 0 #875322,0 0 24px #e3ad4f55}.hk-race-prize i{margin-left:4px;font:800 18px/1 Roboto,system-ui,sans-serif}.hk-race-card h3{align-self:center;margin:7px auto 14px;max-width:92%;text-align:center;font:800 18px/1.25 Roboto,system-ui,sans-serif;color:#fff}.hk-race-card footer{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;color:#cfcec0}.hk-race-card footer em{color:#e7c270;font-style:normal;font-size:17px}.hk-race-card footer b{font-size:17px;color:#fff}.hk-race-dots{display:flex;justify-content:center;gap:9px;margin:14px 0}.hk-race-dots i{width:10px;height:10px;border-radius:50%;background:#4e4a33}.hk-race-dots i.is-active{width:48px;border-radius:8px;background:#e7bd65}

/* Reference live bet table. */
.hk-bets{margin:34px 0 46px}.hk-bets-controls{align-items:center;margin-bottom:28px}.hk-bets-controls [role=tablist]{gap:4px;padding:8px;border-radius:14px;background:#051d1e}.hk-bets-controls [role=tab]{min-width:200px;height:58px;padding:0 20px;border-radius:12px;color:#43aeb7;font-size:17px;font-weight:700}.hk-bets-controls [role=tab].is-active{background:#082b2e;color:#fff}.hk-refresh{display:flex;align-items:center;gap:12px;border:0;background:transparent}.hk-refresh>span{position:relative;width:74px;height:42px;border-radius:24px;background:#253f40;transition:.2s}.hk-refresh>span:after{content:'';position:absolute;top:5px;left:5px;width:32px;height:32px;border-radius:50%;background:#fff;transition:.2s}.hk-refresh>span.is-on{background:#edc267}.hk-refresh>span.is-on:after{transform:translateX(32px)}.hk-refresh>i{width:11px;height:11px;border-radius:50%;background:#d52b2b}.hk-bets-table{border-color:#0b3c3e;border-radius:18px;background:#001716}.hk-bets-table.is-loading{opacity:.62}.hk-bets table{font-size:17px}.hk-bets th{height:70px;padding:0 24px;background:#001c1b;border-bottom:1px solid #0b3c3e;color:#4db5bd;font-size:13px}.hk-bets th:not(:first-child){text-align:right}.hk-bets td{height:90px;padding:12px 24px;border-top:1px solid #0a3334;color:#48b9c2;font-size:18px;text-align:right}.hk-bets td:first-child{text-align:left}.hk-bets td:last-child{color:#48b9c2}.hk-bet-game{display:flex;align-items:center;gap:18px}.hk-bet-game img{width:58px;height:58px;flex:none;border-radius:12px;object-fit:cover}.hk-bet-game span{color:#48b9c2;font-size:18px;font-weight:600}.hk-bets td b{padding:5px 7px;border-radius:8px;font-weight:700}.hk-bets td b.is-hot{background:#242719;color:#f2c866}.hk-bets tbody tr{animation:hk-bet-enter .3s ease both}@keyframes hk-bet-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* Tournament detail composition and mobile emblem. */
.hk-lb-back{display:inline-block;margin-bottom:18px;color:#79a7a7;font-size:13px}.hk-lb-join{display:grid;gap:8px;margin:20px 0;text-align:center}.hk-lb-join button{width:100%;min-height:54px;border:1px solid #f1cf79;border-radius:12px;background:linear-gradient(#f2cc72,#bc8039);color:#251505;font-size:16px;font-weight:800;box-shadow:0 8px 28px #d69a3a25}.hk-lb-join p{color:#729a9a;font-size:11px}.hk-lb-me{border-color:#5c4d2d;background:linear-gradient(135deg,#0d2b2b,#121d1b)}
@media(max-width:1023px){.herkul-mobile-nav__home{width:82px;height:82px;top:-27px;border:2px solid #e6bd68!important;box-shadow:0 0 0 5px #0e2928,0 0 26px #e8bd6766!important}.herkul-mobile-nav__home picture img{width:78px;height:78px;mix-blend-mode:normal;filter:drop-shadow(0 0 7px #e4bb6c88)}.herkul-mobile-nav__home picture{animation:hk-mobile-logo-glow 2.3s ease-in-out infinite}@keyframes hk-mobile-logo-glow{50%{filter:brightness(1.15) drop-shadow(0 0 8px #e4bb6c88)}}}
@media(max-width:767px){.hk-races{margin-top:34px}.hk-races__heading p{font-size:11px}.hk-races .herkul-section-heading__actions .hk-see-all{height:34px;padding:0 10px}.hk-race-card{flex-basis:calc(100vw - 46px);min-height:260px;padding:18px 18px 16px;border-radius:16px}.hk-race-card header>small{padding:8px 12px;font-size:10px}.hk-race-prize span{font-size:10px;letter-spacing:2px}.hk-race-prize strong{font-size:39px}.hk-race-card h3{font-size:14px}.hk-race-card footer{font-size:11px}.hk-race-card footer em,.hk-race-card footer b{font-size:13px}.hk-bets-controls{gap:8px;margin-bottom:16px}.hk-bets-controls [role=tablist]{flex:1;min-width:0;padding:5px;overflow:auto}.hk-bets-controls [role=tab]{min-width:auto;flex:1;height:42px;padding:0 9px;font-size:11px;white-space:nowrap}.hk-refresh{gap:6px}.hk-refresh>span{width:48px;height:29px}.hk-refresh>span:after{top:4px;left:4px;width:21px;height:21px}.hk-refresh>span.is-on:after{transform:translateX(19px)}.hk-bets-table{border-radius:12px}.hk-bets table{min-width:610px}.hk-bets th{height:52px;padding:0 14px;font-size:10px}.hk-bets td{height:68px;padding:8px 14px;font-size:13px}.hk-bet-game{gap:10px}.hk-bet-game img{width:44px;height:44px;border-radius:9px}.hk-bet-game span{font-size:13px}.hk-lb-page{padding:20px clamp(14px,4.5vw,30px) 100px}.hk-lb-hero__content>strong{font-size:48px}.hk-lb-hero__content h1{font-size:22px}.hk-lb-card__meta{justify-content:center}.hk-lb-join button{min-height:58px;font-size:17px}}
@media(prefers-reduced-motion:reduce){.hk-bets tbody tr,.herkul-mobile-nav__home picture{animation:none}}

/* New wins enter from the left, move the row one position and drop the tail. */
.hk-winners-row{display:flex;flex-wrap:nowrap;overflow:hidden}.hk-winners-row a{flex:0 0 calc((100% - 77px)/8);min-width:0;animation:hk-winner-slide-in .48s cubic-bezier(.2,.75,.2,1) both;animation-delay:calc(var(--hk-winner-index,0) * 18ms)}@keyframes hk-winner-slide-in{from{opacity:.25;transform:translateX(-38px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:767px){.hk-winners-row{display:flex;gap:8px;overflow:hidden}.hk-winners-row a{display:flex!important;flex:0 0 calc((100% - 24px)/4);min-width:0}.hk-winners-row img{width:100%;aspect-ratio:3/4}.herkul-mobile-nav__home picture img{width:100%;height:100%;transform:scale(1.62);object-fit:cover}.hk-lb-hero__content{min-width:0;overflow:hidden}.hk-lb-hero__content h1,.hk-lb-hero__content p{max-width:100%;white-space:normal;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.hk-winners-row a{animation:none}}

/* Referral-aware registration and true mobile full-screen authentication. */
.herkul-referral-field>span{display:flex;align-items:center;justify-content:space-between;gap:12px}.herkul-referral-field>span small{color:#597d79;font-size:8px;font-weight:600;text-transform:uppercase}.herkul-referral-field>em{margin-top:5px;color:#5ed5a5;font-size:9px;font-style:normal}.herkul-referral-field>em.is-pending{color:#d2b76c}.herkul-referral-field>em strong{color:#e8c36e}
@media(max-width:767px){html.herkul-modal-open,html.herkul-modal-open body{height:100%;overflow:hidden}.herkul-auth__backdrop{background:#031718;backdrop-filter:none}.herkul-auth__positioner{inset:0;align-items:stretch;justify-content:stretch;padding:0}.herkul-auth__card,.herkul-auth__card--register{width:100%;height:100dvh;max-height:none;border:0;border-radius:0;box-shadow:none}.herkul-auth__header{position:sticky;z-index:3;top:0;height:64px;padding:0 20px;background:#031718}.herkul-auth__header h2{font-size:20px}.herkul-auth__tabs{position:sticky;z-index:3;top:64px;background:#031718}.herkul-auth__tabs button{height:58px;font-size:14px}.herkul-auth__form{gap:18px;padding:26px 20px calc(30px + env(safe-area-inset-bottom))}.herkul-auth__form--register{gap:15px}.herkul-auth__grid{gap:15px}.herkul-auth__submit{min-height:52px;font-size:15px}.herkul-auth__switch{font-size:13px}}

/* Keep the reference 6×2 winner wall; each refresh inserts at slot one. */
.hk-winners-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px 16px;overflow:hidden}.hk-winners-row a{display:flex;min-width:0;flex:none;animation:hk-winner-grid-shift .48s cubic-bezier(.2,.75,.2,1) both;animation-delay:calc(var(--hk-winner-index,0) * 16ms)}.hk-winners-row a:first-child{animation-name:hk-winner-grid-new}@keyframes hk-winner-grid-shift{from{opacity:.35;transform:translateX(calc(-100% - 16px))}to{opacity:1;transform:none}}@keyframes hk-winner-grid-new{from{opacity:0;transform:translateX(-70%) scale(.94)}to{opacity:1;transform:none}}
.herkul-auth__backdrop{z-index:1600}.herkul-auth__positioner{z-index:1601}
@media(max-width:1023px){.herkul-mobile-nav__home{overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important}.herkul-mobile-nav__home picture{filter:none}.herkul-mobile-nav__home picture img{filter:drop-shadow(0 0 8px #e4bb6c66)}}
@media(max-width:767px){.hk-winners-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 8px;overflow:hidden}.hk-winners-row a{display:flex!important;min-width:0;flex:none}.herkul-mobile-nav__home picture img{width:100%;height:100%;transform:scale(1.62);object-fit:cover}}

/* Measured against the reference at the same responsive width. */
@media(max-width:767px){.hk-winners-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px 8px}.herkul-mobile-nav__home picture img{width:100%;height:100%;transform:scale(.94);object-fit:contain}}
@media(max-width:479px){.hk-winners-row{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Bottom navigation matched to the reference proportions and alignment. */
@media(max-width:1023px){
 .herkul-mobile-nav{height:64px;padding:0 6px;border-top-color:#0a3a3b;background:rgba(0,29,29,.98)}
 .herkul-mobile-nav>a,.herkul-mobile-nav>button:not(.herkul-mobile-nav__home){justify-content:flex-start;padding-top:8px;gap:8px;color:#53b8c1}
 .herkul-mobile-nav>a span,.herkul-mobile-nav>button:not(.herkul-mobile-nav__home) span{color:#53b8c1;font-size:26px}
 .herkul-mobile-nav>a span svg,.herkul-mobile-nav>button:not(.herkul-mobile-nav__home) span svg{width:26px;height:26px}
 .herkul-mobile-nav>a small,.herkul-mobile-nav>button:not(.herkul-mobile-nav__home) small{color:#53b8c1;font-size:11px;line-height:1}
 .herkul-mobile-nav a.is-active,.herkul-mobile-nav button.is-active{color:#53b8c1}
 .herkul-mobile-nav__home{top:-30px;width:82px;height:82px;overflow:hidden!important;border:0!important;border-radius:50%;background:transparent!important;box-shadow:none!important}
 .herkul-mobile-nav__home picture{width:82px;height:82px;border-radius:50%;filter:none}
 .herkul-mobile-nav__home picture img{width:82px;height:82px;transform:scale(1.62);object-fit:cover;border-radius:50%;filter:none}
}

/* Final reference pass: compact animated leaderboard cards and stable live feed. */
.hk-races{margin:52px 0 32px;content-visibility:auto;contain-intrinsic-size:420px}
.hk-races__heading{margin-bottom:26px}
.hk-races__heading .herkul-section-heading__icon{width:56px;height:56px;flex:0 0 56px;border:1px solid #67552f;border-radius:13px;background:linear-gradient(145deg,#ba8847,#91632e);color:#111b18;box-shadow:0 10px 24px #c8974930}
.hk-races__heading .herkul-section-heading__icon svg{width:26px;height:26px;stroke-width:2.3}
.hk-races__heading h2{font-size:25px}
.hk-race-row{gap:28px;padding:0 0 8px;scroll-behavior:smooth}
.hk-race-row>.hk-race-card{position:relative;display:grid;grid-template-rows:42px 1fr auto 36px;flex:0 0 min(680px,calc(100vw - 430px));flex-direction:initial;gap:0;width:min(680px,calc(100vw - 430px));height:294px;min-height:294px;padding:22px 28px 17px;border-radius:18px;background:radial-gradient(circle at 50% 34%,#123f42aa,#03191a 68%);contain:layout paint;transform:translateZ(0)}
.hk-race-card .hk-race-art{position:absolute;z-index:-2;inset:0 auto 0 0;width:62%;height:100%;object-fit:cover;object-position:left center;opacity:.2;filter:saturate(.8);-webkit-mask-image:linear-gradient(90deg,#000 30%,transparent 100%);mask-image:linear-gradient(90deg,#000 30%,transparent 100%)}
.hk-race-card:after{background:linear-gradient(90deg,#021b1bd9 0%,#062324d9 48%,#001516 100%)}
.hk-race-card.is-turnover:after{background:linear-gradient(90deg,#240807e8 0%,#4b100fd9 54%,#1a0303 100%)}
.hk-race-card header{position:relative;z-index:3;align-items:flex-start}
.hk-race-card header>small{padding:9px 18px;border-radius:10px;font-size:13px;line-height:1;box-shadow:0 6px 16px #1bd5df1f}
.hk-race-card.is-turnover header>small{box-shadow:0 6px 16px #e4a74f24}
.hk-race-card .hk-lb-live-countdown.is-compact{display:flex;align-items:center;gap:0;height:42px;margin:-1px 0 0;padding:0 14px;border:1px solid #334847;border-radius:13px;background:#071111e8;box-shadow:0 7px 18px #0005;font-variant-numeric:tabular-nums}
.hk-race-card .hk-lb-live-countdown.is-compact>span{position:relative;display:flex;align-items:center;min-width:25px;padding:0;border:0;border-radius:0;background:none}
.hk-race-card .hk-lb-live-countdown.is-compact>span:not(:last-child):after{content:':' ;margin:0 2px;color:#e3bd67;font-size:22px;font-weight:800}
.hk-race-card .hk-lb-live-countdown.is-compact b{font-size:25px;line-height:1;color:#fff;letter-spacing:.5px}
.hk-race-card .hk-lb-live-countdown.is-compact small{display:none!important}
.hk-race-prize{position:relative;z-index:2;align-self:center;margin-top:0}
.hk-race-prize span{font-size:14px;letter-spacing:4px}
.hk-race-prize strong{font-size:58px}
.hk-race-card h3{position:relative;z-index:2;margin:1px auto 4px;max-width:94%;font-size:18px;line-height:1.2}
.hk-race-card footer{position:relative;z-index:2;align-self:end;font-size:14px}
.hk-race-card footer b{font-size:17px}.hk-race-card footer em{font-size:18px}
.hk-race-confetti{position:absolute;z-index:1;inset:34px 20px 18px;overflow:hidden;pointer-events:none}
.hk-race-confetti i{position:absolute;top:-14px;left:8%;width:8px;height:8px;border-radius:1px;background:#58bbc3;opacity:0;will-change:transform,opacity;animation:hk-race-confetti 4.8s linear infinite;animation-delay:calc(var(--piece) * -.31s)}
.hk-race-confetti i:nth-child(2n){left:18%;width:7px;height:11px;background:#dfad52}.hk-race-confetti i:nth-child(3n){left:31%;background:#72cad0}.hk-race-confetti i:nth-child(4n){left:44%;width:9px;height:6px;background:#d9a649}.hk-race-confetti i:nth-child(5n){left:57%;background:#77cbd0}.hk-race-confetti i:nth-child(6n){left:69%;width:6px;height:10px;background:#e3b35a}.hk-race-confetti i:nth-child(7n){left:81%;background:#59b8c0}.hk-race-confetti i:nth-child(8n){left:92%;background:#d7a44b}
.hk-race-card.is-turnover .hk-race-confetti i{background:#d1a14d}.hk-race-card.is-turnover .hk-race-confetti i:nth-child(3n){background:#81523a}
@keyframes hk-race-confetti{0%{opacity:0;transform:translate3d(0,-16px,0) rotate(0)}10%{opacity:.8}82%{opacity:.7}100%{opacity:0;transform:translate3d(26px,250px,0) rotate(420deg)}}
.hk-race-dots{margin:20px 0 10px}
.hk-bets{margin-top:22px;content-visibility:auto;contain-intrinsic-size:700px}
.hk-bets-table{overflow:hidden;transform:translateZ(0)}
.hk-bets tbody tr{will-change:transform,opacity;animation:hk-bet-enter .32s cubic-bezier(.2,.72,.2,1) both}
.hk-bets tbody tr:nth-child(2){animation-delay:20ms}.hk-bets tbody tr:nth-child(3){animation-delay:40ms}.hk-bets tbody tr:nth-child(4){animation-delay:60ms}.hk-bets tbody tr:nth-child(5){animation-delay:80ms}
.hk-bet-game img{background:#082526}

@media(max-width:1199px){.hk-race-row>.hk-race-card{flex-basis:min(680px,calc(100vw - 330px));width:min(680px,calc(100vw - 330px))}}
@media(max-width:1023px){.hk-race-row>.hk-race-card{flex-basis:min(680px,calc(100vw - 64px));width:min(680px,calc(100vw - 64px))}}
@media(max-width:767px){
 .hk-races{margin-top:36px;contain-intrinsic-size:370px}.hk-races__heading{margin-bottom:18px}.hk-races__heading .herkul-section-heading__icon{width:44px;height:44px;flex-basis:44px}.hk-races__heading h2{font-size:19px}.hk-races__heading p{margin-top:4px}
 .hk-race-row{gap:14px}.hk-race-row>.hk-race-card{grid-template-rows:34px 1fr auto 30px;flex-basis:calc(100vw - 46px);width:calc(100vw - 46px);height:244px;min-height:244px;padding:15px 17px 13px;border-radius:15px}
 .hk-race-card header>small{padding:8px 12px;font-size:10px}.hk-race-card .hk-lb-live-countdown.is-compact{height:34px;padding:0 10px;border-radius:10px}.hk-race-card .hk-lb-live-countdown.is-compact>span{min-width:20px}.hk-race-card .hk-lb-live-countdown.is-compact b{font-size:19px}.hk-race-card .hk-lb-live-countdown.is-compact>span:not(:last-child):after{font-size:16px}
 .hk-race-prize span{font-size:9px;letter-spacing:2.4px}.hk-race-prize strong{font-size:38px}.hk-race-prize i{font-size:12px}.hk-race-card h3{font-size:13px;margin-bottom:2px}.hk-race-card footer,.hk-race-card footer b{font-size:11px}.hk-race-card footer em{font-size:13px}.hk-race-confetti{inset:25px 10px 12px}.hk-race-dots{margin-top:14px}
 .hk-bets{margin-top:16px;contain-intrinsic-size:560px}
}
@media(max-width:479px){.hk-race-row>.hk-race-card{flex-basis:calc(100vw - 28px);width:calc(100vw - 28px)}}
@media(prefers-reduced-motion:reduce){.hk-race-confetti i,.hk-bets tbody tr{animation:none}.hk-race-row{scroll-behavior:auto}}

/* Mobile navigation tuned to the reference: larger controls, lower emblem, muted teal. */
@media(max-width:1023px){
 .herkul-mobile-nav{height:64px;padding:0 6px;border-top:1px solid #0a3b3b;background:#001d1d;backdrop-filter:blur(14px)}
 .herkul-mobile-nav>a,.herkul-mobile-nav>button:not(.herkul-mobile-nav__home){justify-content:flex-start;padding-top:10px;gap:10px;color:#4bafb8}
 .herkul-mobile-nav>a span,.herkul-mobile-nav>button:not(.herkul-mobile-nav__home) span{color:#4bafb8;font-size:28px}
 .herkul-mobile-nav>a span svg,.herkul-mobile-nav>button:not(.herkul-mobile-nav__home) span svg{width:28px;height:28px}
 .herkul-mobile-nav>a small,.herkul-mobile-nav>button:not(.herkul-mobile-nav__home) small{color:#4bafb8;font-size:12px;font-weight:500;line-height:1}
 .herkul-mobile-nav a.is-active,.herkul-mobile-nav button.is-active{color:#4bafb8}
 .herkul-mobile-nav__home{top:-23px;width:82px;height:82px}
 .herkul-mobile-nav__home picture{width:82px;height:82px;overflow:hidden}
 .herkul-mobile-nav__home picture img{width:82px;height:82px;transform:scale(1.88);object-fit:cover}
}
@media(max-height:500px) and (orientation:landscape) and (max-width:1023px){.herkul-mobile-nav{height:54px}.herkul-mobile-nav__home{top:-14px;width:66px;height:66px}.herkul-mobile-nav__home picture,.herkul-mobile-nav__home picture img{width:66px;height:66px}}

/* Reference tablet carousel shows one full card plus the next card. */
@media(min-width:560px) and (max-width:767px){
 .hk-race-row{gap:15px}
 .hk-race-row>.hk-race-card{grid-template-rows:28px 1fr auto 24px;flex-basis:52vw;width:52vw;height:22vw;min-height:147px;max-height:170px;padding:10px 14px 9px;border-radius:13px}
 .hk-race-card header>small{padding:7px 11px;font-size:9px}
 .hk-race-card .hk-lb-live-countdown.is-compact{height:28px;padding:0 8px;border-radius:9px}
 .hk-race-card .hk-lb-live-countdown.is-compact>span{min-width:17px}
 .hk-race-card .hk-lb-live-countdown.is-compact b{font-size:15px}
 .hk-race-card .hk-lb-live-countdown.is-compact>span:not(:last-child):after{margin-inline:1px;font-size:13px}
 .hk-race-prize span{font-size:8px;letter-spacing:2px}
 .hk-race-prize strong{font-size:30px}.hk-race-prize i{font-size:10px}
 .hk-race-card h3{margin:0 auto 1px;font-size:11px;line-height:1.12}
 .hk-race-card footer,.hk-race-card footer b{font-size:9px}.hk-race-card footer em{font-size:11px}
 .hk-race-confetti{inset:18px 8px 8px}.hk-race-confetti i{width:5px;height:5px}
 .hk-race-dots{margin-top:12px}
}

/* Reliable live-feed switch with clear on/off state. */
.hk-refresh{position:relative;flex:none;gap:14px;min-width:max-content;padding:8px 6px;border-radius:28px;cursor:pointer;transition:opacity .18s ease,filter .18s ease}
.hk-refresh>span,.hk-refresh>i{flex:none}

.hk-refresh>i{background:#65797a;box-shadow:none;transition:background .2s ease,box-shadow .2s ease}
.hk-refresh.is-active>i{background:#dc3030;box-shadow:0 0 0 3px #dc303018,0 0 9px #dc30304d}
.hk-refresh.is-active>span{background:#edc267}.hk-refresh.is-active>span:after{transform:translateX(32px)}
.hk-refresh>input:checked+span{background:#edc267}.hk-refresh>input:checked+span:after{transform:translateX(32px)}
.hk-refresh>input:checked~i{background:#dc3030;box-shadow:0 0 0 3px #dc303018,0 0 9px #dc30304d}
.hk-refresh:hover{filter:brightness(1.07)}.hk-refresh:focus-within{outline:2px solid #56bbc3;outline-offset:3px}
@media(max-width:767px){.hk-refresh{gap:10px;padding-inline:4px}}
@media(max-width:767px){.hk-refresh.is-active>span:after{transform:translateX(19px)}}


/* Pixel-matched mobile navigation controls from the reference capture. */
@media(max-width:1023px){
 .herkul-mobile-nav{height:64px;padding:0 6px env(safe-area-inset-bottom);border-top:1px solid #0a3b3b;background:#001d1d}
 .herkul-mobile-nav>a,.herkul-mobile-nav>button:not(.herkul-mobile-nav__home){box-sizing:border-box;height:64px;justify-content:flex-start;padding:10px 0 0;gap:10px;color:#4bafb8}
 .herkul-mobile-nav>a span,.herkul-mobile-nav>button:not(.herkul-mobile-nav__home) span{display:grid;width:24px;height:24px;place-items:center;color:#4bafb8;font-size:20px;line-height:1}
 .herkul-mobile-nav>a span svg,.herkul-mobile-nav>button:not(.herkul-mobile-nav__home) span svg{width:20px;height:20px}
 .herkul-mobile-nav>a small,.herkul-mobile-nav>button:not(.herkul-mobile-nav__home) small{color:#53b8c1;font-size:10px;font-weight:400;line-height:10px}
 .herkul-mobile-nav__home{top:-23px;width:76px;height:76px}
 .herkul-mobile-nav__home picture{width:76px;height:76px;overflow:hidden;border-radius:50%}
 .herkul-mobile-nav__home picture img{width:76px;height:76px;transform:scale(1.88);object-fit:cover;border-radius:50%}
}


/* Mobile bet feed matched to the reference layout, typography and palette. */
.hk-bet-game__copy{display:flex;min-width:0;flex-direction:column}
.hk-bet-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hk-bet-user,.hk-bet-mobile-multiplier{display:none}
.hk-bet-payment{display:flex;align-items:flex-end;justify-content:flex-end}
@media(max-width:767px){
 .hk-bets{margin:16px 0 24px;contain-intrinsic-size:590px}
 .hk-bets-controls{height:32px;align-items:center;gap:8px;margin-bottom:12px}
 .hk-bets-controls [role=tablist]{flex:0 1 auto;gap:2px;padding:2px;overflow:hidden;border-radius:8px;background:#011314}
 .hk-bets-controls [role=tab]{min-width:0;height:28px;flex:0 0 auto;padding:6px 8px;border-radius:6px;color:#55a9af;font-size:12px;font-weight:500;line-height:16px;white-space:nowrap}
 .hk-bets-controls [role=tab].is-active{color:#fff;background:#022123}
 .hk-refresh{gap:8px;padding:0}
 .hk-refresh>span{width:36px;height:20px;border-radius:999px}
 .hk-refresh>span:after{top:2px;left:2px;width:16px;height:16px}
 .hk-refresh.is-active>span:after,.hk-refresh>input:checked+span:after{transform:translateX(16px)}
 .hk-refresh>i{width:8px;height:8px}
 .hk-bets-table{min-height:300px;overflow:hidden;border:1px solid #022123;border-radius:12px;background:rgba(1,19,20,.5);transform:translateZ(0)}
 .hk-bets table{display:block;width:100%;min-width:0;border-collapse:separate;white-space:normal;font-family:Roboto,system-ui,-apple-system,sans-serif;font-size:12px}
 .hk-bets thead,.hk-bets tbody{display:block;width:100%}
 .hk-bets thead tr,.hk-bets tbody tr{display:grid;width:100%;grid-template-columns:5fr 3fr 4fr;gap:8px;box-sizing:border-box}
 .hk-bets thead tr{height:32px;padding:8px 12px;border:0;border-bottom:1px solid #022123;background:rgba(1,19,20,.8)}
 .hk-bets tbody tr{min-height:49.5px;align-items:center;padding:8px 12px;border:0;border-top:1px solid rgba(2,33,35,.5);animation:hk-bet-enter .3s ease both}
 .hk-bets tbody tr:first-child{border-top:0}
 .hk-bets th,.hk-bets td{display:block;height:auto;padding:0;border:0;background:transparent;min-width:0}
 .hk-bets th{color:#55a9af;font-size:10px;font-weight:600;line-height:15px;text-align:left;text-transform:uppercase;letter-spacing:.025em}
 .hk-bets th:nth-child(2),.hk-bets td:nth-child(2){text-align:right}
 .hk-bets th:nth-child(3),.hk-bets td:nth-child(3){display:none}
 .hk-bets th:nth-child(4),.hk-bets td:nth-child(4){text-align:right}
 .hk-bets th:nth-child(1),.hk-bets td:nth-child(1){grid-column:1}
 .hk-bets th:nth-child(2),.hk-bets td:nth-child(2){grid-column:2}
 .hk-bets th:nth-child(4),.hk-bets td:nth-child(4){grid-column:3}
 .hk-bet-game{min-width:0;gap:8px}
 .hk-bet-game img{width:28px;height:28px;border-radius:6px;background:#082526}
 .hk-bet-game span.hk-bet-game__copy{min-width:0;color:inherit;font-size:inherit;font-weight:inherit}
 .hk-bet-title{display:block;color:#4eb8c0;font-size:12px;font-weight:500;line-height:16px}
 .hk-bet-user{display:block;overflow:hidden;color:#05484d;font-size:10px;font-weight:400;line-height:15px;text-overflow:ellipsis;white-space:nowrap}
 .hk-bet-amount,.hk-bet-payment>span{color:#4eb8c0;font-size:11px;font-weight:500;line-height:16.5px}
 .hk-bet-payment{flex-direction:column;align-items:flex-end;line-height:1}
 .hk-bet-mobile-multiplier{display:block;margin-top:2px;padding:0 4px;color:#55a9af;font-size:10px;font-weight:700;line-height:15px}
 .hk-bet-mobile-multiplier.is-hot{color:#f2c866}
 .hk-bets td[colspan]{grid-column:1/-1!important;padding:30px 8px;text-align:center}
}

@media(max-width:767px){.hk-bet-game .hk-bet-title{color:#4eb8c0;font-size:12px;font-weight:500;line-height:16px}}


/* Reference uses a 340x148 compact race card at this mobile width. */
@media(max-width:559px){
 .hk-races{contain-intrinsic-size:270px}
 .hk-race-row{gap:14px}
 .hk-race-row>.hk-race-card{grid-template-rows:28px 1fr auto 24px;flex-basis:min(340px,calc(100vw - 46px));width:min(340px,calc(100vw - 46px));height:148px;min-height:148px;max-height:148px;padding:10px 14px 9px;border-radius:13px}
 .hk-race-card header>small{padding:7px 11px;font-size:9px}
 .hk-race-card .hk-lb-live-countdown.is-compact{height:28px;padding:0 8px;border-radius:9px}
 .hk-race-card .hk-lb-live-countdown.is-compact>span{min-width:17px}
 .hk-race-card .hk-lb-live-countdown.is-compact b{font-size:15px}
 .hk-race-card .hk-lb-live-countdown.is-compact>span:not(:last-child):after{margin-inline:1px;font-size:13px}
 .hk-race-prize span{font-size:8px;letter-spacing:2px}
 .hk-race-prize strong{font-size:30px}
 .hk-race-prize i{font-size:10px}
 .hk-race-card h3{margin:0 auto 1px;font-size:11px;line-height:1.12}
 .hk-race-card footer,.hk-race-card footer b{font-size:9px}
 .hk-race-card footer em{font-size:11px}
 .hk-race-confetti{inset:18px 8px 8px}
 .hk-race-confetti i{width:5px;height:5px}
 .hk-race-dots{margin-top:12px}
}


/* Desktop homepage reference alignment: compact live winners and header rhythm. */
@media (min-width:1024px) {
    .herkul-header__inner { padding-left:160px; }
    .herkul-sidebar-is-compact .herkul-header__inner { padding-left:240px; }

    .hk-winners {
        min-height:180px;
        margin-bottom:24px;
        padding-top:18px;
    }
    .hk-winners-row {
        display:grid;
        grid-template-columns:repeat(12,minmax(0,1fr));
        gap:8px;
        overflow:hidden;
    }
    .hk-winners-row a {
        display:flex;
        min-width:0;
        flex:none;
        gap:4px;
    }
    .hk-winners-row img {
        width:100%;
        aspect-ratio:3 / 4;
        border-radius:7px;
    }
    .hk-winners-row span,
    .hk-winners-row strong {
        font-size:10px;
        line-height:1.25;
    }
}

/* Header follows the reference’s centred 1400px desktop rail. */
@media (min-width:1024px) {
    .herkul-header__inner {
        width:min(100%, 1400px);
        max-width:1400px;
        height:64px;
        margin-inline:auto;
        padding:0 24px;
        box-sizing:border-box;
    }
    .herkul-sidebar-is-compact .herkul-header__inner {
        padding-left:24px;
    }
    .herkul-brand {
        flex:0 0 184px;
        width:184px;
        height:32px;
        margin:0;
    }
    .herkul-brand img {
        width:184px;
        height:32px;
        object-fit:contain;
    }
}

/* Desktop homepage fidelity pass: single-line winners, compact races and live bets. */
.hk-winners-row {
    display:grid;
    grid-auto-flow:column;
    grid-template-rows:minmax(0,1fr);
    overflow:hidden;
}

@media (min-width:1024px) {
    .herkul-sidebar-top {
        padding-left:22px;
        padding-right:0;
        gap:10px;
    }
    .herkul-sidebar-top>.herkul-icon-button {
        width:32px;
    }
    .herkul-mode-switch {
        gap:0;
    }
    .herkul-mode-switch a {
        min-width:80px;
        height:40px;
        padding:0 8px;
    }
    .herkul-mode-switch a.is-active {
        gap:0;
        border:1px solid rgba(255,229,164,.34);
        background:linear-gradient(135deg,#f0cd7a,#dfad50);
        box-shadow:0 0 18px rgba(228,187,108,.46),inset 0 1px rgba(255,255,255,.25);
    }
    .herkul-mode-switch a.is-active svg {
        order:2;
        width:27px;
        height:27px;
        margin:0 -6px 0 -1px;
        opacity:.34;
    }
    .herkul-mode-switch a:not(.is-active) svg {
        width:28px;
        height:28px;
        margin-right:-13px;
        opacity:.22;
    }

    .hk-winners {
        min-height:190px;
        margin-bottom:24px;
        padding-top:32px;
    }
    .hk-winners-row {
        grid-template-columns:none;
        grid-auto-columns:calc((100% - 88px)/12);
        gap:8px;
    }

    .hk-races {
        margin:34px 0 26px;
        contain-intrinsic-size:260px;
    }
    .hk-races__heading {
        margin-bottom:16px;
    }
    .hk-races__heading .herkul-section-heading__icon {
        width:44px;
        height:44px;
        flex:0 0 44px;
        border-radius:11px;
    }
    .hk-races__heading .herkul-section-heading__icon svg {
        width:20px;
        height:20px;
    }
    .hk-races__heading h2 {
        font-size:18px;
    }
    .hk-races__heading p {
        gap:7px;
        margin-top:3px;
        font-size:11px;
    }
    .hk-races__heading p i {
        width:7px;
        height:7px;
    }
    .hk-races .herkul-section-heading__actions {
        gap:7px;
    }
    .hk-races .herkul-section-heading__actions .hk-see-all {
        height:36px;
        padding:0 14px;
        border-radius:10px;
        font-size:11px;
    }
    .hk-races .herkul-section-heading__actions button {
        width:36px;
        height:36px;
    }
    .hk-race-row {
        display:grid;
        grid-auto-flow:column;
        grid-template-columns:none;
        grid-auto-columns:calc((100% - 28px)/3);
        gap:14px;
        padding:0;
        overflow-x:auto;
        scroll-snap-type:x mandatory;
    }
    .hk-race-row>.hk-race-card {
        grid-template-rows:28px 1fr auto 24px;
        width:auto;
        height:148px;
        min-height:148px;
        padding:10px 14px 9px;
        border-radius:13px;
        scroll-snap-align:start;
    }
    .hk-race-card header>small {
        padding:7px 11px;
        border-radius:8px;
        font-size:9px;
    }
    .hk-race-card .hk-lb-live-countdown.is-compact {
        height:28px;
        margin:0;
        padding:0 8px;
        border-radius:9px;
    }
    .hk-race-card .hk-lb-live-countdown.is-compact>span {
        min-width:17px;
    }
    .hk-race-card .hk-lb-live-countdown.is-compact b {
        font-size:15px;
    }
    .hk-race-card .hk-lb-live-countdown.is-compact>span:not(:last-child):after {
        margin-inline:1px;
        font-size:13px;
    }
    .hk-race-prize span {
        font-size:8px;
        letter-spacing:2px;
    }
    .hk-race-prize strong {
        font-size:30px;
    }
    .hk-race-prize i {
        font-size:10px;
    }
    .hk-race-card h3 {
        margin:0 auto 1px;
        font-size:11px;
        line-height:1.12;
    }
    .hk-race-card footer,
    .hk-race-card footer b {
        font-size:9px;
    }
    .hk-race-card footer em {
        font-size:11px;
    }
    .hk-race-confetti {
        inset:18px 8px 8px;
    }
    .hk-race-confetti i {
        width:5px;
        height:5px;
    }
    .hk-race-dots {
        gap:7px;
        margin:12px 0 8px;
    }
    .hk-race-dots i {
        width:7px;
        height:7px;
    }
    .hk-race-dots i.is-active {
        width:30px;
    }

    .hk-bets {
        margin:22px 0 34px;
        contain-intrinsic-size:610px;
    }
    .hk-bets-controls {
        margin-bottom:16px;
    }
    .hk-bets-controls [role=tablist] {
        padding:4px;
        border-radius:9px;
    }
    .hk-bets-controls [role=tab] {
        min-width:116px;
        height:36px;
        padding:0 12px;
        border-radius:7px;
        font-size:12px;
    }
    .hk-refresh {
        gap:8px;
        padding:4px;
    }
    .hk-refresh>span {
        width:46px;
        height:26px;
    }
    .hk-refresh>span:after {
        top:3px;
        left:3px;
        width:20px;
        height:20px;
    }
    .hk-refresh.is-active>span:after,
    .hk-refresh>input:checked+span:after {
        transform:translateX(20px);
    }
    .hk-refresh>i {
        width:8px;
        height:8px;
    }
    .hk-bets-table {
        border-radius:12px;
    }
    .hk-bets table {
        table-layout:fixed;
        font-size:12px;
    }
    .hk-bets th {
        height:42px;
        padding:0 16px;
        font-size:10px;
    }
    .hk-bets th:nth-child(1) { width:25%; }
    .hk-bets th:nth-child(2) { width:21%; }
    .hk-bets th:nth-child(3) { width:19%; }
    .hk-bets th:nth-child(4) { width:16%; }
    .hk-bets th:nth-child(5) { width:19%; }
    .hk-bets td {
        height:56px;
        padding:7px 16px;
        font-size:12px;
    }
    .hk-bets td:nth-child(n+2),
    .hk-bets th:nth-child(n+2) {
        text-align:right;
    }
    .hk-bet-game {
        gap:10px;
    }
    .hk-bet-game img {
        width:32px;
        height:32px;
        border-radius:7px;
    }
    .hk-bet-game span,
    .hk-bet-title {
        font-size:12px;
    }
    .hk-bet-user-cell {
        color:#338f96;
        font-size:11px;
    }
}

@media (min-width:480px) and (max-width:1023px) {
    .hk-winners {
        min-height:215px;
        padding-top:42px;
    }
    .hk-winners-row {
        grid-template-columns:none;
        grid-auto-columns:calc((100% - 40px)/6);
        gap:8px;
    }
}

@media (max-width:479px) {
    .hk-winners-row {
        grid-template-columns:none;
        grid-auto-columns:calc((100% - 24px)/4);
        gap:8px;
    }
}

@media (max-width:767px) {
    .hk-bets thead tr,
    .hk-bets tbody tr {
        grid-template-columns:5fr 3fr 4fr;
    }
    .hk-bets th:nth-child(2),
    .hk-bets td:nth-child(2),
    .hk-bets th:nth-child(4),
    .hk-bets td:nth-child(4) {
        display:none;
    }
    .hk-bets th:nth-child(1),
    .hk-bets td:nth-child(1) {
        display:block;
        grid-column:1;
        text-align:left;
    }
    .hk-bets th:nth-child(3),
    .hk-bets td:nth-child(3) {
        display:block;
        grid-column:2;
        text-align:right;
    }
    .hk-bets th:nth-child(5),
    .hk-bets td:nth-child(5) {
        display:block;
        grid-column:3;
        text-align:right;
    }
}

/*
 * Desktop canvas: the reference keeps the storefront in a fixed centre column
 * between the navigation and chat rails.  Without this cap, ultra-wide screens
 * make every banner and game tile grow with the window.
 */
@media (min-width:1024px) {
    .herkul-main > .herkul-home,
    .herkul-main > .hk-collection-page,
    .herkul-main > .hk-provider-detail,
    .herkul-main > .hk-lb-page {
        width:min(100%, 1360px);
        margin-inline:auto;
        box-sizing:border-box;
    }

    .herkul-home {
        padding:20px 24px 52px;
    }

    /* Winners stay as one compact desktop strip: 12 cards, never two rows. */
    .hk-winners {
        min-height:0;
        margin-bottom:26px;
        padding-top:26px;
    }
    .hk-winners-row {
        display:grid;
        grid-auto-flow:unset;
        grid-template-columns:repeat(12, minmax(0, 1fr));
        grid-auto-columns:auto;
        gap:8px;
        overflow:hidden;
    }
    .hk-winners-row a {
        display:flex;
        min-width:0;
    }

    /* Tournament tiles retain the source’s compact carousel dimensions. */
    .hk-race-row {
        display:grid;
        grid-auto-flow:column;
        grid-template-columns:none;
        grid-auto-columns:minmax(290px, 340px);
        gap:14px;
        overflow-x:auto;
    }
    .hk-race-row > .hk-race-card {
        width:auto;
        height:148px;
        min-height:148px;
        max-height:148px;
    }
}

/* BetaCasino desktop content rail: every normal storefront page uses the same box. */
@media (min-width:1024px) {
    .herkul-main > * {
        width:min(100%, 1360px);
        margin-inline:auto;
        box-sizing:border-box;
    }
    .herkul-casino-page {
        padding:22px 24px 56px;
    }
    .herkul-slot-races {
        margin:28px 0 42px;
    }
}