/* Focused catalogue and compatibility additions to the existing landing. */
.btn-primary { color: #0d0e16; }
.hero h1 { font-size:clamp(2.5rem,4.2vw,3.5rem); }
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:1.5rem; }
.section-heading h2, .section-intro h2 { margin-top:0; }
.section-heading > a { flex-shrink:0; }
.section-lede, .section-intro > p:last-child { color:var(--muted); max-width:680px; }
.featured-games { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:24px 16px; padding:0; margin:2rem 0 1rem; list-style:none; }
.featured-game { display:block; color:var(--ink); text-decoration:none; border-radius:12px; }
.featured-game img { width:100%; height:auto; aspect-ratio:455/574; object-fit:cover; border-radius:12px; background:#1c2032; transition:transform 180ms ease; }
.featured-game__title { display:block; margin-top:10px; font-size:14px; line-height:1.4; font-weight:600; }
.featured-game__meta { display:block; margin-top:4px; color:var(--muted); font-size:11px; line-height:1.4; }
.featured-game:focus-visible, .text-link:focus-visible { outline:2px solid var(--accent); outline-offset:5px; }
.catalogue-note, .roadmap-note { color:var(--muted); font-size:13px; margin:12px 0 0; }
.roadmap-note { border-top:1px solid var(--line); padding-top:16px; }
/* Open wallet composition: no enclosing panel or technical table. */
.wallet-open { display:grid; grid-template-columns:1fr 1.2fr; align-items:center; gap:64px; min-height:360px; }
.wallet-copy h2 { font-size:clamp(36px,4.4vw,56px); line-height:1.08; letter-spacing:-.045em; margin:0 0 22px; }
.wallet-lede { color:var(--muted); font-size:16px; line-height:1.75; max-width:370px; margin:0 0 28px; }
.wallet-copy .btn { gap:28px; }.wallet-guide { display:block; width:fit-content; margin-top:18px; font-size:13px; }
.wallet-art { min-width:0; padding:24px 8px 0; }
.wallet-fan { display:flex; justify-content:center; align-items:center; gap:18px; list-style:none; margin:0; padding:0 0 38px; min-height:250px; }
.wallet-token { --tilt:0deg; --lift:0px; text-align:center; flex:1; max-width:158px; min-width:0; transform:translateY(var(--lift)) rotate(var(--tilt)); }
.wallet-token__face { display:grid; place-items:center; aspect-ratio:1; background:linear-gradient(145deg,#222637,#141723); border:1px solid #343a50; border-radius:28px; box-shadow:0 16px 28px -16px #000, inset 0 1px 0 #ffffff0a; transition:transform 220ms ease; }
.wallet-token img { width:60%; height:60%; object-fit:contain; border-radius:20%; }
.wallet-token > span { display:block; margin-top:16px; font-size:13px; color:#b9c1d4; }
.wallet-token--metamask { --tilt:-9deg; --lift:12px; }
.wallet-token--base { --tilt:3deg; --lift:-18px; }
.wallet-token--wc { --tilt:10deg; --lift:22px; }
.wallet-token--wc .wallet-token__face { background:linear-gradient(145deg,#182c42,#101c2d); border-color:#28405b; }
.wallet-network-line { display:flex; justify-content:center; align-items:center; gap:18px; font-size:18px; line-height:1.4; color:#aeb8ce; margin:12px 0 0; }
.wallet-network-line strong { color:#b9c1d4; font-weight:500; }
.wallet-network-icons { display:flex; align-items:center; gap:10px; flex-shrink:0; }.wallet-network-icons img { object-fit:contain; width:34px; height:42px; }.wallet-network-icons img:last-child { width:42px; border-radius:50%; }
.wallet-disclosure { margin:36px 0 0; color:var(--muted); font-size:12px; line-height:1.7; }
@media (hover:hover) and (prefers-reduced-motion:no-preference) { .wallet-token:hover .wallet-token__face { transform:translateY(-5px); } }
@media(max-width:900px) { .wallet-open { gap:32px; grid-template-columns:1fr 1.1fr; }.wallet-fan { gap:12px; }.wallet-token__face { border-radius:22px; }.wallet-token > span { font-size:11px; } }
@media(max-width:600px) { .wallet-open { grid-template-columns:1fr; gap:28px; }.wallet-copy h2 { font-size:40px; }.wallet-lede { font-size:15px; max-width:340px; }.wallet-art { padding:12px 8px 0; }.wallet-fan { min-height:170px; padding-bottom:26px; gap:12px; }.wallet-token__face { border-radius:20px; }.wallet-token > span { font-size:10px; margin-top:12px; }.wallet-token--base { --lift:-10px; }.wallet-token--wc { --lift:14px; }.wallet-network-line { margin-top:12px; font-size:16px; gap:12px; }.wallet-network-icons img { width:29px; height:36px; }.wallet-network-icons img:last-child { width:36px; }.wallet-disclosure { margin-top:28px; } }
.verticals-intro { text-align:center; max-width:850px; margin:0 auto; }
.verticals-intro h2 { font-size:clamp(28px,3.4vw,40px); line-height:1.2; letter-spacing:-.035em; margin:0 0 20px; }
.verticals-intro > p:last-child { max-width:660px; margin:0 auto; font-size:16px; line-height:1.7; color:var(--muted); }
.verticals-visual { position:relative; margin:24px 0 0; }
.verticals-art { display:block; width:100%; height:auto; }
.verticals-art-link { position:absolute; inset:0 auto 0 0; width:33.333%; border-radius:20px; }
.verticals-title-link { color:inherit; text-decoration:none; }
.verticals-title-link:hover { color:#b59aff; }
.verticals-title-link:focus-visible, .verticals-art-link:focus-visible { outline:2px solid #b59aff; outline-offset:5px; }
.verticals-labels { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); text-align:center; list-style:none; padding:0; margin:0; gap:16px; }
.verticals-labels h3 { font-size:20px; font-weight:600; margin:0 0 8px; color:#929bb0; }
.verticals-labels .verticals-casino h3 { color:var(--ink); }
.verticals-status { font-size:12px; color:#929bb0; margin:0; }
.verticals-status--live { color:#b4c5ff; display:flex; align-items:center; justify-content:center; gap:7px; }
.verticals-status--live span { width:6px; height:6px; border-radius:50%; background:#9bacff; }
@media(max-width:600px) { .verticals-intro { text-align:left; }.verticals-intro > p:last-child { font-size:14px; }.verticals-visual { margin:20px 0 0; }.verticals-labels { gap:6px; }.verticals-labels h3 { font-size:13px; line-height:1.4; min-height:36px; margin:0 0 6px; }.verticals-status { font-size:10px; }.verticals-status--live { gap:4px; } }
.help-page { max-width:800px; padding-top:32px; }.help-page nav { display:flex; align-items:center; justify-content:space-between; margin-bottom:64px; gap:20px; }
.help-page h1 { font-size:clamp(32px,6vw,52px); line-height:1.15; }.help-page section { margin:48px 0; scroll-margin-top:24px; }
.help-page section h2 { font-size:24px; }.help-page section p,.help-page footer { color:var(--muted); }
@media (hover:hover) and (prefers-reduced-motion:no-preference) { .featured-game:hover img { transform:translateY(-4px); } }
@media (max-width:1023px) { .featured-games { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:600px) {
  .section-heading { display:block; }.section-heading > a { display:inline-block; margin-top:8px; }
  .featured-games { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 12px; }
  .hero { padding-bottom:24px; }.help-page nav { margin-bottom:40px; }
}
