/* Learn More — guides for the games added after the first 17, plus the grouped list.
   Loaded by learn-more.html after app-skin / app-mobile / app-desktop, so the banner art works on phones AND computers.
   Colours come from game-registry.js (the same pair the games hub uses). */
html[data-theme] body.page-learn-more.page-learn-more .gg-banner.gc-checkers{background-image:url(/assets/art/checkers.svg),linear-gradient(160deg,#b91c1c,#450a0a)}
.gg-banner.gc-checkers{background:linear-gradient(160deg,#b91c1c,#450a0a)}
html[data-theme] body.page-learn-more.page-learn-more .gg-banner.gc-shogi{background-image:url(/assets/art/shogi.svg),linear-gradient(160deg,#be123c,#4c0519)}
.gg-banner.gc-shogi{background:linear-gradient(160deg,#be123c,#4c0519)}
html[data-theme] body.page-learn-more.page-learn-more .gg-banner.gc-backgammon{background-image:url(/assets/art/backgammon.svg),linear-gradient(160deg,#92400e,#2a1203)}
.gg-banner.gc-backgammon{background:linear-gradient(160deg,#92400e,#2a1203)}
html[data-theme] body.page-learn-more.page-learn-more .gg-banner.gc-ludo{background-image:url(/assets/art/ludo.svg),linear-gradient(160deg,#16a34a,#052e16)}
.gg-banner.gc-ludo{background:linear-gradient(160deg,#16a34a,#052e16)}
html[data-theme] body.page-learn-more.page-learn-more .gg-banner.gc-chaturaji{background-image:url(/assets/art/chaturaji.svg),linear-gradient(160deg,#6d28d9,#2e1065)}
.gg-banner.gc-chaturaji{background:linear-gradient(160deg,#6d28d9,#2e1065)}
html[data-theme] body.page-learn-more.page-learn-more .gg-banner.gc-carrom{background-image:url(/assets/art/carrom.svg),linear-gradient(160deg,#c2410c,#431407)}
.gg-banner.gc-carrom{background:linear-gradient(160deg,#c2410c,#431407)}
html[data-theme] body.page-learn-more.page-learn-more .gg-banner.gc-memory{background-image:url(/assets/art/memory.svg),linear-gradient(160deg,#65a30d,#1a2e05)}
.gg-banner.gc-memory{background:linear-gradient(160deg,#65a30d,#1a2e05)}
html[data-theme] body.page-learn-more.page-learn-more .gg-banner.gc-cuberace{background-image:url(/assets/art/cube-race.svg),linear-gradient(160deg,#c026d3,#4a044e)}
.gg-banner.gc-cuberace{background:linear-gradient(160deg,#c026d3,#4a044e)}
html[data-theme] body.page-learn-more.page-learn-more .gg-banner.gc-physics{background-image:url(/assets/art/physics-sprint.svg),linear-gradient(160deg,#0284c7,#082f49)}
.gg-banner.gc-physics{background:linear-gradient(160deg,#0284c7,#082f49)}
html[data-theme] body.page-learn-more.page-learn-more .gg-banner.gc-biology{background-image:url(/assets/art/biology-sprint.svg),linear-gradient(160deg,#16a34a,#052e16)}
.gg-banner.gc-biology{background:linear-gradient(160deg,#16a34a,#052e16)}
html[data-theme] body.page-learn-more.page-learn-more .gg-banner.gc-chemistry{background-image:url(/assets/art/chemistry-sprint.svg),linear-gradient(160deg,#7c3aed,#2e1065)}
.gg-banner.gc-chemistry{background:linear-gradient(160deg,#7c3aed,#2e1065)}
html[data-theme] body.page-learn-more.page-learn-more .gg-banner.gc-math{background-image:url(/assets/art/math-sprint.svg),linear-gradient(160deg,#db2777,#500724)}
.gg-banner.gc-math{background:linear-gradient(160deg,#db2777,#500724)}
html[data-theme] body.page-learn-more.page-learn-more .gg-banner.gc-slingpuck{background-image:url(/assets/art/slingpuck.svg),linear-gradient(160deg,#65a30d,#1a2e05)}
.gg-banner.gc-slingpuck{background:linear-gradient(160deg,#65a30d,#1a2e05)}
html[data-theme] body.page-learn-more.page-learn-more .gg-banner.gc-football{background-image:url(/assets/art/football.svg),linear-gradient(160deg,#059669,#022c22)}
.gg-banner.gc-football{background:linear-gradient(160deg,#059669,#022c22)}
html[data-theme] body.page-learn-more.page-learn-more .gg-banner.gc-flickfootball{background-image:url(/assets/art/flick-football.svg),linear-gradient(160deg,#0891b2,#083344)}
.gg-banner.gc-flickfootball{background:linear-gradient(160deg,#0891b2,#083344)}
html[data-theme] body.page-learn-more.page-learn-more .gg-banner.gc-slingfootball{background-image:url(/assets/art/sling-football.svg),linear-gradient(160deg,#ea580c,#431407)}
html[data-theme] body.page-learn-more.page-learn-more .gg-banner.gc-penfight{background-image:url(/assets/art/pen-fight.svg),linear-gradient(160deg,#e11d48,#4c0519)}
.gg-banner.gc-slingfootball{background:linear-gradient(160deg,#ea580c,#431407)}

/* group headings between the accordions */
.lm-cat{display:flex;align-items:center;gap:10px;margin:22px 2px 2px}
.lm-cat:first-child{margin-top:4px}
.lm-cat h3{font-family:Inter,sans-serif;font-size:17px;font-weight:900;letter-spacing:-.01em;color:var(--sk-ink,var(--text,#e8e8ec))}
.lm-cat-n{font-family:Inter,sans-serif;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--sk-dim,#7f8cab);background:var(--sk-soft,rgba(255,255,255,.07));padding:3px 10px;border-radius:100px}
.lm-cat{scroll-margin-top:72px}

/* jump chips */
.lm-jump{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.lm-jump a{
  font-family:Inter,sans-serif;font-size:12.5px;font-weight:800;text-decoration:none;
  color:var(--sk-ink,var(--text,#e8e8ec));background:var(--sk-soft,rgba(255,255,255,.07));
  padding:8px 14px;border-radius:100px;transition:background .2s,color .2s;
}
.lm-jump a:hover{background:var(--sk-soft-hover,rgba(255,255,255,.11))}
.lm-jump a:active{background:var(--sk-gold,#d4a017);color:#0a0a0d}