/* Prop Firm Duel · Fulltilt sister skin (sister 1.0)
   Loaded last, unlayered, so it sits on top of screen.css and fx.css.
   Rules: black and white with a soft green glow; lime (#9EF03A) as the accent: the PFD mark, "Duel", kickers, active tabs, tags and highlights;
   everything rounded, nothing square; no stripes; Inter Tight Black Italic headlines. Light mode still works. */

@font-face { font-family: "Inter Tight"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/inter-tight-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter Tight"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/inter-tight-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter Tight"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/inter-tight-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter Tight"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/inter-tight-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter Tight"; font-style: normal; font-weight: 800; font-display: swap; src: url("../fonts/inter-tight-latin-800-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter Tight"; font-style: normal; font-weight: 900; font-display: swap; src: url("../fonts/inter-tight-latin-900-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter Tight"; font-style: italic; font-weight: 800; font-display: swap; src: url("../fonts/inter-tight-latin-800-italic.woff2") format("woff2"); }
@font-face { font-family: "Inter Tight"; font-style: italic; font-weight: 900; font-display: swap; src: url("../fonts/inter-tight-latin-900-italic.woff2") format("woff2"); }

/* ---------- tokens ---------- */
:root, :root[data-theme="dark"] {
  --pfd-lime: #9EF03A;
  --glow: #15240A;
  --bg: #000000; --bg-2: #111111; --bg-3: #1A1A1A; --line: #222222; --line-2: #333333;
  --ink: #F5F5F2; --ink-2: #BDBDBD; --mut: #8C8C8C;
  --accent: #FFFFFF; --accent-2: #E6E6E6; --lime: #FFFFFF; --lime-2: #E6E6E6;
  --on-lime: #000000; --deep: #BDBDBD; --on-soft: #111111; --lime-text: #FFFFFF;
  --display: "Inter Tight", "Arial Narrow", system-ui, sans-serif;
  --sans: "Inter Tight", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --logo: var(--display);
  --radius-s: 12px; --radius: 18px; --radius-l: 24px;
  --cut: 0px;
}
:root[data-theme="light"] {
  --bg: #F7F7F5; --bg-2: #FFFFFF; --bg-3: #EEEEEB; --line: #E3E3DE; --line-2: #CFCFC8;
  --ink: #0A0A0A; --ink-2: #3E3E3A; --mut: #6B6B66;
  --accent: #000000; --accent-2: #222222; --lime: #000000; --lime-2: #222222;
  --on-lime: #FFFFFF; --deep: #3E3E3A; --on-soft: #F0F0EE; --lime-text: #000000;
  --glow: #E6F3D3;
}
/* header and footer stay black in both modes, so the white accent works there */
:root[data-theme="light"] .site-head, :root[data-theme="light"] .site-foot, .site-foot {
  --bg: #000000; --bg-2: #111111; --bg-3: #1A1A1A; --line: #222222; --line-2: #333333;
  --ink: #F5F5F2; --ink-2: #BDBDBD; --mut: #8C8C8C;
  --accent: #FFFFFF; --lime: #FFFFFF; --lime-2: #E6E6E6; --on-lime: #000000; --lime-text: #FFFFFF;
}
:root[data-theme="light"] .site-head, :root[data-theme="light"] .site-foot { background: #000000 !important; }

/* ---------- lime: the PFD mark and "Duel" ---------- */
html body .brand-tile { background: transparent !important; color: var(--pfd-lime) !important; border-radius: 12px !important; clip-path: none !important; }
html body .brand-word path[style] { fill: var(--pfd-lime) !important; }

/* ---------- page: black with a soft green glow ---------- */
html, body { background-color: var(--bg); }
body {
  background-image:
    radial-gradient(900px 620px at 85% -120px, color-mix(in srgb, var(--glow) 95%, transparent), transparent 70%),
    radial-gradient(700px 520px at -10% 40%, color-mix(in srgb, var(--glow) 45%, transparent), transparent 70%) !important;
  background-repeat: no-repeat !important; background-attachment: scroll;
  font-family: var(--sans);
}
::selection { background: var(--pfd-lime); color: #000000; }

/* ---------- type: Inter Tight Black Italic, sentence case ---------- */
.display, .hero-h, .block-head .display, .sub-h, .page-top .display, .prof-h, .prof-block > .display,
.prog-head .display, .list-group h3, .prose h2, .tool b, .tv-soon b, .e404-h, h1, h2 {
  font-family: var(--display) !important; font-weight: 900 !important; font-style: italic;
  letter-spacing: -0.035em !important; text-transform: none !important;
}
.display, .hero-h { line-height: .9 !important; }
.hero-h em, .display em { color: inherit !important; background: none !important; -webkit-text-stroke: 0; }
h3, h4, .firm-name, .card-h { font-family: var(--display); letter-spacing: -0.02em; }
.btn, .tag, .chip, .pill, .mkt, .seg button { font-family: var(--sans) !important; font-style: normal !important; text-transform: none !important; letter-spacing: -0.01em !important; }

/* ---------- buttons: pills, white on black ---------- */
.btn { border-radius: 999px !important; clip-path: none !important; font-weight: 800 !important; }
.btn--lime, .btn--lime:hover { background: var(--lime) !important; color: var(--on-lime) !important; box-shadow: 0 12px 34px -14px color-mix(in srgb, var(--glow) 100%, transparent) !important; }
.btn--lime:hover { background: var(--lime-2) !important; }
.btn--line, .btn--ghost { background: var(--bg-3) !important; color: var(--ink) !important; border: 0 !important; }
.pill, .mkt, .seg, .seg button, .chip, .tag, .chip--hi, .codes-pill, .twp-btn, .copy-btn, .menu-btn, .mode-btn, .back-btn, .find-btn, .search input { border-radius: 999px !important; clip-path: none !important; }
.pill[aria-pressed="true"], .pill.is-on, .seg button[aria-pressed="true"], .mkt[aria-pressed="true"] { background: var(--pfd-lime) !important; color: #000000 !important; }

/* ---------- cards and panels: rounded, soft ---------- */
.firm-card, .tool, .list-group, .faq details, .prof-hero, .prog, .note, .tv-card, .tv-soon, .table-wrap, .board-wrap, .pb, .door, .stats div, .steps li, .find, .sub, .alerts-row, .term, .live-note {
  border-radius: var(--radius-l) !important; clip-path: none !important;
}
.mono { border-radius: 12px !important; clip-path: none !important; }
.door--lime, :root[data-theme="light"] .door--lime { background: var(--pfd-lime) !important; color: #000000 !important; }
.door--lime * { color: inherit !important; }
.ticker { background: #FFFFFF; color: #000000; }
.ticker a { color: #000000; }

/* ---------- motion: headline words rise in ---------- */
@media (prefers-reduced-motion: no-preference) {
  .hero-h, .page-top .display { animation: sxRise .8s cubic-bezier(.2,.8,.2,1) both; }
  @keyframes sxRise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
}
html body .hp-ui .brand-word path[style], html body .hp-brand .brand-word path[style] { fill: var(--pfd-lime) !important; }
/* Inter Tight runs wider than Barlow Condensed: keep the header on one line */
.site-head .nav, .site-head .head-cta { gap: .9rem; }
.site-head .nav a, .site-head .nav summary, .site-head .head-link, .twp-btn { font-size: .92rem; }
@media (max-width: 1500px) { .site-head .twp-btn { display: none !important; } }
/* wider type: let cards shrink instead of pushing past the screen */
.offer-card, .offer-card > *, .offer-card .rail-code, .offer-card input { min-width: 0; max-width: 100%; }
@media (max-width: 600px) {
  .offer-card { width: 100%; box-sizing: border-box; }
  .offer-card .rail-code, .offer-card [class*="code"] { flex-wrap: wrap; }
  [class*="price"] s, [class*="price"] del, .was { white-space: nowrap; margin-left: .35em; }
}

/* ---------- a little more lime: accents, never big fills ---------- */
:root { --pfd-lime-text: #9EF03A; }
:root[data-theme="light"] { --pfd-lime-text: #3E7A00; }
:root[data-theme="light"] .site-head, :root[data-theme="light"] .site-foot, .site-foot { --pfd-lime-text: #9EF03A; }
.k, .hero-k, .hp-k { color: var(--pfd-lime-text) !important; }
.tag, .chip--hi, .tick-news span, .codes-pill [data-codes-n] { background: var(--pfd-lime) !important; color: #000000 !important; }
.codes-pill { box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--pfd-lime) 55%, transparent) !important; }
.tick-live::before, .twp-dot { background: var(--pfd-lime) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--pfd-lime) 25%, transparent) !important; }
.site-head .nav a:hover, .site-head .nav summary:hover, .site-foot a:hover { color: var(--pfd-lime) !important; }
:focus-visible { outline-color: var(--pfd-lime) !important; }
.btn--lime { box-shadow: 0 14px 36px -16px color-mix(in srgb, var(--pfd-lime) 60%, transparent) !important; }
html body .e404-h em, html body .display em.hl { color: #000000 !important; background: linear-gradient(transparent 22%, var(--pfd-lime) 22%, var(--pfd-lime) 96%, transparent 96%) !important; padding: 0 .08em; }
html body .mswitch a[aria-current="page"] { background: var(--pfd-lime) !important; color: #000000 !important; }
html body .codebar .copy-btn { background: #000000 !important; color: #FFFFFF !important; }
/* the "Run a prop firm?" band is lime in both modes */
html body .firm-cta--lime, :root[data-theme="light"] .firm-cta--lime { --lime: #9EF03A; --on-lime: #0A0A0B; background: #9EF03A !important; border-color: #9EF03A !important; color: #0A0A0B !important; }
html body .firm-cta--lime .k, html body .firm-cta--lime .firm-cta-h { color: #0A0A0B !important; }
html body .firm-cta--lime .btn--lime { background: #0A0A0B !important; color: #FFFFFF !important; box-shadow: none !important; }