/* Firefinder (2026-10-31). Site greens for the frame, the Android FireFinder EmberPalette for the fire:
   gold #F2A623, orange #F06C0B, ember #EC490F, red #E41818, ash cream #F5E9DC. Flames = /launches/flame-band.webp. */
:root { --ff-bg:#070807; --ff-card:#0B0F10; --ff-line:#26302F; --ff-text:#E7ECE9; --ff-dim:#8FA69C; --ff-green:#2BFF7A;
  --ff-gold:#F2A623; --ff-orange:#F06C0B; --ff-ember:#EC490F; --ff-red:#E41818; --ff-ash:#F5E9DC; --ff-mono:ui-monospace,"JetBrains Mono",Menlo,monospace; }
html, body { margin:0; background:var(--ff-bg); color:var(--ff-text); }
body { min-height:100vh; font:14px/1.45 Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  background:
    radial-gradient(ellipse 70% 40% at 50% 0%, rgba(236,73,15,.16), transparent 70%),
    radial-gradient(ellipse 60% 30% at 50% 100%, rgba(240,108,11,.10), transparent 70%),
    linear-gradient(rgba(43,255,122,.035) 1px, transparent 1px) 0 0 / 44px 44px,
    linear-gradient(90deg, rgba(43,255,122,.035) 1px, transparent 1px) 0 0 / 44px 44px, var(--ff-bg); }
a { color:inherit; }
.num { font-variant-numeric:tabular-nums; }

/* rising embers behind everything */
.ff-embers { position:fixed; inset:0; pointer-events:none; z-index:0; overflow:hidden; }
.ff-embers i { position:absolute; bottom:-10px; width:4px; height:4px; border-radius:50%; background:var(--ff-gold);
  box-shadow:0 0 8px var(--ff-orange); opacity:0; animation:ffRise 9s linear infinite; }
.ff-embers i:nth-child(1){left:8%;animation-delay:-1s} .ff-embers i:nth-child(2){left:21%;animation-delay:-5s;animation-duration:11s}
.ff-embers i:nth-child(3){left:34%;animation-delay:-3s} .ff-embers i:nth-child(4){left:52%;animation-delay:-7s;animation-duration:12s}
.ff-embers i:nth-child(5){left:63%;animation-delay:-2s} .ff-embers i:nth-child(6){left:74%;animation-delay:-6s;animation-duration:10s}
.ff-embers i:nth-child(7){left:86%;animation-delay:-4s} .ff-embers i:nth-child(8){left:94%;animation-delay:-8s;animation-duration:13s}
@keyframes ffRise { 0%{transform:translate(0,0);opacity:0} 10%{opacity:.9} 100%{transform:translate(30px,-105vh);opacity:0} }

/* top bar (same as Lookout's) */
.lk-top, .ff { position:relative; z-index:1; }
.lk-top { display:flex; align-items:center; justify-content:space-between; gap:12px; max-width:1440px; margin:0 auto; padding:12px 16px 0; font:600 13px/1.2 var(--ff-mono); }
.lk-top a { color:#8FA69C; text-decoration:none; } .lk-top a:hover { color:#2BFF7A; }
.lk-top .home { display:flex; align-items:center; gap:8px; color:#E7ECE9; letter-spacing:.12em; }
.lk-top img { width:22px; height:22px; border-radius:6px; }
.lk-tools { display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; flex:1; justify-content:flex-start; }
.lk-tools > :first-child { margin-left:auto; } .lk-tools > :last-child { margin-right:auto; }
.lk-tools::-webkit-scrollbar { display:none; }
.lk-tools a { white-space:nowrap; font-size:12px; font-weight:700; border-radius:999px; padding:4px 12px; display:inline-flex; align-items:center; gap:7px;
  color:#E7ECE9; border:1px solid rgba(43,255,122,.5); background:rgba(43,255,122,.1); }
@media (max-width:900px) { .lk-top { flex-wrap:wrap; } .lk-tools { order:3; flex-basis:100%; justify-content:flex-start; } .lk-top .dl { font-size:11px; } }

.ff { max-width:1440px; margin:0 auto; padding:18px 16px 60px; box-sizing:border-box; }

/* head */
.ff-head { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:18px 28px; align-items:end; margin:10px 0 18px; }
@media (max-width:900px) { .ff-head { grid-template-columns:1fr; } }
.ff-eyebrow { font:700 11px/1 var(--ff-mono); letter-spacing:.18em; color:var(--ff-dim); display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.ff-eyebrow a { color:var(--ff-green); text-decoration:none; } .ff-eyebrow i { font-style:normal; opacity:.5; }
.ff-title { margin:10px 0 6px; font:900 clamp(40px,7vw,76px)/.95 var(--ff-mono); letter-spacing:.06em;
  background:linear-gradient(180deg,#FFF3C4 0%,var(--ff-gold) 35%,var(--ff-orange) 65%,var(--ff-red) 100%); -webkit-background-clip:text; background-clip:text; color:transparent;
  filter:drop-shadow(0 0 18px rgba(240,108,11,.45)); }
.ff-lede { margin:0; color:#C9D6CF; max-width:62ch; }
.ff-status { display:flex; flex-direction:column; gap:10px; }
.ff-scan { display:flex; flex-wrap:wrap; gap:6px 14px; font:600 12px/1.3 var(--ff-mono); color:var(--ff-dim); }
.ff-scan b { color:var(--ff-text); }
.ff-scan .live { color:var(--ff-gold); }
.ff-scan .dot { display:inline-block; width:8px; height:8px; border-radius:50%; background:var(--ff-orange); box-shadow:0 0 10px var(--ff-orange); margin-right:6px; animation:ffPulse 1.6s ease-in-out infinite; vertical-align:1px; }
@keyframes ffPulse { 50% { opacity:.35; } }
.ff-levels { display:flex; flex-wrap:wrap; gap:8px; }
.ff-lv { display:inline-flex; align-items:center; gap:8px; padding:6px 12px; border-radius:999px; border:1px solid var(--ff-line); background:rgba(11,15,16,.8);
  font:800 12px/1 var(--ff-mono); letter-spacing:.08em; text-transform:uppercase; color:var(--ff-ash); cursor:pointer; }
.ff-lv b { font-size:15px; }
.ff-lv[aria-pressed="true"] { border-color:currentColor; box-shadow:0 0 0 1px currentColor inset; }
.lv-inferno { color:#FF4D3A; } .lv-fireball { color:var(--ff-orange); } .lv-flame { color:var(--ff-gold); } .lv-ember { color:#C9A58A; }

.ff-note { margin:0 0 14px; padding:10px 14px; border-radius:12px; border:1px dashed rgba(242,166,35,.45); background:rgba(242,166,35,.06); color:#E9D9C4; font-size:13px; }
.ff-note b { color:var(--ff-gold); }

/* controls */
.ff-ctl { display:flex; flex-wrap:wrap; gap:8px 16px; align-items:center; margin:0 0 14px; }
.ff-chips { display:flex; flex-wrap:wrap; gap:6px; }
.ff-chips button { font:700 11.5px/1 var(--ff-mono); letter-spacing:.06em; padding:7px 11px; border-radius:999px; cursor:pointer;
  color:var(--ff-dim); background:rgba(11,15,16,.85); border:1px solid var(--ff-line); }
.ff-chips button:hover { color:var(--ff-text); }
.ff-chips button[aria-pressed="true"] { color:#160c06; background:linear-gradient(180deg,var(--ff-gold),var(--ff-orange)); border-color:transparent; }
.ff-chips small { opacity:.75; margin-left:4px; }
.ff-ctl label { font:700 11px/1 var(--ff-mono); letter-spacing:.12em; color:var(--ff-dim); text-transform:uppercase; }

/* board */
.ff-board { display:grid; grid-template-columns:repeat(auto-fill,minmax(330px,1fr)); gap:14px; }
@media (max-width:400px) { .ff-board { grid-template-columns:1fr; } }
.ff-empty { grid-column:1/-1; padding:40px 16px; text-align:center; color:var(--ff-dim); border:1px dashed var(--ff-line); border-radius:16px; }

.ffc { --heat:.3; position:relative; isolation:isolate; overflow:hidden; display:flex; flex-direction:column; gap:10px; padding:14px 14px calc(18px + 46px * var(--heat));
  border-radius:16px; background:var(--ff-card); border:1px solid #2A1A12; cursor:pointer;
  box-shadow:0 0 0 1px rgba(240,108,11,calc(.06 + .2 * var(--heat))) inset, 0 18px 40px -26px rgba(236,73,15,calc(.3 + .6 * var(--heat)));
  transition:transform .15s ease, border-color .15s ease; }
.ffc:hover, .ffc:focus-visible { transform:translateY(-2px); border-color:rgba(240,108,11,.7); outline:none; }
.ffc-fire { position:absolute; inset:0; z-index:-1; pointer-events:none; }
.ffc-f { position:absolute; left:-6%; right:-6%; bottom:-2px; height:calc(16% + 36% * var(--heat));
  background:url(/launches/flame-band.webp) center bottom / 100% 100% no-repeat; transform-origin:50% 100%;
  filter:saturate(calc(.5 + .7 * var(--heat))) brightness(calc(.55 + .6 * var(--heat)));
  animation:ffFlick var(--spd,1.2s) ease-in-out infinite alternate; }
.ffc-f2 { transform:scaleX(-1); opacity:.5; left:-14%; right:2%; height:calc(12% + 32% * var(--heat)); animation-name:ffFlick2; animation-duration:calc(var(--spd,1.2s) * 1.3); animation-delay:-.5s; }
.ffc-glow { position:absolute; left:0; right:0; bottom:0; height:60%;
  background:radial-gradient(ellipse 70% 90% at 50% 100%, rgba(236,73,15,calc(.08 + .4 * var(--heat))), transparent 70%); }
.ffc::after { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:linear-gradient(180deg, rgba(11,15,16,.96) 0%, rgba(11,15,16,.9) 55%, rgba(11,15,16,.35) 82%, rgba(11,15,16,0) 100%); }
@keyframes ffFlick { 0%{transform:scaleY(.94)} 50%{transform:scaleY(1.04) translateX(-.6%)} 100%{transform:scaleY(.98) translateX(.6%)} }
@keyframes ffFlick2 { 0%{transform:scaleX(-1) scaleY(1.03)} 100%{transform:scaleX(-1) scaleY(.92) translateX(1%)} }
@media (prefers-reduced-motion:reduce) { .ffc-f, .ffc-f2, .ff-embers i, .ff-scan .dot { animation:none; } }

.ffc-top { display:flex; align-items:center; gap:10px; }
.ffc-top .bc-ico, .ffc-top .bc-ico-txt { width:40px; height:40px; border-radius:50%; flex:none; }
.ffc-id { min-width:0; flex:1; }
.ffc-id b { display:block; font-size:17px; font-weight:800; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ffc-id span { display:block; font:600 11px/1.3 var(--ff-mono); color:var(--ff-dim); letter-spacing:.04em; }
.ffc-heat { text-align:right; flex:none; }
.ffc-heat b { display:block; font:900 calc(28px + 10px * var(--heat))/1 var(--ff-mono); color:var(--ff-ash);
  text-shadow:0 0 calc(6px + 18px * var(--heat)) rgba(240,108,11,.9), 0 1px 0 #000; }
.ffc-heat span { display:block; margin-top:3px; font:800 10px/1 var(--ff-mono); letter-spacing:.16em; text-transform:uppercase; }
.ffc-heat em { display:block; margin-top:3px; font:700 10.5px/1 var(--ff-mono); font-style:normal; color:var(--ff-dim); }
.ffc-heat em.up { color:var(--ff-gold); } .ffc-heat em.dn { color:#7FA0C9; }

.ffc-stage { display:flex; flex-wrap:wrap; gap:6px; font:800 10.5px/1 var(--ff-mono); letter-spacing:.12em; text-transform:uppercase; }
.ffc-stage span { padding:5px 8px; border-radius:6px; background:rgba(242,166,35,.1); border:1px solid rgba(242,166,35,.3); color:var(--ff-gold); }
.ffc-stage .st-igniting { color:#FFE38A; border-color:rgba(255,227,138,.45); background:rgba(255,227,138,.08); }
.ffc-stage .st-breakout { color:#FF8A3D; border-color:rgba(255,138,61,.5); background:rgba(255,138,61,.1); }
.ffc-stage .st-overheated { color:#FF6B6B; border-color:rgba(255,107,107,.5); background:rgba(255,107,107,.08); }
.ffc-stage .st-new { color:var(--ff-green); border-color:rgba(43,255,122,.4); background:rgba(43,255,122,.07); }
.ffc-stage .st-since { color:var(--ff-dim); border-color:var(--ff-line); background:transparent; letter-spacing:.06em; text-transform:none; font-weight:700; }

.ffc-why, .ffc-warn { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:4px; font-size:13px; }
.ffc-why li { position:relative; padding-left:18px; color:#EDE3D6; }
.ffc-why li::before { content:"🔥"; position:absolute; left:0; top:0; font-size:11px; }
.ffc-warn li { padding-left:18px; position:relative; color:#FFB4A0; font-size:12px; }
.ffc-warn li::before { content:"⚠"; position:absolute; left:2px; top:0; color:#FF8A6A; }

.ffc-bars { display:grid; grid-template-columns:repeat(6,1fr); gap:6px; }
.ffc-bar { display:flex; flex-direction:column; gap:4px; align-items:stretch; }
.ffc-bar i { display:block; height:34px; border-radius:4px; background:rgba(245,233,220,.07); position:relative; overflow:hidden; }
.ffc-bar i::after { content:""; position:absolute; left:0; right:0; bottom:0; height:calc(var(--v,0) * 1%);
  background:linear-gradient(0deg, var(--ff-red), var(--ff-orange) 45%, var(--ff-gold)); box-shadow:0 0 10px rgba(240,108,11,.5); }
.ffc-bar.none i::after { display:none; } .ffc-bar.none i { background:repeating-linear-gradient(45deg,rgba(245,233,220,.04) 0 4px,transparent 4px 8px); }
.ffc-bar span { font:700 9px/1 var(--ff-mono); letter-spacing:.06em; color:var(--ff-dim); text-align:center; text-transform:uppercase; }

.ffc-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
.ffc-stats div { padding:6px 8px; border-radius:8px; background:rgba(5,7,7,.7); border:1px solid rgba(38,48,47,.8); min-width:0; }
.ffc-stats small { display:block; font:700 9.5px/1 var(--ff-mono); letter-spacing:.1em; color:var(--ff-dim); text-transform:uppercase; }
.ffc-stats b { display:block; margin-top:4px; font:800 13px/1.1 var(--ff-mono); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ffc-stats b .up { color:var(--ff-green); } .ffc-stats b .dn { color:#FF6B6B; }
.ffc-spark { width:100%; height:44px; display:block; }
.ffc-spark .l { fill:none; stroke:var(--ff-gold); stroke-width:1.8; vector-effect:non-scaling-stroke; stroke-linejoin:round; filter:drop-shadow(0 0 3px rgba(240,108,11,.8)); }
.ffc-spark .a { fill:rgba(242,166,35,.12); }
.ffc-spark text { font:700 9px var(--ff-mono); fill:var(--ff-dim); }
.ffc-act { display:flex; gap:8px; position:relative; }
.ffc-act a, .ffc-act button { flex:1; text-align:center; text-decoration:none; font:800 12px/1 var(--ff-mono); letter-spacing:.06em; padding:9px 10px; border-radius:10px; cursor:pointer;
  border:1px solid rgba(242,166,35,.5); background:rgba(11,15,16,.85); color:var(--ff-ash); }
.ffc-act button { background:linear-gradient(180deg,var(--ff-gold),var(--ff-orange)); color:#160c06; border-color:transparent; }
.ffc-act a:hover { border-color:var(--ff-gold); }

/* track record + how it works */
.ff-sec { margin-top:34px; }
.ff-sec h2 { margin:0 0 6px; font:900 22px/1.1 var(--ff-mono); letter-spacing:.08em; color:var(--ff-ash); }
.ff-sec > p { margin:0 0 14px; color:var(--ff-dim); max-width:80ch; }
.ff-rec { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:10px; margin-bottom:14px; }
.ff-rec div { padding:12px 14px; border-radius:12px; background:var(--ff-card); border:1px solid var(--ff-line); }
.ff-rec small { display:block; font:700 10px/1.2 var(--ff-mono); letter-spacing:.12em; text-transform:uppercase; color:var(--ff-dim); }
.ff-rec b { display:block; margin-top:6px; font:900 24px/1 var(--ff-mono); color:var(--ff-gold); }
.ff-rec span { display:block; margin-top:4px; font-size:12px; color:var(--ff-dim); }
.ff-calls { display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:14px; }
.ff-calls h3 { margin:0 0 8px; font:800 12px/1 var(--ff-mono); letter-spacing:.14em; text-transform:uppercase; color:var(--ff-dim); }
.ff-calls table { width:100%; border-collapse:collapse; font-size:13px; }
.ff-calls td { padding:7px 6px; border-top:1px solid rgba(38,48,47,.7); white-space:nowrap; }
.ff-calls td:first-child { white-space:normal; }
.ff-calls tr { cursor:pointer; } .ff-calls tr:hover td { background:rgba(242,166,35,.05); }
.ff-calls .r { text-align:right; font-family:var(--ff-mono); }
.ff-calls .up { color:var(--ff-green); } .ff-calls .dn { color:#FF6B6B; }
.ff-how { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:10px; }
.ff-how div { padding:12px 14px; border-radius:12px; background:var(--ff-card); border:1px solid var(--ff-line); }
.ff-how b { display:block; font:800 12px/1 var(--ff-mono); letter-spacing:.12em; text-transform:uppercase; color:var(--ff-gold); margin-bottom:6px; }
.ff-how p { margin:0; font-size:13px; color:#C9D6CF; }
.ff-fine { margin-top:22px; font-size:12px; color:var(--ff-dim); max-width:90ch; }