/* tactix-nav-fallback.css — navbar LAYOUT for public pages that don't load
   tactix-extracted.css (where these rules normally live). Everything is scoped
   to the injected nav's mount (.tns-mount) so it can NEVER affect page content
   (the page's own <header> heroes, links, buttons are untouched). Pairs with
   tactix-account-strip.js; CSS variables come from theme.css (with fallbacks). */
@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}
.tns-mount header[role="banner"]{position:sticky;top:0;z-index:200;background:rgba(11,13,19,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--rim,rgba(255,255,255,.08))}
.tns-mount .wrap{max-width:1240px;margin:0 auto;padding:0 40px}
.tns-mount .nav{display:flex;align-items:center;justify-content:space-between;height:64px;gap:20px}
.tns-mount .nav-logo{display:flex;align-items:center;font-family:var(--font-d,'Syne',sans-serif);font-size:20px;font-weight:800;letter-spacing:0;cursor:pointer;text-decoration:none;color:inherit}
.tns-mount .nav-logo .mark{width:34px;height:34px;flex-shrink:0;margin-right:10px}
.tns-mount .tx-wm{letter-spacing:0;white-space:nowrap}
.tns-mount .nav-links{display:flex;align-items:center;gap:4px}
.tns-mount .nav-link{padding:7px 14px;border-radius:6px;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted,#8896B3);transition:all .2s;white-space:nowrap;text-decoration:none}
.tns-mount .nav-link:hover{color:var(--white,#EEF2FF);background:var(--white-30,rgba(238,242,255,.3))}
.tns-mount .nav-right{display:flex;align-items:center;gap:12px;flex-shrink:0}
.tns-mount .live-pill{display:flex;align-items:center;gap:7px;background:var(--red-dim,rgba(248,113,113,.15));border:1px solid rgba(255,59,92,.3);border-radius:20px;padding:5px 12px;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red,#f87171)}
.tns-mount .live-dot{width:6px;height:6px;background:var(--red,#f87171);border-radius:50%;box-shadow:0 0 6px var(--red,#f87171);animation:blink 1.4s ease-in-out infinite}
.tns-mount .btn-nav{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;border-radius:6px;background:var(--teal,#00D4A8);color:#000;font-family:var(--font-d,'Syne',sans-serif);font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;transition:all .2s;cursor:pointer;text-decoration:none}
.tns-mount .btn-nav:hover{background:#00efbf;transform:translateY(-1px);box-shadow:0 8px 24px var(--teal-glow,rgba(0,212,168,.25))}
.tns-mount .btn-nav-ghost{padding:8px 16px;border-radius:6px;border:1px solid var(--rim,rgba(255,255,255,.08));color:var(--muted2,#5a6a8a);font-size:12px;font-weight:600;letter-spacing:1px;transition:all .2s;cursor:pointer;text-decoration:none}
.tns-mount .btn-nav-ghost:hover{border-color:var(--rim2,rgba(255,255,255,.04));color:var(--white,#EEF2FF)}
@media (max-width:880px){.tns-mount .nav-links{display:none}}

/* ── Page background ──────────────────────────────────────────────────────
   These pages don't load tactix-extracted.css, which also carries the site's
   dark page background (body{background:var(--carbon)...}). Without it the
   page renders white. Restore the standard dark background + base text colour.
   Variables come from theme.css (with fallbacks). Page content sets its own
   colours, so this only fills the default. */
body{background:var(--carbon,#020810);color:var(--white,#eef2ff);font-family:var(--font-b,'Inter',system-ui,sans-serif);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}