:root{
  color-scheme: light;
  --ink:#172033;
  --muted:rgba(23,32,51,.70);
  --purple:#6d4cff;
  --teal:#10b7b0;
  --blue:#2388ff;
  --pink:#ff2f6d;
  --soft:#f5f7ff;
  --border:rgba(23,32,51,.12);
  --shadow:0 18px 50px rgba(23,32,51,.12);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:linear-gradient(135deg,#f8f7ff,#eef8ff);color:var(--ink)}
a{color:inherit}
.library-shell{max-width:1180px;margin:0 auto;padding:32px 18px 64px}
.hero{border-radius:34px;padding:clamp(34px,5vw,72px);background:radial-gradient(circle at top left,rgba(109,76,255,.23),transparent 34%),radial-gradient(circle at bottom right,rgba(16,183,176,.20),transparent 36%),linear-gradient(135deg,#fff,#f5fbff);border:1px solid var(--border);box-shadow:var(--shadow)}
.eyebrow{display:inline-flex;align-items:center;min-height:34px;padding:7px 13px;border-radius:999px;background:#fff;color:var(--purple);font-weight:900;font-size:.92rem;letter-spacing:.02em;margin:0 0 16px;box-shadow:0 8px 22px rgba(23,32,51,.08)}
h1{margin:0;max-width:900px;font-size:clamp(2.4rem,7vw,5.4rem);line-height:.95;letter-spacing:-.065em}
.hero p:not(.eyebrow){max-width:760px;margin:20px 0 0;font-size:clamp(1.05rem,2vw,1.28rem);line-height:1.55;color:var(--muted)}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hero-button,.game-card a{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 18px;border-radius:16px;background:var(--purple);color:#fff!important;text-decoration:none!important;font-weight:900;box-shadow:0 12px 28px rgba(109,76,255,.28)}
.hero-button.secondary{background:var(--teal);box-shadow:0 12px 28px rgba(16,183,176,.22)}
.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}
.game-card{background:#fff;border:1px solid var(--border);border-radius:28px;padding:24px;box-shadow:0 14px 38px rgba(23,32,51,.08)}
.game-card h2{margin:12px 0 8px;font-size:clamp(1.65rem,3vw,2.4rem);letter-spacing:-.04em}
.game-card p{color:var(--muted);line-height:1.55;min-height:76px}
.game-badge{display:inline-flex;align-items:center;min-height:32px;padding:6px 10px;border-radius:999px;background:var(--soft);color:rgba(23,32,51,.78);font-weight:850;font-size:.82rem}
.number-dash-card .game-badge{background:rgba(35,136,255,.10);color:#155bbb}
.number-dash-card a{background:var(--blue);box-shadow:0 12px 28px rgba(35,136,255,.24)}
@media(max-width:720px){.library-shell{padding-left:12px;padding-right:12px}.hero{border-radius:24px}.game-grid{grid-template-columns:1fr}.hero-button{width:100%}}