/* berandakecil — Live Result content v2
   Header/auth/theme/hamburger are owned by the main-site baseline. */

:root{
  --bk-bg:var(--bg);
  --bk-panel:var(--panel);
  --bk-panel-2:var(--panel-2);
  --bk-panel-3:var(--soft);
  --bk-border:var(--border);
  --bk-text:var(--text);
  --bk-muted:var(--muted);
  --bk-accent:var(--accent);
  --bk-accent-2:var(--accent-2);
  --bk-ok:var(--ok);
  --bk-warn:var(--warn);
  --bk-shadow:var(--shadow);
  --bk-radius:22px;
  --bk-max:1180px;
}

.bk-lr-shell{
  width:min(calc(100% - 32px),var(--bk-max));
  margin:0 auto;
}

.bk-lr-main{padding:38px 0 64px}
.bk-lr-kicker{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 12px;border-radius:999px;border:1px solid var(--bk-border);
  color:#e1caa6;background:rgba(208,182,142,.08);
  font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
}
.bk-lr-kicker::before{
  content:"";width:7px;height:7px;border-radius:50%;background:var(--bk-ok);
}
.bk-lr-hero{
  display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.8fr);
  gap:20px;margin-bottom:26px;
}
.bk-lr-hero-card,.bk-lr-side-card,.bk-lr-card{
  border:1px solid var(--bk-border);
  border-radius:var(--bk-radius);
  background:linear-gradient(145deg,rgba(34,43,31,.96),rgba(24,31,22,.96));
  box-shadow:var(--bk-shadow);
}
.bk-lr-hero-card{padding:30px}
.bk-lr-hero h1{
  font-size:clamp(31px,5vw,54px);
  line-height:1.02;letter-spacing:-.045em;margin:16px 0 14px;
}
.bk-lr-hero p{margin:0;color:var(--bk-muted);line-height:1.7;max-width:760px}
.bk-lr-side-card{padding:24px;display:flex;flex-direction:column;justify-content:space-between}
.bk-lr-side-label{color:var(--bk-muted);font-size:12px;text-transform:uppercase;font-weight:800}
.bk-lr-side-value{font-size:28px;font-weight:900;margin-top:8px}
.bk-lr-status{
  display:inline-flex;align-items:center;width:max-content;
  padding:8px 11px;border:1px solid var(--bk-border);
  border-radius:999px;font-weight:800;font-size:11px;text-transform:uppercase;
}
.bk-lr-status[data-status="final"]{color:#dce8c8;background:rgba(156,173,130,.08)}
.bk-lr-status[data-status="partial"]{color:#ead5aa;background:rgba(216,188,140,.08)}
.bk-lr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bk-lr-market-card{
  position:relative;overflow:hidden;
  min-height:300px;padding:22px;
}
.bk-lr-market-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.bk-lr-market-name{font-size:23px;font-weight:900}
.bk-lr-market-meta{margin-top:4px;color:var(--bk-muted);font-size:12px}
.bk-lr-pill{
  border:1px solid var(--bk-border);border-radius:999px;
  padding:7px 10px;color:#d9d4bb;font-size:10px;font-weight:900;text-transform:uppercase;
}
.bk-lr-preview{
  margin:24px 0 20px;
  display:flex;gap:8px;flex-wrap:wrap;
}
.bk-lr-digit{
  width:44px;height:44px;border-radius:50%;
  display:grid;place-items:center;font-weight:900;font-size:19px;
  border:1px solid rgba(208,182,142,.35);
  background:#172016;box-shadow:inset 0 -6px 12px rgba(0,0,0,.22);
}
.bk-lr-empty{color:var(--bk-muted);font-size:14px;line-height:1.6}
.bk-lr-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.bk-lr-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  min-height:42px;padding:0 14px;border-radius:13px;
  border:1px solid var(--bk-border);background:#273222;color:#f2edda;
  font-weight:800;font-size:13px;
}
.bk-lr-btn:hover{filter:brightness(1.08)}
.bk-lr-btn-primary{background:var(--bk-accent);color:#17160f;border-color:transparent}
.bk-lr-section{margin-top:26px}
.bk-lr-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:14px}
.bk-lr-section h2{margin:0;font-size:24px}
.bk-lr-section p{margin:5px 0 0;color:var(--bk-muted);font-size:13px}
.bk-lr-detail-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.65fr);gap:18px}
.bk-lr-result-card{padding:24px}
.bk-lr-prize-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bk-lr-prize{
  padding:18px;border-radius:17px;border:1px solid var(--bk-border);
  background:rgba(12,17,11,.28);
}
.bk-lr-prize-label{color:var(--bk-muted);font-size:11px;text-transform:uppercase;font-weight:900}
.bk-lr-prize-value{font-size:30px;font-weight:950;letter-spacing:.08em;margin-top:8px}
.bk-lr-number-list{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:12px;
}
.bk-lr-number{
  min-height:48px;display:grid;place-items:center;text-align:center;
  border-radius:13px;border:1px solid var(--bk-border);background:#151d14;
  font-weight:900;letter-spacing:.08em;
}
.bk-lr-subsection{
  margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07);
}
.bk-lr-subsection h3{margin:0 0 6px;font-size:16px}
.bk-lr-subsection p{margin:0;color:var(--bk-muted);font-size:12px}
.bk-lr-info-card{padding:22px}
.bk-lr-info-row{
  display:flex;justify-content:space-between;gap:18px;
  padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06);
  font-size:13px;
}
.bk-lr-info-row:last-child{border-bottom:0}
.bk-lr-info-row span:first-child{color:var(--bk-muted)}
.bk-lr-notice{
  margin-top:18px;padding:14px 16px;border-radius:15px;
  border:1px solid var(--bk-border);background:rgba(208,182,142,.05);
  color:#cbc7ad;font-size:12px;line-height:1.55;
}
.bk-lr-history{display:grid;gap:8px}
.bk-lr-history-row{
  display:flex;justify-content:space-between;gap:14px;
  padding:12px 14px;border-radius:13px;border:1px solid rgba(255,255,255,.06);
  background:rgba(10,14,9,.24);font-size:13px;
}
.bk-lr-history-result{font-weight:900;letter-spacing:.1em}
.bk-lr-footer{
  border-top:1px solid rgba(255,255,255,.06);
  padding:28px 0 34px;color:#9f9f8d;font-size:12px;
}
.bk-lr-footer-inner{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
.bk-lr-skeleton{opacity:.65;animation:bkPulse 1.2s infinite alternate}
@keyframes bkPulse{to{opacity:.35}}
@media(max-width:920px){
  .bk-lr-hero,.bk-lr-detail-layout{grid-template-columns:1fr}
  .bk-lr-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .bk-lr-shell{width:min(calc(100% - 20px),var(--bk-max))}
  .bk-lr-main{padding-top:24px}
  .bk-lr-hero-card,.bk-lr-side-card,.bk-lr-result-card,.bk-lr-info-card{padding:19px}
  .bk-lr-prize-grid{grid-template-columns:1fr}
  .bk-lr-number-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* SEO/content layer — keeps result UI primary and editorial copy secondary. */
.bk-lr-breadcrumb{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 18px;
  color:var(--bk-muted);
  font-size:12px;
  line-height:1.4;
}
.bk-lr-breadcrumb a{
  color:#d9c49f;
  text-decoration:none;
}
.bk-lr-breadcrumb a:hover{
  text-decoration:underline;
  text-underline-offset:3px;
}
.bk-lr-seo-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:26px;
}
.bk-lr-content-card{
  padding:22px;
}
.bk-lr-content-card h2{
  margin:0 0 10px;
  font-size:18px;
  line-height:1.3;
  letter-spacing:-.015em;
}
.bk-lr-content-card p{
  margin:0;
  color:var(--bk-muted);
  font-size:14px;
  line-height:1.75;
}
.bk-lr-content-card strong{
  color:#ebe4cf;
}
.bk-lr-content-card a{
  color:#e0c59b;
  text-decoration:underline;
  text-decoration-color:rgba(224,197,155,.38);
  text-underline-offset:3px;
}
.bk-lr-content-card a:hover{
  text-decoration-color:currentColor;
}
.bk-lr-market-content{
  margin-top:22px;
}
@media(max-width:920px){
  .bk-lr-seo-grid{
    grid-template-columns:1fr;
  }
}


/* Follow the same light/dark state controlled by common.js. */
html[data-theme="light"] .bk-lr-hero-card,
html[data-theme="light"] .bk-lr-side-card,
html[data-theme="light"] .bk-lr-card{
  background:linear-gradient(145deg,var(--panel),var(--panel-2));
  color:var(--text);
}
html[data-theme="light"] .bk-lr-prize,
html[data-theme="light"] .bk-lr-number,
html[data-theme="light"] .bk-lr-digit,
html[data-theme="light"] .bk-lr-btn{
  background:var(--panel-2);
  color:var(--text);
}
html[data-theme="light"] .bk-lr-btn-primary{
  background:var(--accent);
  color:#fff;
}


/* ============================================================
   LIVE RESULT DETAIL — MODEL #3 / v3
   ============================================================ */
.bk-lr-detail-page{--market-glow:rgba(206,178,129,.16);--market-line:rgba(206,178,129,.24)}
.bk-lr-detail-page[data-market-accent="hongkong"]{--market-glow:rgba(195,160,83,.18);--market-line:rgba(211,178,102,.30)}
.bk-lr-detail-page[data-market-accent="sydney"]{--market-glow:rgba(117,151,177,.15);--market-line:rgba(147,171,188,.27)}
.bk-lr-detail-page[data-market-accent="singapore"]{--market-glow:rgba(194,117,104,.13);--market-line:rgba(205,148,126,.26)}

.bk-lr-detail-hero{
  position:relative;overflow:hidden;min-height:286px;
  display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.62fr);
  gap:22px;margin-bottom:18px;padding:32px;
  border:1px solid var(--bk-border);border-radius:28px;
  background:
    radial-gradient(circle at 68% 18%,var(--market-glow),transparent 24%),
    radial-gradient(circle at 88% 88%,rgba(107,128,89,.13),transparent 26%),
    linear-gradient(132deg,rgba(29,38,27,.98),rgba(15,21,15,.98));
  box-shadow:var(--bk-shadow)
}
.bk-lr-detail-hero::before{
  content:"";position:absolute;z-index:0;inset:auto 0 0 44%;height:72%;opacity:.27;pointer-events:none;
  background:linear-gradient(90deg,transparent 0 5%,rgba(219,199,161,.12) 5% 7%,transparent 7% 13%,rgba(219,199,161,.08) 13% 17%,transparent 17% 24%,rgba(219,199,161,.13) 24% 26%,transparent 26% 34%,rgba(219,199,161,.08) 34% 40%,transparent 40% 48%,rgba(219,199,161,.12) 48% 51%,transparent 51% 59%,rgba(219,199,161,.07) 59% 65%,transparent 65% 73%,rgba(219,199,161,.11) 73% 76%,transparent 76% 100%);
  clip-path:polygon(0 100%,0 64%,5% 64%,5% 42%,9% 42%,9% 72%,14% 72%,14% 35%,19% 35%,19% 78%,25% 78%,25% 52%,30% 52%,30% 24%,35% 24%,35% 70%,41% 70%,41% 48%,46% 48%,46% 14%,51% 14%,51% 63%,57% 63%,57% 40%,62% 40%,62% 76%,68% 76%,68% 31%,73% 31%,73% 58%,79% 58%,79% 22%,84% 22%,84% 70%,90% 70%,90% 46%,95% 46%,95% 74%,100% 74%,100% 100%)
}
.bk-lr-detail-hero::after{
  content:"";position:absolute;z-index:0;left:45%;right:-8%;bottom:26%;height:1px;
  background:linear-gradient(90deg,transparent,var(--market-line),transparent);
  box-shadow:80px 18px 0 rgba(214,190,149,.09),160px -8px 0 rgba(214,190,149,.08),240px 26px 0 rgba(214,190,149,.08)
}
.bk-lr-detail-hero-copy,.bk-lr-detail-hero-panel{position:relative;z-index:1}
.bk-lr-detail-hero-copy{align-self:center}
.bk-lr-market-tag{display:inline-block;margin-left:9px;color:#d6c7a7;font-size:11px;font-weight:800;letter-spacing:.045em;text-transform:uppercase}
.bk-lr-detail-hero h1{margin:18px 0 10px;max-width:720px;font-size:clamp(38px,6vw,66px);line-height:.98;letter-spacing:-.055em}
.bk-lr-detail-hero-copy>p{max-width:680px;margin:0;color:var(--bk-muted);font-size:15px;line-height:1.7}

.bk-lr-hero-meta{display:flex;flex-wrap:wrap;gap:0;margin-top:24px}
.bk-lr-hero-meta-item{display:grid;gap:4px;min-width:120px;padding:0 22px;border-left:1px solid rgba(255,255,255,.08)}
.bk-lr-hero-meta-item:first-child{padding-left:0;border-left:0}
.bk-lr-hero-meta-item span{color:var(--bk-muted);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.bk-lr-hero-meta-item strong{font-size:12px}

.bk-lr-detail-hero-panel{
  display:flex;flex-direction:column;justify-content:center;gap:14px;padding:20px;
  border:1px solid rgba(255,255,255,.08);border-radius:20px;
  background:rgba(12,17,11,.48);backdrop-filter:blur(8px)
}
.bk-lr-hero-status-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.bk-lr-live-dot{width:9px;height:9px;border-radius:50%;background:#596650;box-shadow:0 0 0 5px rgba(89,102,80,.09)}
.bk-lr-detail-page[data-live-status="partial"] .bk-lr-live-dot{background:#9fd97d;box-shadow:0 0 0 5px rgba(159,217,125,.10),0 0 18px rgba(159,217,125,.28)}
.bk-lr-detail-page[data-live-status="final"] .bk-lr-live-dot{background:#cbb58d;box-shadow:0 0 0 5px rgba(203,181,141,.10)}

.bk-lr-hero-date-block,.bk-lr-hero-drawno{display:grid;gap:4px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.bk-lr-hero-date-block span,.bk-lr-hero-drawno span{color:var(--bk-muted);font-size:10px;text-transform:uppercase;font-weight:800}
.bk-lr-hero-date-block strong,.bk-lr-hero-drawno strong{font-size:13px}
.bk-lr-hero-back{margin-top:4px;width:100%}

.bk-lr-main-prizes{
  padding:24px;margin-bottom:16px;
  background:radial-gradient(circle at 16% 20%,var(--market-glow),transparent 22%),linear-gradient(145deg,rgba(31,40,28,.97),rgba(22,29,21,.97))
}
.bk-lr-section-head-compact{align-items:center}
.bk-lr-section-kicker{display:block;margin-bottom:5px;color:#c9b991;font-size:9px;font-weight:900;letter-spacing:.10em;text-transform:uppercase}
.bk-lr-section-head-compact h2,.bk-lr-secondary-head h2,.bk-lr-related-markets h2{margin:0}
.bk-lr-mini-status{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:6px 10px;border:1px solid var(--bk-border);border-radius:999px;color:var(--bk-muted);font-size:9px;font-weight:900}
.bk-lr-mini-status[data-status="partial"]{color:#a8d38c;border-color:rgba(159,211,140,.28);background:rgba(159,211,140,.07)}
.bk-lr-mini-status[data-status="final"]{color:#dac395;border-color:rgba(218,195,149,.30);background:rgba(218,195,149,.07)}

.bk-lr-prize-grid-v3{gap:14px;margin-top:18px}
.bk-lr-prize-grid-v3 .bk-lr-prize{
  position:relative;overflow:hidden;min-height:156px;display:grid;align-content:center;padding:22px;
  background:linear-gradient(155deg,rgba(23,31,21,.92),rgba(14,20,14,.90))
}
.bk-lr-prize-grid-v3 .bk-lr-prize::after{
  content:"";position:absolute;left:12%;right:12%;bottom:-2px;height:2px;
  background:linear-gradient(90deg,transparent,var(--market-line),transparent);box-shadow:0 -3px 22px var(--market-glow)
}
.bk-lr-prize-rank{position:absolute;top:15px;right:16px;width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:50%;color:#cabb99;font-size:11px;font-weight:900}
.bk-lr-prize-first{border-color:rgba(205,177,122,.42)!important}
.bk-lr-prize-value{margin-top:10px;font-size:clamp(31px,4vw,47px);font-variant-numeric:tabular-nums;letter-spacing:.075em}

.bk-lr-secondary-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}
.bk-lr-secondary-card{padding:22px;min-width:0}
.bk-lr-secondary-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.bk-lr-secondary-head h2{font-size:20px}
.bk-lr-secondary-head p{margin:5px 0 0;color:var(--bk-muted);font-size:11px}
.bk-lr-progress-text{flex:0 0 auto;padding:6px 9px;border:1px solid var(--bk-border);border-radius:999px;color:var(--bk-muted);font-size:9px;font-weight:850}
.bk-lr-secondary-card .bk-lr-number-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.bk-lr-detail-page[data-market-accent="singapore"] .bk-lr-secondary-card .bk-lr-number-list{grid-template-columns:repeat(5,minmax(0,1fr))}
.bk-lr-detail-page[data-secondary-mode="compact"] .bk-lr-secondary-card .bk-lr-number-list{grid-template-columns:1fr}
.bk-lr-secondary-card .bk-lr-number{min-height:52px;background:rgba(12,17,11,.28);font-size:15px}
.bk-lr-secondary-card .bk-lr-number.is-filled{color:#f4ead2;border-color:rgba(206,178,129,.28)}
.bk-lr-secondary-card .bk-lr-number.is-empty{color:#66705e;border-style:dashed}

.bk-lr-empty-state{min-height:118px;display:grid;place-items:center;align-content:center;gap:4px;text-align:center;color:var(--bk-muted);border:1px dashed rgba(255,255,255,.09);border-radius:15px;background:rgba(10,14,9,.18)}
.bk-lr-empty-state-mark{color:#a79f87;font-size:28px;line-height:1}
.bk-lr-empty-state strong{color:#d1cbb8;font-size:12px}
.bk-lr-empty-state span:last-child{font-size:10px}

.bk-lr-detail-lower{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:16px;margin-bottom:16px}
.bk-lr-recap-card,.bk-lr-market-info-card{padding:22px}
.bk-lr-text-link{color:#dbc398;font-size:11px;font-weight:850}
.bk-lr-recap-table{overflow:hidden;border:1px solid rgba(255,255,255,.06);border-radius:14px}
.bk-lr-recap-head,.bk-lr-recap-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(120px,.55fr);gap:14px;align-items:center}
.bk-lr-recap-head{padding:10px 14px;background:rgba(255,255,255,.025);color:var(--bk-muted);font-size:9px;font-weight:900;letter-spacing:.055em;text-transform:uppercase}
.bk-lr-recap-row{padding:12px 14px;border-top:1px solid rgba(255,255,255,.055);font-size:12px}
.bk-lr-recap-row strong{text-align:right;font-variant-numeric:tabular-nums;letter-spacing:.06em}
.bk-lr-market-info-card .bk-lr-info-row{padding:11px 0}
.bk-lr-market-note{margin-top:14px}

.bk-lr-related-markets{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:16px;padding:20px 22px}
.bk-lr-related-markets h2{font-size:18px}
.bk-lr-related-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:10px;width:min(100%,620px)}
.bk-lr-related-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:0 15px;border:1px solid var(--bk-border);border-radius:13px;background:rgba(255,255,255,.025);color:var(--bk-text);font-size:12px;font-weight:850}
.bk-lr-related-link:hover{border-color:rgba(206,178,129,.36);transform:translateY(-1px)}

html[data-theme="light"] .bk-lr-detail-hero{background:radial-gradient(circle at 68% 18%,var(--market-glow),transparent 24%),linear-gradient(132deg,var(--panel),var(--panel-2))}
html[data-theme="light"] .bk-lr-detail-hero-panel,
html[data-theme="light"] .bk-lr-prize-grid-v3 .bk-lr-prize,
html[data-theme="light"] .bk-lr-secondary-card .bk-lr-number{background:rgba(255,255,255,.62)}
html[data-theme="light"] .bk-lr-empty-state{background:rgba(255,255,255,.35);border-color:rgba(42,48,38,.13)}
html[data-theme="light"] .bk-lr-recap-table,
html[data-theme="light"] .bk-lr-recap-row{border-color:rgba(42,48,38,.10)}

@media(max-width:980px){
  .bk-lr-detail-hero,.bk-lr-detail-lower{grid-template-columns:1fr}
  .bk-lr-detail-hero{min-height:0}
  .bk-lr-detail-hero::before{inset:auto 0 0 24%;height:54%}
  .bk-lr-detail-hero-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .bk-lr-hero-status-row,.bk-lr-hero-back{grid-column:1/-1}
  .bk-lr-related-markets{align-items:flex-start;flex-direction:column}
  .bk-lr-related-grid{width:100%}
}
@media(max-width:760px){
  .bk-lr-detail-hero{padding:23px;border-radius:22px}
  .bk-lr-detail-hero h1{font-size:clamp(36px,12vw,54px)}
  .bk-lr-hero-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .bk-lr-hero-meta-item{min-width:0;padding:0 12px}
  .bk-lr-prize-grid-v3{grid-template-columns:1fr}
  .bk-lr-prize-grid-v3 .bk-lr-prize{min-height:126px}
  .bk-lr-secondary-results{grid-template-columns:1fr}
  .bk-lr-detail-page[data-market-accent="singapore"] .bk-lr-secondary-card .bk-lr-number-list,
  .bk-lr-secondary-card .bk-lr-number-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bk-lr-related-grid{grid-template-columns:1fr}
}
@media(max-width:540px){
  .bk-lr-detail-hero-panel{grid-template-columns:1fr}
  .bk-lr-hero-status-row,.bk-lr-hero-back{grid-column:auto}
  .bk-lr-hero-meta{grid-template-columns:1fr;gap:10px}
  .bk-lr-hero-meta-item{padding:0;border-left:0}
  .bk-lr-main-prizes,.bk-lr-secondary-card,.bk-lr-recap-card,.bk-lr-market-info-card,.bk-lr-related-markets{padding:18px}
  .bk-lr-secondary-head{align-items:flex-start;flex-direction:column}
  .bk-lr-recap-head,.bk-lr-recap-row{grid-template-columns:1fr auto}
}


/* ============================================================
   CONCEPT 3 — faithful composition v3.1
   ============================================================ */
.bk-c3-hero{position:relative;overflow:hidden;min-height:520px;margin-bottom:12px;padding:30px 32px 26px;border:1px solid var(--bk-border);border-radius:26px;background:linear-gradient(135deg,#132015,#0d140e 68%,#0a100b);box-shadow:var(--bk-shadow)}
.bk-c3-art{position:absolute;z-index:0;inset:0;background-image:linear-gradient(90deg,rgba(12,18,12,.98) 0%,rgba(12,18,12,.92) 30%,rgba(12,18,12,.28) 62%,rgba(12,18,12,.48) 100%),linear-gradient(180deg,rgba(11,17,12,.08),rgba(11,17,12,.44)),var(--market-art);background-size:cover,cover,62% auto;background-position:center,right center,right center;background-repeat:no-repeat;opacity:.92;filter:saturate(.78) contrast(1.04)}
.bk-c3-art::after{content:"";position:absolute;inset:auto 0 0 42%;height:24%;background:linear-gradient(180deg,transparent,rgba(7,14,10,.52)),repeating-linear-gradient(0deg,transparent 0 8px,rgba(211,179,122,.08) 8px 9px);opacity:.65}
.bk-c3-copy,.bk-c3-statusbar,.bk-c3-prizes,.bk-c3-updated{position:relative;z-index:2}
.bk-c3-copy{width:min(47%,560px);padding-top:18px}
.bk-c3-copy h1{margin:15px 0 9px;font-size:clamp(48px,6.2vw,76px);line-height:.94;letter-spacing:-.055em}
.bk-c3-copy>p{margin:0;max-width:520px;color:var(--bk-muted);font-size:14px;line-height:1.72}
.bk-c3-meta{display:flex;flex-wrap:wrap;gap:24px;margin-top:26px}
.bk-c3-meta>div{display:grid;gap:3px;padding-left:12px;border-left:1px solid rgba(255,255,255,.08)}
.bk-c3-meta>div:first-child{padding-left:0;border-left:0}
.bk-c3-meta span{color:var(--bk-muted);font-size:9px;text-transform:uppercase;letter-spacing:.04em}
.bk-c3-meta strong{font-size:11px}
.bk-c3-statusbar{position:absolute;top:24px;right:28px;display:flex;align-items:center;gap:9px;color:#b8b8a6;font-size:10px}
.bk-c3-statusbar>span+span{padding-left:9px;border-left:1px solid rgba(255,255,255,.08)}
.bk-c3-prizes{position:absolute;left:43%;right:28px;bottom:40px;display:grid;grid-template-columns:1.12fr 1fr 1fr;gap:12px}
.bk-c3-prize{min-height:146px;display:grid;align-content:center;padding:18px;border:1px solid rgba(255,255,255,.10);border-radius:16px;background:linear-gradient(145deg,rgba(34,43,31,.90),rgba(16,22,16,.92));box-shadow:0 18px 44px rgba(0,0,0,.18)}
.bk-c3-prize.is-first{border-color:rgba(218,181,98,.52);background:radial-gradient(circle at 16% 12%,rgba(225,184,96,.14),transparent 36%),linear-gradient(145deg,rgba(47,46,26,.94),rgba(20,24,16,.94))}
.bk-c3-prize>span{color:#d7c39b;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.035em}
.bk-c3-prize>strong{margin:12px 0 8px;font-size:clamp(27px,3vw,43px);line-height:1;letter-spacing:.055em;font-variant-numeric:tabular-nums}
.bk-c3-prize>small{color:#8e9787;font-size:8px;text-transform:uppercase;letter-spacing:.08em}
.bk-c3-updated{position:absolute;left:32px;bottom:28px;display:grid;gap:2px;color:var(--bk-muted);font-size:9px}
.bk-c3-updated strong{color:#d4d0c1;font-size:10px}

.bk-c3-secondary{display:grid;grid-template-columns:1fr 1.08fr;gap:12px;margin-bottom:12px}
.bk-c3-secondary-card{padding:18px;position:relative}
.bk-c3-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}
.bk-c3-section-head>div:first-child{display:flex;align-items:flex-start;gap:10px}
.bk-c3-section-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border:1px solid rgba(216,188,140,.22);border-radius:10px;color:#dbc28b;background:rgba(216,188,140,.06);font-size:12px;font-weight:900}
.bk-c3-section-head h2{margin:0;font-size:19px}
.bk-c3-section-head p{margin:3px 0 0;color:var(--bk-muted);font-size:10px}
.bk-c3-count{padding:6px 9px;border:1px solid var(--bk-border);border-radius:999px;color:var(--bk-muted);font-size:9px;white-space:nowrap}
.bk-c3-progress{display:block;margin:-5px 0 11px;color:#a9aa98;font-size:9px;text-align:right}
.bk-lr-concept3 .bk-lr-number-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:0}
.bk-lr-concept3[data-market-accent="singapore"] .bk-lr-number-list{grid-template-columns:repeat(5,minmax(0,1fr))}
.bk-lr-concept3[data-secondary-mode="compact"] .bk-lr-number-list{grid-template-columns:1fr}
.bk-lr-concept3 .bk-lr-number{min-height:54px;border-radius:11px;background:rgba(13,19,13,.44);font-size:14px}
.bk-lr-concept3 .bk-lr-number.is-filled{color:#f4ead3;border-color:rgba(207,177,124,.24)}
.bk-lr-concept3 .bk-lr-number.is-empty{color:#778073;border-style:solid}

.bk-c3-lower{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:12px;margin-bottom:16px}
.bk-c3-recap,.bk-c3-info{padding:18px}
.bk-c3-section-head.is-row{align-items:center}
.bk-c3-link{padding:8px 10px;border:1px solid var(--bk-border);border-radius:10px;color:#d4c5a4;font-size:9px;font-weight:850;white-space:nowrap}
.bk-c3-recap-table{overflow:hidden;border:1px solid rgba(255,255,255,.055);border-radius:12px}
.bk-c3-recap-head,.bk-c3-recap-row{display:grid;grid-template-columns:1fr .55fr;gap:12px;align-items:center}
.bk-c3-recap-head{padding:10px 12px;background:rgba(255,255,255,.025);color:var(--bk-muted);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.bk-c3-recap-row{padding:11px 12px;border-top:1px solid rgba(255,255,255,.045);font-size:11px}
.bk-c3-recap-row strong{text-align:right;letter-spacing:.055em}
.bk-c3-info-list{display:grid;gap:2px;margin-top:2px}
.bk-c3-info-list>div{display:grid;grid-template-columns:1fr auto;gap:14px;padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.018);font-size:10px}
.bk-c3-info-list span{color:var(--bk-muted)}
.bk-c3-info-list strong{text-align:right}
.bk-c3-note{position:relative;margin-top:12px;padding:14px 14px 14px 28px;border:1px solid rgba(216,188,140,.20);border-radius:12px;background:linear-gradient(135deg,rgba(216,188,140,.06),rgba(216,188,140,.025));color:#cfc4a8;font-size:10px;line-height:1.6}
.bk-c3-note::before{content:"”";position:absolute;left:10px;top:6px;color:#d2b97d;font-size:26px;line-height:1}

html[data-theme="light"] .bk-c3-hero{background:linear-gradient(135deg,var(--panel),var(--panel-2))}
html[data-theme="light"] .bk-c3-art{filter:saturate(.72) contrast(.96);opacity:.72}
html[data-theme="light"] .bk-c3-prize,html[data-theme="light"] .bk-lr-concept3 .bk-lr-number{background:rgba(255,255,255,.72)}
html[data-theme="light"] .bk-c3-recap-table,html[data-theme="light"] .bk-c3-recap-row{border-color:rgba(42,48,38,.10)}

@media(max-width:980px){
  .bk-c3-hero{min-height:690px}
  .bk-c3-copy{width:min(100%,620px)}
  .bk-c3-prizes{left:32px;right:32px;bottom:38px}
  .bk-c3-updated{bottom:205px}
  .bk-c3-art{background-size:cover,cover,72% auto;background-position:center,right center,right 18%}
  .bk-c3-secondary,.bk-c3-lower{grid-template-columns:1fr}
}
@media(max-width:720px){
  .bk-c3-hero{min-height:0;padding:22px}
  .bk-c3-copy{width:100%}
  .bk-c3-copy h1{font-size:clamp(44px,15vw,62px)}
  .bk-c3-statusbar{position:static;margin-top:18px;flex-wrap:wrap}
  .bk-c3-prizes{position:relative;left:auto;right:auto;bottom:auto;margin-top:24px;grid-template-columns:1fr}
  .bk-c3-prize{min-height:112px}
  .bk-c3-updated{position:static;margin-top:12px}
  .bk-c3-art{opacity:.34;background-size:cover,cover,110% auto;background-position:center,right center,center 12%}
  .bk-c3-meta{gap:14px}
  .bk-lr-concept3 .bk-lr-number-list,.bk-lr-concept3[data-market-accent="singapore"] .bk-lr-number-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bk-c3-section-head,.bk-c3-section-head.is-row{align-items:flex-start;flex-direction:column}
}
@media(max-width:480px){
  .bk-c3-meta{display:grid;grid-template-columns:1fr}
  .bk-c3-prize>strong{font-size:34px}
}


/* ============================================================
   RESULT TILES — v3.2
   Individual visual container for every Starter/Consolation result.
   ============================================================ */

.bk-lr-concept3{
  --starter-tint:rgba(126,156,103,.10);
  --starter-tint-strong:rgba(143,176,115,.17);
  --starter-border:rgba(151,184,121,.28);
  --starter-accent:#a9c78c;

  --consolation-tint:rgba(192,157,91,.085);
  --consolation-tint-strong:rgba(207,170,97,.15);
  --consolation-border:rgba(207,174,108,.27);
  --consolation-accent:#d1b77e;
}

/* Section identity: Starter = olive green, Consolation = warm gold. */
.bk-lr-concept3 .bk-c3-secondary-card:first-child{
  background:
    radial-gradient(circle at 8% 0%,var(--starter-tint-strong),transparent 38%),
    linear-gradient(145deg,rgba(31,41,28,.96),rgba(22,29,21,.96));
}

.bk-lr-concept3 .bk-c3-secondary-card:last-child{
  background:
    radial-gradient(circle at 8% 0%,var(--consolation-tint-strong),transparent 38%),
    linear-gradient(145deg,rgba(36,37,25,.96),rgba(23,28,20,.96));
}

.bk-lr-concept3 .bk-c3-secondary-card:first-child .bk-c3-section-icon{
  color:var(--starter-accent);
  border-color:var(--starter-border);
  background:var(--starter-tint);
}

.bk-lr-concept3 .bk-c3-secondary-card:last-child .bk-c3-section-icon{
  color:var(--consolation-accent);
  border-color:var(--consolation-border);
  background:var(--consolation-tint);
}

/* Every result number owns an individual tile. */
.bk-lr-concept3 #bkStarter .bk-lr-number,
.bk-lr-concept3 #bkConsolation .bk-lr-number{
  position:relative;
  overflow:hidden;
  min-height:62px;
  display:grid;
  place-items:center;
  padding:10px 8px;
  border-width:1px;
  border-style:solid;
  border-radius:12px;
  font-size:15px;
  font-weight:950;
  font-variant-numeric:tabular-nums;
  letter-spacing:.075em;
  text-align:center;
  transition:
    transform .16s ease,
    border-color .16s ease,
    background .16s ease,
    box-shadow .16s ease;
}

/* Starter result tile */
.bk-lr-concept3 #bkStarter .bk-lr-number{
  color:#edf2e8;
  border-color:var(--starter-border);
  background:
    linear-gradient(180deg,rgba(139,170,112,.12),rgba(61,78,53,.10)),
    rgba(13,19,13,.52);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    inset 0 -12px 24px rgba(40,59,36,.10);
}

.bk-lr-concept3 #bkStarter .bk-lr-number::before{
  content:"";
  position:absolute;
  left:13%;
  right:13%;
  bottom:0;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--starter-accent),transparent);
  opacity:.48;
}

/* Consolation result tile */
.bk-lr-concept3 #bkConsolation .bk-lr-number{
  color:#f4ead6;
  border-color:var(--consolation-border);
  background:
    linear-gradient(180deg,rgba(208,173,104,.11),rgba(92,70,36,.08)),
    rgba(15,18,12,.54);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    inset 0 -12px 24px rgba(72,52,22,.09);
}

.bk-lr-concept3 #bkConsolation .bk-lr-number::before{
  content:"";
  position:absolute;
  left:13%;
  right:13%;
  bottom:0;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--consolation-accent),transparent);
  opacity:.48;
}

/* Filled vs pending state remains visually obvious during progressive draws. */
.bk-lr-concept3 #bkStarter .bk-lr-number.is-filled,
.bk-lr-concept3 #bkConsolation .bk-lr-number.is-filled{
  opacity:1;
}

.bk-lr-concept3 #bkStarter .bk-lr-number.is-empty,
.bk-lr-concept3 #bkConsolation .bk-lr-number.is-empty{
  color:#687265;
  border-color:rgba(255,255,255,.075);
  background:rgba(10,14,10,.27);
  box-shadow:none;
}

.bk-lr-concept3 #bkStarter .bk-lr-number.is-empty::before,
.bk-lr-concept3 #bkConsolation .bk-lr-number.is-empty::before{
  opacity:.12;
}

@media(hover:hover){
  .bk-lr-concept3 #bkStarter .bk-lr-number.is-filled:hover,
  .bk-lr-concept3 #bkConsolation .bk-lr-number.is-filled:hover{
    transform:translateY(-2px);
  }

  .bk-lr-concept3 #bkStarter .bk-lr-number.is-filled:hover{
    border-color:rgba(169,199,140,.48);
    background:
      linear-gradient(180deg,rgba(139,170,112,.17),rgba(61,78,53,.13)),
      rgba(13,19,13,.55);
  }

  .bk-lr-concept3 #bkConsolation .bk-lr-number.is-filled:hover{
    border-color:rgba(209,183,126,.48);
    background:
      linear-gradient(180deg,rgba(208,173,104,.16),rgba(92,70,36,.11)),
      rgba(15,18,12,.57);
  }
}

/* Market-specific grids: one component, different output counts. */
.bk-lr-concept3[data-market-accent="hongkong"] #bkStarter .bk-lr-number-list,
.bk-lr-concept3[data-market-accent="hongkong"] #bkConsolation .bk-lr-number-list{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.bk-lr-concept3[data-market-accent="singapore"] #bkStarter .bk-lr-number-list,
.bk-lr-concept3[data-market-accent="singapore"] #bkConsolation .bk-lr-number-list{
  grid-template-columns:repeat(5,minmax(0,1fr));
}

.bk-lr-concept3[data-market-accent="sydney"] #bkStarter .bk-lr-number-list,
.bk-lr-concept3[data-market-accent="sydney"] #bkConsolation .bk-lr-number-list{
  grid-template-columns:1fr;
}

.bk-lr-concept3[data-market-accent="sydney"] #bkStarter .bk-lr-number,
.bk-lr-concept3[data-market-accent="sydney"] #bkConsolation .bk-lr-number{
  min-height:74px;
  font-size:22px;
}

/* Count pill follows section identity. */
.bk-lr-concept3 .bk-c3-secondary-card:first-child .bk-c3-count{
  color:#b8cba6;
  border-color:rgba(151,184,121,.20);
  background:rgba(126,156,103,.055);
}

.bk-lr-concept3 .bk-c3-secondary-card:last-child .bk-c3-count{
  color:#d3c29d;
  border-color:rgba(207,174,108,.20);
  background:rgba(192,157,91,.05);
}

/* Light mode keeps the same distinction without becoming saturated. */
html[data-theme="light"] .bk-lr-concept3 .bk-c3-secondary-card:first-child{
  background:
    radial-gradient(circle at 8% 0%,rgba(126,156,103,.12),transparent 38%),
    linear-gradient(145deg,var(--panel),var(--panel-2));
}

html[data-theme="light"] .bk-lr-concept3 .bk-c3-secondary-card:last-child{
  background:
    radial-gradient(circle at 8% 0%,rgba(192,157,91,.11),transparent 38%),
    linear-gradient(145deg,var(--panel),var(--panel-2));
}

html[data-theme="light"] .bk-lr-concept3 #bkStarter .bk-lr-number{
  color:#43523b;
  border-color:rgba(94,122,73,.25);
  background:rgba(114,145,91,.075);
}

html[data-theme="light"] .bk-lr-concept3 #bkConsolation .bk-lr-number{
  color:#654f2f;
  border-color:rgba(160,126,66,.24);
  background:rgba(185,146,77,.07);
}

html[data-theme="light"] .bk-lr-concept3 #bkStarter .bk-lr-number.is-empty,
html[data-theme="light"] .bk-lr-concept3 #bkConsolation .bk-lr-number.is-empty{
  color:#9a9d94;
  border-color:rgba(42,48,38,.10);
  background:rgba(42,48,38,.025);
}

/* Mobile: readable 2-column tile grid, Sydney remains 1 column. */
@media(max-width:720px){
  .bk-lr-concept3[data-market-accent="hongkong"] #bkStarter .bk-lr-number-list,
  .bk-lr-concept3[data-market-accent="hongkong"] #bkConsolation .bk-lr-number-list,
  .bk-lr-concept3[data-market-accent="singapore"] #bkStarter .bk-lr-number-list,
  .bk-lr-concept3[data-market-accent="singapore"] #bkConsolation .bk-lr-number-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .bk-lr-concept3 #bkStarter .bk-lr-number,
  .bk-lr-concept3 #bkConsolation .bk-lr-number{
    min-height:58px;
    font-size:14px;
  }

  .bk-lr-concept3[data-market-accent="sydney"] #bkStarter .bk-lr-number,
  .bk-lr-concept3[data-market-accent="sydney"] #bkConsolation .bk-lr-number{
    min-height:70px;
    font-size:20px;
  }
}


/* ============================================================
   LIGHT MODE READABILITY — v1
   Live Result Concept 3
   Keep dark mode unchanged; strengthen contrast in light mode.
   ============================================================ */

html[data-theme="light"] .bk-lr-concept3{
  --bk-light-primary:#20291f;
  --bk-light-body:#3f4a3c;
  --bk-light-muted:#566251;
  --bk-light-label:#68745f;
  --bk-light-accent:#805f2d;
  --bk-light-accent-soft:#9b7741;
  --bk-light-border:rgba(54,64,49,.20);
}

/* Lift the artwork behind text instead of leaving the dark-mode overlay intact. */
html[data-theme="light"] .bk-c3-hero::before{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(
      90deg,
      rgba(250,248,241,.94) 0%,
      rgba(250,248,241,.88) 34%,
      rgba(250,248,241,.52) 62%,
      rgba(250,248,241,.62) 100%
    );
}

html[data-theme="light"] .bk-c3-art{
  opacity:.58;
  filter:saturate(.68) contrast(.92) brightness(1.05);
}

html[data-theme="light"] .bk-c3-art::after{
  opacity:.18;
}

/* Hero copy */
html[data-theme="light"] .bk-lr-concept3 .bk-lr-kicker{
  color:#6f532c;
  border-color:rgba(128,95,45,.28);
  background:rgba(155,119,65,.09);
}

html[data-theme="light"] .bk-c3-copy h1{
  color:var(--bk-light-primary);
}

html[data-theme="light"] .bk-c3-copy>p{
  color:var(--bk-light-body);
  font-weight:520;
}

html[data-theme="light"] .bk-c3-meta>div{
  border-left-color:var(--bk-light-border);
}

html[data-theme="light"] .bk-c3-meta span{
  color:var(--bk-light-label);
  font-weight:850;
}

html[data-theme="light"] .bk-c3-meta strong{
  color:var(--bk-light-primary);
  font-weight:850;
}

/* Status/date row */
html[data-theme="light"] .bk-c3-statusbar{
  color:var(--bk-light-body);
  font-weight:650;
}

html[data-theme="light"] .bk-c3-statusbar>span+span{
  border-left-color:var(--bk-light-border);
}

html[data-theme="light"] .bk-lr-concept3 .bk-lr-status{
  color:#3d4939;
  border-color:rgba(72,84,66,.28);
  background:rgba(255,255,255,.68);
}

html[data-theme="light"] .bk-lr-concept3 .bk-lr-status[data-status="final"]{
  color:#37512e;
  border-color:rgba(93,124,75,.36);
  background:rgba(221,234,212,.86);
}

html[data-theme="light"] .bk-lr-concept3 .bk-lr-status[data-status="partial"]{
  color:#6e552a;
  border-color:rgba(143,110,54,.34);
  background:rgba(241,230,202,.88);
}

/* Main prize cards */
html[data-theme="light"] .bk-c3-prize{
  border-color:rgba(54,64,49,.18);
  background:rgba(255,255,255,.90);
  box-shadow:0 14px 34px rgba(55,49,38,.10);
}

html[data-theme="light"] .bk-c3-prize.is-first{
  border-color:rgba(145,107,51,.34);
  background:
    radial-gradient(circle at 16% 12%,rgba(181,139,72,.10),transparent 38%),
    rgba(255,253,246,.94);
}

html[data-theme="light"] .bk-c3-prize>span{
  color:var(--bk-light-accent);
  font-weight:950;
}

html[data-theme="light"] .bk-c3-prize>strong{
  color:#17221b;
}

html[data-theme="light"] .bk-c3-prize>small{
  color:#596657;
  font-weight:750;
}

/* Last update block */
html[data-theme="light"] .bk-c3-updated{
  color:#4f5b4b;
  font-weight:650;
}

html[data-theme="light"] .bk-c3-updated strong{
  color:#293429;
  font-weight:850;
}

/* Supporting sections keep a clear hierarchy as well. */
html[data-theme="light"] .bk-c3-section-head p,
html[data-theme="light"] .bk-c3-count,
html[data-theme="light"] .bk-c3-progress,
html[data-theme="light"] .bk-c3-recap-head,
html[data-theme="light"] .bk-c3-info-list span{
  color:var(--bk-light-muted);
}

html[data-theme="light"] .bk-c3-section-head h2,
html[data-theme="light"] .bk-c3-info-list strong,
html[data-theme="light"] .bk-c3-recap-row{
  color:var(--bk-light-primary);
}

html[data-theme="light"] .bk-c3-link{
  color:#655035;
  border-color:rgba(101,80,53,.22);
  background:rgba(255,255,255,.50);
}

html[data-theme="light"] .bk-c3-note{
  color:#465143;
  border-color:rgba(128,95,45,.22);
  background:linear-gradient(
    135deg,
    rgba(181,139,72,.09),
    rgba(255,255,255,.50)
  );
}

html[data-theme="light"] .bk-lr-concept3 .bk-lr-number.is-empty{
  color:#64705f;
}

/* Mobile needs a more even veil because the artwork fills the full hero. */
@media(max-width:720px){
  html[data-theme="light"] .bk-c3-hero::before{
    background:
      linear-gradient(
        180deg,
        rgba(250,248,241,.90) 0%,
        rgba(250,248,241,.82) 34%,
        rgba(250,248,241,.68) 66%,
        rgba(250,248,241,.74) 100%
      );
  }

  html[data-theme="light"] .bk-c3-art{
    opacity:.48;
    filter:saturate(.62) contrast(.90) brightness(1.08);
  }

  html[data-theme="light"] .bk-c3-statusbar{
    color:#3f4b3c;
  }

  html[data-theme="light"] .bk-c3-prize{
    background:rgba(255,255,255,.94);
  }
}


/* ============================================================
   LIGHT MODE SEPARATION & CONTRAST — v2
   Builds on Light Readability v1.
   Goal: stronger surface separation + clearer type hierarchy.
   ============================================================ */

html[data-theme="light"] .bk-lr-concept3{
  --bk-l2-page:#ece8dc;
  --bk-l2-surface:#fbfaf6;
  --bk-l2-surface-strong:#ffffff;
  --bk-l2-primary:#18211b;
  --bk-l2-body:#303a33;
  --bk-l2-secondary:#4d5850;
  --bk-l2-muted:#687168;
  --bk-l2-border:rgba(38,48,40,.22);
  --bk-l2-border-soft:rgba(38,48,40,.13);
  --bk-l2-gold:#8a6427;
  --bk-l2-gold-deep:#6f4f1e;
  --bk-l2-green:#49623d;
}

/* Page-level surface: make cards visibly sit above the warm page. */
html[data-theme="light"] body{
  background:var(--bk-l2-page);
}

html[data-theme="light"] .bk-lr-concept3{
  color:var(--bk-l2-primary);
}

html[data-theme="light"] .bk-c3-section,
html[data-theme="light"] .bk-c3-recap,
html[data-theme="light"] .bk-c3-info-card,
html[data-theme="light"] .bk-c3-support-card{
  background:var(--bk-l2-surface);
  border-color:var(--bk-l2-border);
  box-shadow:
    0 14px 34px rgba(51,45,33,.10),
    0 1px 0 rgba(255,255,255,.85) inset;
}

/* Starter / Consolation parent cards */
html[data-theme="light"] .bk-c3-secondary-card{
  background:var(--bk-l2-surface);
  border-color:var(--bk-l2-border);
  box-shadow:
    0 12px 28px rgba(51,45,33,.09),
    0 1px 0 rgba(255,255,255,.85) inset;
}

html[data-theme="light"] .bk-c3-secondary-card.is-starter{
  background:
    linear-gradient(180deg,rgba(248,250,244,.98),rgba(247,248,242,.98));
}

html[data-theme="light"] .bk-c3-secondary-card.is-consolation{
  background:
    linear-gradient(180deg,rgba(252,249,241,.98),rgba(249,246,237,.98));
}

/* Secondary card headings / descriptions / badges */
html[data-theme="light"] .bk-c3-secondary-card h2,
html[data-theme="light"] .bk-c3-section-head h2{
  color:var(--bk-l2-primary);
}

html[data-theme="light"] .bk-c3-secondary-card p,
html[data-theme="light"] .bk-c3-section-head p{
  color:var(--bk-l2-secondary);
  font-weight:560;
}

html[data-theme="light"] .bk-c3-count{
  color:#4f5c51;
  background:rgba(255,255,255,.76);
  border-color:var(--bk-l2-border-soft);
  font-weight:800;
}

html[data-theme="light"] .bk-c3-secondary-card.is-starter .bk-c3-count{
  color:#4d663f;
  border-color:rgba(73,98,61,.24);
  background:rgba(235,243,229,.90);
}

html[data-theme="light"] .bk-c3-secondary-card.is-consolation .bk-c3-count{
  color:#7a5a28;
  border-color:rgba(138,100,39,.24);
  background:rgba(248,238,216,.92);
}

/* Result tiles should read as their own surface, not as tinted blank space. */
html[data-theme="light"] .bk-lr-concept3 .bk-lr-list{
  gap:10px;
}

html[data-theme="light"] .bk-lr-concept3 .bk-lr-number{
  color:#1f2b23;
  border-color:rgba(62,75,65,.20);
  background:#f6f7f2;
  box-shadow:
    0 5px 14px rgba(49,44,33,.06),
    0 1px 0 rgba(255,255,255,.92) inset;
}

html[data-theme="light"] .bk-lr-concept3 .bk-lr-list.is-starter .bk-lr-number,
html[data-theme="light"] .bk-c3-secondary-card.is-starter .bk-lr-number{
  color:#405234;
  border-color:rgba(73,98,61,.24);
  background:
    linear-gradient(180deg,#f1f6eb,#e7eddF);
}

html[data-theme="light"] .bk-lr-concept3 .bk-lr-list.is-consolation .bk-lr-number,
html[data-theme="light"] .bk-c3-secondary-card.is-consolation .bk-lr-number{
  color:#6f5123;
  border-color:rgba(138,100,39,.24);
  background:
    linear-gradient(180deg,#faf4e7,#efe6d2);
}

/* Recap table: stronger head/row distinction. */
html[data-theme="light"] .bk-c3-recap-table{
  background:var(--bk-l2-surface-strong);
  border-color:var(--bk-l2-border);
}

html[data-theme="light"] .bk-c3-recap-head{
  color:#3d4940;
  background:#f2f1eb;
  border-bottom-color:var(--bk-l2-border);
  font-weight:850;
}

html[data-theme="light"] .bk-c3-recap-row{
  color:#273229;
  border-top-color:rgba(38,48,40,.12);
  background:#fff;
}

html[data-theme="light"] .bk-c3-recap-row:nth-child(even){
  background:#f8f7f2;
}

html[data-theme="light"] .bk-c3-recap-row strong{
  color:#111a15;
  font-weight:900;
}

/* Market information card */
html[data-theme="light"] .bk-c3-info-list{
  border-color:var(--bk-l2-border-soft);
}

html[data-theme="light"] .bk-c3-info-list span{
  color:#515d53;
  font-weight:650;
}

html[data-theme="light"] .bk-c3-info-list strong{
  color:#121b15;
  font-weight:900;
}

html[data-theme="light"] .bk-c3-note{
  color:#3b463e;
  border-color:rgba(138,100,39,.22);
  background:#fffaf0;
  box-shadow:0 1px 0 rgba(255,255,255,.88) inset;
}

/* Supporting SEO cards: stop brown-on-beige blending. */
html[data-theme="light"] .bk-c3-support-card h2{
  color:#172019;
}

html[data-theme="light"] .bk-c3-support-card p{
  color:#354039;
  font-weight:540;
  line-height:1.78;
}

html[data-theme="light"] .bk-c3-support-card a{
  color:var(--bk-l2-gold-deep);
  text-decoration-color:rgba(111,79,30,.36);
  text-underline-offset:3px;
  font-weight:700;
}

html[data-theme="light"] .bk-c3-support-card a:hover,
html[data-theme="light"] .bk-c3-support-card a:focus-visible{
  color:#4f3715;
  text-decoration-color:#4f3715;
}

/* General labels / icons that were still too pale */
html[data-theme="light"] .bk-c3-icon{
  color:var(--bk-l2-gold-deep);
  border-color:rgba(138,100,39,.22);
  background:#fff9ec;
}

html[data-theme="light"] .bk-c3-progress{
  color:#586259;
  font-weight:700;
}

html[data-theme="light"] .bk-c3-link{
  color:#4b3a22;
  border-color:rgba(75,58,34,.22);
  background:#fff;
  font-weight:850;
}

html[data-theme="light"] .bk-c3-link:hover,
html[data-theme="light"] .bk-c3-link:focus-visible{
  color:#2b2114;
  border-color:rgba(75,58,34,.38);
  background:#fbf4e7;
}

/* Hero: slightly reduce beige cast and create cleaner foreground separation. */
html[data-theme="light"] .bk-c3-hero{
  border-color:var(--bk-l2-border);
  background:#f7f5ef;
  box-shadow:
    0 16px 38px rgba(51,45,33,.12),
    0 1px 0 rgba(255,255,255,.88) inset;
}

html[data-theme="light"] .bk-c3-hero::before{
  background:
    linear-gradient(
      90deg,
      rgba(250,250,247,.97) 0%,
      rgba(249,249,245,.92) 37%,
      rgba(247,246,239,.69) 68%,
      rgba(245,242,232,.72) 100%
    );
}

html[data-theme="light"] .bk-c3-art{
  opacity:.42;
  filter:saturate(.58) contrast(.96) brightness(1.10);
}

/* Hero text hierarchy */
html[data-theme="light"] .bk-c3-copy h1{
  color:#172019;
}

html[data-theme="light"] .bk-c3-copy>p{
  color:#354039;
  font-weight:560;
}

html[data-theme="light"] .bk-c3-meta span{
  color:#5e695f;
  font-weight:850;
}

html[data-theme="light"] .bk-c3-meta strong{
  color:#172019;
}

html[data-theme="light"] .bk-c3-statusbar{
  color:#455046;
}

html[data-theme="light"] .bk-c3-updated{
  color:#525d53;
}

html[data-theme="light"] .bk-c3-updated strong{
  color:#202a22;
}

/* Prize cards: preserve white surface with dark type and restrained gold. */
html[data-theme="light"] .bk-c3-prize{
  background:rgba(255,255,255,.96);
  border-color:rgba(47,58,49,.20);
  box-shadow:
    0 12px 28px rgba(47,42,32,.09),
    0 1px 0 rgba(255,255,255,.94) inset;
}

html[data-theme="light"] .bk-c3-prize.is-first{
  background:
    radial-gradient(circle at 16% 12%,rgba(190,148,78,.08),transparent 42%),
    rgba(255,255,255,.97);
}

html[data-theme="light"] .bk-c3-prize>span{
  color:#8a6427;
}

html[data-theme="light"] .bk-c3-prize>strong{
  color:#142019;
}

html[data-theme="light"] .bk-c3-prize>small{
  color:#536057;
}

/* Mobile: keep separation without washing everything into cream. */
@media(max-width:720px){
  html[data-theme="light"] body{
    background:#ebe7db;
  }

  html[data-theme="light"] .bk-c3-hero::before{
    background:
      linear-gradient(
        180deg,
        rgba(250,250,247,.95) 0%,
        rgba(249,249,245,.90) 36%,
        rgba(246,245,238,.78) 70%,
        rgba(244,241,232,.80) 100%
      );
  }

  html[data-theme="light"] .bk-c3-art{
    opacity:.36;
    filter:saturate(.54) contrast(.95) brightness(1.11);
  }

  html[data-theme="light"] .bk-c3-secondary-card,
  html[data-theme="light"] .bk-c3-recap,
  html[data-theme="light"] .bk-c3-info-card,
  html[data-theme="light"] .bk-c3-support-card{
    background:#fbfaf6;
  }
}



/* BERANDAKECIL v4.0 — Singapore TOTO */
.bk-lr-hub-toto{
  display:grid;
  gap:10px;
  margin:18px 0 8px;
}
.bk-lr-toto-number-list{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
}
.bk-lr-toto-number{
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(231,213,166,.24);
  border-radius:999px;
  background:rgba(12,17,12,.70);
  color:#f6e5b8;
  font-weight:900;
  font-size:16px;
  font-variant-numeric:tabular-nums;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.bk-lr-toto-number.is-empty{
  color:var(--muted);
  border-style:dashed;
  background:rgba(255,255,255,.025);
}
.bk-lr-hub-toto-additional{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:9px 12px;
  border:1px solid rgba(231,213,166,.14);
  border-radius:12px;
  background:rgba(255,255,255,.035);
  color:var(--muted);
  font-size:12px;
}
.bk-lr-hub-toto-additional strong{
  color:#f4dfa6;
  font-size:18px;
}
.bk-c3-toto-result{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(180px,.72fr);
  gap:12px;
  margin-top:18px;
}
.bk-c3-toto-winning{
  display:grid;
  gap:12px;
  padding:18px;
  border:1px solid rgba(231,213,166,.18);
  border-radius:18px;
  background:rgba(12,17,12,.64);
  backdrop-filter:blur(8px);
}
.bk-c3-toto-winning>span{
  color:#d7c99f;
  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.bk-c3-toto-additional{
  min-height:100%;
}
.bk-c3-toto-secondary{
  grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);
}
.bk-c3-toto-prize-value{
  display:flex;
  min-height:72px;
  align-items:center;
  font-size:clamp(24px,4vw,38px);
  color:#f3dfa8;
  font-variant-numeric:tabular-nums;
}
.bk-c3-recap-table.is-toto .bk-c3-recap-head-toto,
.bk-c3-recap-table.is-toto .bk-lr-recap-row-toto{
  display:grid;
  grid-template-columns:minmax(120px,1fr) minmax(85px,.65fr) minmax(240px,1.5fr) minmax(85px,.65fr);
  align-items:center;
  gap:12px;
}
.bk-lr-recap-toto-numbers{
  font-weight:850;
  letter-spacing:.02em;
  font-variant-numeric:tabular-nums;
}
.bk-lr-pill[data-status="inactive"],
.bk-lr-status[data-status="inactive"]{
  border-color:rgba(160,165,151,.26);
  background:rgba(125,132,119,.12);
  color:#c9cec2;
}
html[data-theme="light"] .bk-lr-toto-number{
  border-color:rgba(102,78,40,.20);
  background:#fff;
  color:#5d451d;
  box-shadow:0 5px 14px rgba(49,44,33,.06);
}
html[data-theme="light"] .bk-lr-toto-number.is-empty{
  color:#777a70;
  background:#f4f4ef;
}
html[data-theme="light"] .bk-lr-hub-toto-additional,
html[data-theme="light"] .bk-c3-toto-winning{
  border-color:rgba(83,74,52,.16);
  background:rgba(255,255,255,.88);
}
html[data-theme="light"] .bk-lr-hub-toto-additional strong,
html[data-theme="light"] .bk-c3-toto-prize-value{
  color:#6f5728;
}
html[data-theme="light"] .bk-c3-toto-winning>span{
  color:#6e5b37;
}
html[data-theme="light"] .bk-lr-pill[data-status="inactive"],
html[data-theme="light"] .bk-lr-status[data-status="inactive"]{
  border-color:rgba(78,84,75,.18);
  background:#eff0eb;
  color:#50584f;
}
@media(max-width:820px){
  .bk-c3-toto-result,
  .bk-c3-toto-secondary{
    grid-template-columns:1fr;
  }
  .bk-c3-recap-table.is-toto{
    overflow-x:auto;
  }
  .bk-c3-recap-table.is-toto .bk-c3-recap-head-toto,
  .bk-c3-recap-table.is-toto .bk-lr-recap-row-toto{
    min-width:650px;
  }
}
@media(max-width:620px){
  .bk-lr-toto-number-list{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .bk-lr-toto-number{
    min-height:42px;
  }
}