/* Kaspa Blackjack product landing. Shared shell and primitives live in
   forge-landing.css + kf-product.css; this file only owns the game surface. */
body.pp-blackjack{--product:var(--kf-accent-primary,#19d3bd);--product-rgb:25,211,189}

.bj-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--bd-soft)}
.bj-hero::after{content:"";position:absolute;z-index:-1;inset:-35% -20% -55% 35%;pointer-events:none;
  background:radial-gradient(ellipse at 65% 45%,rgba(25,211,189,.17),transparent 66%)}
.bj-hero-in{display:grid;grid-template-columns:minmax(0,10fr) minmax(300px,8fr);gap:clamp(32px,5vw,72px);
  align-items:center;padding-top:clamp(54px,8vh,92px);padding-bottom:clamp(48px,7vh,76px)}
.bj-hero h1{font-size:clamp(2.55rem,5.5vw,4.65rem);max-width:12ch;margin-top:14px}
.bj-hero h1 span{color:var(--product)}
.bj-hero .lead{max-width:60ch;font-size:clamp(16px,1.5vw,18px);color:var(--ash)}
.bj-hero .actions,.bj-final .actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.bj-proofline{display:flex;gap:10px 22px;flex-wrap:wrap;margin-top:24px;padding-top:20px;border-top:1px solid var(--bd-soft);
  font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ash2)}
.bj-proofline b{color:var(--product);font-weight:600}

.bj-table{position:relative;background:linear-gradient(150deg,#122229,#0c1519);border:1px solid rgba(25,211,189,.28);
  border-radius:18px;padding:clamp(20px,3vw,30px);box-shadow:0 26px 70px -34px #000,0 0 70px -35px rgba(25,211,189,.8)}
.bj-table__top{display:flex;justify-content:space-between;gap:12px;font-family:var(--mono);font-size:10.5px;
  letter-spacing:.11em;text-transform:uppercase;color:var(--ash2)}
.bj-table__live{color:var(--kf-success,#47d18c)}
.bj-hand{display:flex;gap:10px;align-items:flex-end;justify-content:center;margin:28px 0 22px}
.bj-card{width:72px;aspect-ratio:5/7;border-radius:8px;background:#f2f7f5;color:#071013;border:1px solid #fff;
  padding:8px;font:700 21px/1 var(--mono);box-shadow:0 12px 24px -14px #000}
.bj-card.red{color:#c83d4a}.bj-card.down{background:repeating-linear-gradient(45deg,#102d30,#102d30 6px,#174347 6px,#174347 12px);
  border-color:rgba(99,234,216,.65);color:transparent}
.bj-card:nth-child(2){transform:translateY(7px) rotate(3deg)}
.bj-score{text-align:center;font-family:var(--disp);font-size:25px;text-transform:uppercase;letter-spacing:.08em;color:var(--ingot)}
.bj-score b{color:var(--product)}
.bj-table__meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px}
.bj-table__meta div{border:1px solid var(--bd);border-radius:8px;padding:10px 8px;text-align:center}
.bj-table__meta span{display:block;font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--ash2)}
.bj-table__meta b{display:block;margin-top:3px;font-family:var(--mono);font-size:12px;color:var(--product)}

.bj-intro{max-width:760px;color:var(--ash);font-size:17px;line-height:1.72;margin-top:18px}
.bj-intro b{color:var(--ingot)}
.bj-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:24px}
.bj-step{position:relative;border:1px solid var(--bd);border-radius:10px;background:var(--steel);padding:18px 16px}
.bj-step i{display:block;font:600 11px var(--mono);letter-spacing:.1em;color:var(--product);font-style:normal}
.bj-step b{display:block;margin-top:8px;font-family:var(--disp);text-transform:uppercase;letter-spacing:.04em}
.bj-step span{display:block;margin-top:6px;color:var(--ash2);font-size:13px;line-height:1.45}
.bj-step:not(:last-child)::after{content:"→";position:absolute;right:-10px;top:50%;z-index:2;color:var(--product)}

.bj-stakes{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:24px}
.bj-stake{border:1px solid var(--bd);border-radius:9px;background:var(--steel);padding:16px 8px;text-align:center}
.bj-stake b{font:600 20px var(--mono);color:var(--ingot)}
.bj-stake span{display:block;margin-top:3px;font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--product)}

.bj-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}
.bj-links a{display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid var(--bd);border-radius:12px;background:var(--steel);color:var(--ash)}
.bj-links a:hover{border-color:var(--product);color:var(--ash);transform:translateY(-1px)}
.bj-links b{font-family:var(--disp);font-size:17px;text-transform:uppercase;letter-spacing:.04em;color:var(--ingot)}
.bj-links span{font-size:13.5px;line-height:1.55}
.bj-links i{margin-top:auto;font:11px var(--mono);font-style:normal;letter-spacing:.09em;text-transform:uppercase;color:var(--product)}

.bj-warning{margin-top:24px;border:1px solid rgba(240,185,91,.35);border-left:3px solid var(--amber);border-radius:9px;
  padding:16px 18px;color:var(--ash);background:rgba(240,185,91,.04);font-size:13.5px}
.bj-warning b{color:var(--ingot)}
.bj-final{text-align:center;margin-top:clamp(58px,9vh,88px);padding:clamp(48px,7vh,72px) 20px;
  border-top:1px solid var(--bd-soft);background:radial-gradient(ellipse at 50% 0%,rgba(25,211,189,.1),transparent 70%)}
.bj-final h2{margin-inline:auto}.bj-final p{max-width:620px;margin:16px auto 0;color:var(--ash)}
.bj-final .actions{justify-content:center}

@media(max-width:920px){.bj-hero-in{grid-template-columns:1fr}.bj-table{max-width:520px}.bj-flow{grid-template-columns:1fr 1fr}.bj-step:not(:last-child)::after{display:none}}
@media(max-width:700px){.bj-links{grid-template-columns:1fr}.bj-stakes{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.bj-flow{grid-template-columns:1fr}.bj-table__meta{grid-template-columns:1fr}.bj-card{width:60px}.bj-stakes{grid-template-columns:repeat(2,1fr)}}