/* Homepage only. Match the Casino page's violet/navy palette without its product UI. */
.home-refresh { background:radial-gradient(ellipse 70% 600px at 90% 0,#33145b70,transparent),linear-gradient(#0c0b21,#090b14 1000px); }
.home-hero { position:relative; isolation:isolate; overflow:hidden; }
.home-hero__image { position:absolute; z-index:-1; right:0; top:0; width:min(100%,1100px); height:100%; object-fit:cover; object-position:right top; filter:brightness(.8) saturate(.9); mask-image:linear-gradient(to right,transparent,#000 45%),linear-gradient(#000 70%,transparent); mask-composite:intersect; }
.home-hero__inner { padding-block:clamp(2rem,4vw,3.5rem); }
.home-hero h1 { max-width:100%; margin:.8rem 0 1rem; font-size:clamp(2.4rem,5.4vw,4.5rem); line-height:1.08; font-weight:850; letter-spacing:-.045em; }
.home-hero h1 span { color:#bc59ff; background:linear-gradient(120deg,#9f31f5,#d77bff); background-clip:text; -webkit-text-fill-color:transparent; }
.home-hero p { max-width:34rem; font-size:clamp(1rem,1.5vw,1.13rem); line-height:1.65; color:#d1ccdf; margin-bottom:0; }
.home-refresh .button--primary { background:linear-gradient(115deg,#a52cff,#7912e4); border-color:#aa53f1; color:#fff; }
.home-refresh .button--primary:hover { background:linear-gradient(115deg,#b849ff,#8b23f3); }
.home-refresh .button--secondary { background:#181226; border-color:#655080; }
.home-refresh :is(#games,#tools,#guides) { scroll-margin-top:6rem; }
.home-games { padding-block:2rem; }
.home-game { overflow:hidden; border:1px solid #65518c; border-radius:var(--radius-lg); background:linear-gradient(125deg,#121126,#141326 65%,#101221); }
.home-game + .home-game { margin-top:2rem; }
.home-game__intro { position:relative; isolation:isolate; overflow:hidden; }
.home-game__intro > div { padding:clamp(1.25rem,2.5vw,2rem); }
.home-game__intro h2 { font-size:clamp(2rem,3vw,2.8rem); margin-bottom:.7rem; }
.home-game__intro h2 a { color:var(--color-text); text-decoration:none; }
.home-game__intro p { max-width:35rem; color:#bdb7cf; }
.home-game__intro img { position:absolute; z-index:-1; inset:0 0 0 auto; width:55%; height:100%; object-fit:cover; object-position:75% center; mask-image:linear-gradient(to right,transparent,#000 65%); }
.home-game__intro .button-row { margin-top:1rem; }
.home-game__explore { display:inline-flex; align-items:center; min-height:44px; font-size:.9rem; font-weight:650; }
.home-game__paths { display:grid; grid-template-columns:1fr; gap:2rem; padding:1.5rem clamp(1.25rem,3vw,2.5rem); border-top:1px solid #65518c55; }
.home-game__paths h3 { font-size:.85rem; color:#c4addd; letter-spacing:.04em; margin-bottom:.65rem; }
.home-game__links { list-style:none; margin:0; padding:0; display:grid; }
.home-game__links li + li { border-top:1px solid #65518c44; }
.home-game__links a { display:flex; align-items:center; gap:.7rem; padding:.8rem .2rem; min-height:60px; text-decoration:none; border-radius:.4rem; }
.home-game__links a:hover { background:#b67cf30d; }
.home-game__links strong { display:block; font-size:.95rem; color:#eee9f8; }
.home-game__links small { display:block; color:#aaa5bc; font-size:.82rem; line-height:1.5; margin-top:.15rem; }
.home-game__links .game-icon { width:20px; height:20px; flex:0 0 20px; }
.home-game__links a > span:last-child { margin-left:auto; color:#b895df; }
.home-sample { margin:0; padding:1.5rem clamp(1.25rem,3vw,2.5rem); border-top:1px solid #65518c55; background:#080d1880; }
.home-sample h3 { font-size:1.1rem; margin:.3rem 0; }
.home-sample figcaption p { font-size:.8rem; color:var(--color-muted); margin:.5rem 0; }
.home-sample .sim-headlines { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin:1.2rem 0; }
.home-sample .sim-headlines > div { min-width:0; }
.home-sample .sim-headlines span,.home-sample .sim-headlines small { display:block; color:var(--color-muted); font-size:.78rem; }
.home-sample .sim-headlines strong { display:block; margin:.35rem 0; font-size:clamp(1.3rem,3vw,2.15rem); color:#e3d5fa; font-variant-numeric:tabular-nums; }
.home-sample__note { color:var(--color-muted); font-size:.8rem; margin:0; }
.home-sample__note a { display:inline-block; padding-block:.3rem; }
.home-data { padding-block:2rem 2.5rem; border-bottom:1px solid var(--color-border); }
.home-data h2 { font-size:1.3rem; }
.home-data p { max-width:58rem; color:var(--color-muted); margin:.7rem 0; }
.home-data > a { display:inline-flex; min-height:44px; align-items:center; }
.home-news { padding-block:2.5rem 4rem; }
.home-section-heading { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1.4rem; }
.home-section-heading h2 { margin:0; font-size:clamp(1.5rem,3vw,2rem); }
.home-section-heading > a { display:inline-flex; align-items:center; min-height:44px; font-size:.9rem; }
.home-news__grid { gap:1rem; }
.home-news .blog-card__body { padding:1.2rem; }
.home-news .blog-card__title { max-width:none; font-size:1.2rem; line-height:1.35; }
.home-news .blog-card__excerpt { font-size:.9rem; line-height:1.65; margin:0; }
@media(min-width:70rem) { .home-news__grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:47.999rem) {
 .home-hero__inner { padding-block:1.5rem; }
 .home-hero__image { width:100%; opacity:.32; object-position:70% center; mask-image:linear-gradient(to right,transparent,#000),linear-gradient(#000,transparent); }
 .home-hero p { max-width:34rem; color:#ded8eb; }
 .home-game__intro img { width:100%; opacity:.28; object-position:80% center; mask-image:linear-gradient(to right,transparent,#000); }
 .home-game__paths { grid-template-columns:1fr; gap:1.2rem; }
 .home-sample .sim-headlines { gap:.5rem; }
 .home-sample .sim-headlines strong { font-size:clamp(1rem,4.5vw,1.5rem); }
 .home-sample .sim-headlines small { font-size:.7rem; }
 .home-section-heading { align-items:flex-start; flex-direction:column; gap:.25rem; }
}
@media(prefers-reduced-motion:reduce) { .home-refresh * { scroll-behavior:auto; } }

/* Compact homepage game paths: equal two-row groups when there is room. */
@media(min-width:48rem) { .home-game__intro > div { max-width:65%; } }
@media(min-width:64rem) {
 .home-game__paths { grid-template-columns:2fr 1fr; }
 .home-game__group { display:flex; flex-direction:column; min-width:0; }
 .home-game__links { flex:1; grid-auto-rows:1fr; }
 .home-game__links--learn { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:1.5rem; }
 .home-game__links--learn li:nth-child(2) { border-top:0; }
 .home-game__links a { height:100%; align-items:flex-start; }
}

/* Keep the preferred phrase together when it fits; allow text zoom to reflow. */
.home-hero h1 span { display: inline-block; max-width: 100%; vertical-align: top; white-space: normal; }

/* Compact Plinko showcase with static captures of the actual boards. */
.home-game--plinko{padding:clamp(1rem,2.5vw,1.75rem)}
.home-game--plinko .home-game__intro>div{padding:0;max-width:none}
.home-game--plinko .home-game__intro h2{margin-top:0}
.home-game--plinko .plinko-versions{margin:1.25rem 0 1rem}
.home-game--plinko .plinko-version{display:grid;grid-template-columns:1fr auto;padding:.75rem;gap:.75rem;align-items:center}
.home-game--plinko .plinko-version__preview{grid-column:1/-1;width:100%;height:170px;object-fit:contain;border-radius:.5rem;background:#090c14}
.plinko-version__copy{min-width:0}.plinko-version__copy strong,.plinko-version__copy small{display:block}.plinko-version__copy small{margin-top:.25rem;line-height:1.4;font-size:.8rem}
.home-game--plinko .plinko-version:hover{border-color:#bc94dd;background:#242033}.home-game--plinko .plinko-version:focus-visible{outline:2px solid #d6b7f0;outline-offset:3px}
.home-game--plinko .plinko-compact-actions{margin:0;gap:.5rem}
.home-game--plinko .plinko-compact-actions>a{display:flex;align-items:center;min-height:40px;padding:.5rem .8rem;border:1px solid #5c4b72;border-radius:.6rem;background:#211a31;color:#e8dcf8;font-size:.85rem;text-decoration:none}
.home-game--plinko .plinko-compact-actions>a:hover{background:#342644;border-color:#b28ad2}
.home-game--plinko .plinko-compact-actions>span{display:none}
@media(max-width:767px){
 .home-game--plinko .plinko-version{grid-template-columns:72px minmax(0,1fr) auto;gap:.6rem;padding:.6rem}
 .home-game--plinko .plinko-version__preview{grid-column:auto;height:72px}
 .home-game--plinko .plinko-version strong{font-size:.88rem}.home-game--plinko .plinko-version small{font-size:.73rem}
 .home-game--plinko .plinko-compact-actions>a{flex:1 1 auto;justify-content:center;font-size:.79rem;padding:.5rem}
}