/* Readability pass: cleaner cards, lighter surfaces, calmer brand footer. */
:root{
  --readable-card-bg:rgba(255,255,255,.075);
  --readable-card-bg-strong:rgba(255,255,255,.105);
  --readable-card-shadow:0 18px 60px rgba(0,0,0,.22);
}
html[data-theme="light"]{
  --readable-card-bg:rgba(255,255,255,.92);
  --readable-card-bg-strong:#FFFFFF;
  --readable-card-shadow:0 16px 42px rgba(10,13,18,.08);
}

/* Homepage/stat blocks: give every content block a real readable surface. */
.player{gap:10px;background:transparent;border:0;overflow:visible}
.player .cell,
.card,
.stat-block,
.ach,
.stage,
.result-stats,
.nudge{
  background:var(--readable-card-bg-strong);
  box-shadow:var(--readable-card-shadow);
}
.card{
  background:linear-gradient(180deg,var(--readable-card-bg-strong),var(--readable-card-bg));
  border-color:var(--line-2);
}
.card.feature{
  background:linear-gradient(115deg,var(--acc-dim),transparent 70%),linear-gradient(180deg,var(--readable-card-bg-strong),var(--readable-card-bg));
}
.card .desc{font-size:14px;line-height:1.62;color:var(--muted)}
.card h3{font-size:20px;line-height:1.15;margin-bottom:8px}
.card .best{background:var(--hover);border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-top:16px}
.player .cell{border:1px solid var(--line-2);border-radius:12px;padding:18px 20px}.player .cell .label{color:var(--muted)}

/* Light mode: reduce creepy grid/scan and make the site feel editorial. */
html[data-theme="light"] .bg .grid{opacity:.22}
html[data-theme="light"] .bg .scan{opacity:.16}
html[data-theme="light"] .bg .glow{opacity:.55;filter:blur(28px)}
html[data-theme="light"] .card,
html[data-theme="light"] .player .cell,
html[data-theme="light"] .stat-block,
html[data-theme="light"] .ach,
html[data-theme="light"] .nudge,
html[data-theme="light"] .seo-content,
html[data-theme="light"] .seo-side,
html[data-theme="light"] .article-card,
html[data-theme="light"] .article-side{
  background:#fff;
  border-color:rgba(11,13,16,.13);
}
html[data-theme="light"] .stage{background:#fff;border-color:rgba(11,13,16,.13)}
html[data-theme="light"] .page-head .sub,
html[data-theme="light"] .card .desc,
html[data-theme="light"] .screen p,
html[data-theme="light"] .seo-content p,
html[data-theme="light"] .seo-content li,
html[data-theme="light"] .article-card p,
html[data-theme="light"] .article-card li{color:#3f463f}

/* Article/SEO pages: remove nested generated-looking blocks and improve text contrast. */
.seo-content,.article-card{background:var(--readable-card-bg-strong);box-shadow:var(--readable-card-shadow);border-color:var(--line-2)}
.seo-side,.article-side{background:var(--readable-card-bg-strong);box-shadow:var(--readable-card-shadow);border-color:var(--line-2)}
.seo-content .card{box-shadow:none;background:var(--hover)}
.seo-footer .footer-inner .fbrand,#appfooter .footer-inner .fbrand{color:var(--ink);font-weight:600}
.seo-footer .footer-inner,#appfooter .footer-inner{line-height:1.6}

/* Crawlable raw HTML links for search engines; hidden visually after CSS load. */
.static-crawl{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}