/* TapCord website — second edition, to match the launcher's new look: a graphite base instead of a
 * purple-black, no star pattern, a solid glass bar, calmer cards and gold kept for what you press.
 * Loaded after site.css (copied to site/www/assets by scripts/site.js). */
:root{
  --bg:#09090c;--bg2:#0d0d11;--surface:#131318;--surface2:#18181f;--surface3:#212129;
  --border:rgba(255,255,255,.065);--border2:rgba(255,255,255,.11);
  --text:#e9e7e2;--muted:#a5a3a0;--faint:#75736f;
  --r:20px;
}
/* one soft light, no pattern: quieter, and nothing for the browser to repaint while scrolling */
body::before{background:radial-gradient(1100px 520px at 85% -12%,rgba(230,184,92,.07),transparent 70%)}

/* the bar: always solid, links in one rounded group */
.nav{background:rgba(9,9,12,.78);-webkit-backdrop-filter:blur(14px) saturate(1.15);backdrop-filter:blur(14px) saturate(1.15);border-bottom-color:var(--border)}
.nav.open{background:var(--bg)}
.links{padding:4px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid var(--border)}
.links a{padding:6px 12px;border-radius:9px;font-size:14px}
.links a:hover,.links a[aria-current]{background:rgba(255,255,255,.06)}
.brand small{border-color:var(--border)}

/* hero */
.hero{padding-top:calc(var(--nav) + 72px)}
.hero h1{font-size:clamp(44px,5.6vw,76px)}
.news{background:var(--surface);border-color:var(--border)}
.show-frame{border-radius:calc(34px * var(--k,.7) + 12px);background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.01));border-color:var(--border)}
.stats{gap:12px;border:0;background:none}
.stats li{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface)}
.stats li+li{border-inline-start:1px solid var(--border)}

/* sections and cards */
.sec{padding:88px 0}
.sec+.sec{border-top-color:transparent}
.sec:nth-of-type(even){background:linear-gradient(180deg,transparent,rgba(255,255,255,.012) 18%,rgba(255,255,255,.012) 82%,transparent)}
.tile{background:var(--surface);border-color:var(--border)}
.btn-line{background:transparent;border-color:var(--border2)}

/* plugins page */
.phead{border-bottom-color:var(--border)}
.psearch{background:var(--surface);border-color:var(--border2)}
.pcats button[aria-pressed=true]{background:rgba(230,184,92,.1)}
html[dir=rtl] .pcats button[aria-pressed=true]{background:rgba(230,184,92,.1)}
.pcard{background:var(--surface);border-color:var(--border)}
.pcard:hover{background:var(--surface2)}
.pthumb{background:#0f0e12}
.pm-card{background:var(--bg2);border-color:var(--border2)}
.pm-back{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(3,3,5,.82)}