/* ─────────────────────────────────────────────────────────────────────────
   TRENCHES LANDING — boot overlay shown while Unity streams in behind it.
   Everything is scoped under #trenches-landing so it can't leak into the
   shop/level-up styles. Fades out when the player clicks DEPLOY (landing.js).
   Design source of truth: the approved prototype in Downloads/trenches-landing.
   ───────────────────────────────────────────────────────────────────────── */
:root{
  --tl-ink:#0b0e10;
  --tl-line:#2a333a;
  --tl-steel:#b7c2c9;
  --tl-smoke:#7d8990;
  --tl-sand:#e8ecef;
  --tl-gold:#f2c14e;
  --tl-gold-deep:#dda52f;
}

#trenches-landing{
  position:fixed; inset:0; z-index:50;
  background:var(--tl-ink); color:var(--tl-sand);
  font-family:"Chakra Petch",system-ui,sans-serif;
  transition:opacity 1s ease;
  /* Safety net (B): if content can't fit even after height-aware sizing,
     scroll instead of clipping behind the header. Never lose content. */
  overflow-y:auto; overflow-x:hidden;
}
#trenches-landing.done{ opacity:0; pointer-events:none; }
#trenches-landing a{ color:inherit; text-decoration:none; }
#trenches-landing :focus-visible{ outline:2px solid var(--tl-gold); outline-offset:3px; }

/* ── Backdrop: golden-hour key art, slow push-in, dark scrim on the text side ── */
#tl-stage{ position:absolute; inset:0; overflow:hidden; }
#tl-keyart{
  position:absolute; inset:0;
  background:url("loading-bg.jpg") center right / cover no-repeat;
  animation:tl-push 45s ease-out forwards;
}
@keyframes tl-push{ from{ transform:scale(1.07); } to{ transform:scale(1.0); } }
#tl-scrim{
  position:absolute; inset:0;
  background:
    linear-gradient(90deg, rgba(11,14,16,.92) 0%, rgba(11,14,16,.72) 34%, rgba(11,14,16,.15) 62%, rgba(11,14,16,0) 80%),
    linear-gradient(0deg, rgba(11,14,16,.95) 0%, rgba(11,14,16,.35) 18%, rgba(11,14,16,0) 40%),
    linear-gradient(180deg, rgba(11,14,16,.75) 0%, rgba(11,14,16,0) 18%);
}
#tl-vignette{
  position:absolute; inset:0;
  background:radial-gradient(ellipse at 58% 42%, transparent 55%, rgba(0,0,0,.5) 100%);
}
#tl-dust{ position:absolute; inset:0; pointer-events:none; }

/* ── Frame ── */
#tl-page{
  position:relative; z-index:2;
  /* dvh, not vh: accounts for Brave/mobile collapsing address-bar chrome.
     min-height (not height) lets the page grow + scroll when it must. */
  min-height:100dvh;
  display:flex; flex-direction:column;
  /* Vertical padding shrinks on short viewports (vh), horizontal keeps vw. */
  padding:clamp(12px,2.4vh,36px) clamp(18px,4vw,56px);
}

/* ── Top bar ── */
#trenches-landing header{
  display:flex; align-items:center; gap:clamp(16px,3vw,40px);
  font-size:12px; font-weight:600; letter-spacing:.22em;
}
#tl-mark{
  font-family:"Big Shoulders Stencil Text","Chakra Petch",sans-serif;
  font-size:26px; font-weight:800; letter-spacing:.14em;
  color:var(--tl-gold);
}
#trenches-landing nav{ display:flex; gap:clamp(14px,2.5vw,32px); }
#trenches-landing nav a{ color:var(--tl-steel); padding:6px 2px; transition:color .2s; }
#trenches-landing nav a:hover{ color:var(--tl-gold); }
#tl-topbar-spacer{ flex:1; }
#tl-token-pill{
  font-size:11px; letter-spacing:.14em; color:var(--tl-gold);
  border:1px solid var(--tl-line); padding:8px 14px;
  background:rgba(11,14,16,.55);
}
#tl-token-pill b{ color:var(--tl-sand); font-weight:600; }

/* ── Hero block, bottom-left over the dark side of the art ── */
/* Center the hero block vertically so the headline sits around mid-screen (not bottom-pinned). */
#trenches-landing main{ flex:1; display:flex; align-items:center; min-height:0; }
#tl-brief{ max-width:640px; padding-bottom:clamp(18px,4vh,48px); }

#tl-kicker{
  font-size:12px; font-weight:600; letter-spacing:.34em;
  color:var(--tl-steel); margin-bottom:18px;
}
#tl-kicker::before{
  content:""; display:inline-block; vertical-align:2px;
  width:34px; height:2px; background:var(--tl-gold); margin-right:14px;
}

#trenches-landing h1{
  font-family:"Big Shoulders Stencil Text","Chakra Petch",sans-serif;
  font-weight:800; line-height:.9;
  /* Height-aware (A): capped by whichever of width/height is tighter, so the
     headline can't outgrow a short, wide window (its worst case). */
  font-size:clamp(48px,min(9.5vw,15vh),132px);
  letter-spacing:.02em;
  text-transform:uppercase;
  text-shadow:0 2px 24px rgba(0,0,0,.85);
}
#trenches-landing h1 .pay{ color:var(--tl-gold); }

#tl-sub{
  margin:clamp(12px,2vh,22px) 0 clamp(14px,2.2vh,26px); max-width:52ch;
  font-size:clamp(14px,1.3vw,16px); line-height:1.65;
  color:var(--tl-steel); text-shadow:0 1px 8px rgba(0,0,0,.9);
}
#tl-sub b{ color:var(--tl-sand); font-weight:600; }

/* Crate-stencil tags */
#tl-tags{ display:flex; flex-wrap:wrap; gap:10px; margin-bottom:clamp(14px,2.4vh,30px); }
#trenches-landing .tl-tag{
  font-size:10px; font-weight:700; letter-spacing:.22em;
  color:var(--tl-steel); padding:7px 12px;
  border:1px solid var(--tl-line);
  background:rgba(11,14,16,.5);
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);
}

/* ── $TRENCH contract address bar — deliberately prominent, click anywhere to copy ── */
#tl-ca{
  display:flex; align-items:center; gap:14px; width:100%;
  margin:0 0 clamp(14px,2.4vh,30px); padding:12px 16px;
  background:linear-gradient(180deg,rgba(242,193,78,.07),rgba(11,14,16,.5));
  border:1px solid rgba(242,193,78,.45); border-radius:12px;
  color:inherit; font:inherit; text-align:left; cursor:pointer;
  transition:border-color .15s ease,box-shadow .2s ease,transform .12s ease;
  animation:tl-ca-glow 3.2s ease-in-out infinite;
}
#tl-ca:hover{ animation:none; border-color:var(--tl-gold);
  box-shadow:0 0 0 1px rgba(242,193,78,.22),0 0 34px rgba(242,193,78,.3); transform:translateY(-1px); }
@keyframes tl-ca-glow{
  0%,100%{ box-shadow:0 0 0 1px rgba(242,193,78,.08),0 0 20px rgba(242,193,78,.12); }
  50%{ box-shadow:0 0 0 1px rgba(242,193,78,.16),0 0 30px rgba(242,193,78,.22); }
}
#tl-ca-label{ flex:none; font-family:"Big Shoulders Stencil Text","Chakra Petch",sans-serif;
  font-weight:800; font-size:13px; letter-spacing:.16em; color:var(--tl-gold); white-space:nowrap; }
#tl-ca-addr{ flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  font-family:"Consolas",ui-monospace,monospace; font-size:clamp(12px,1.35vw,17px);
  letter-spacing:.02em; color:var(--tl-sand); }
#tl-ca-copy{ flex:none; font-weight:700; font-size:12px; letter-spacing:.18em; color:var(--tl-ink);
  background:linear-gradient(180deg,var(--tl-gold),var(--tl-gold-deep));
  border-radius:7px; padding:8px 16px; white-space:nowrap; }
#tl-ca.copied{ animation:none; border-color:#3f9e57;
  box-shadow:0 0 0 1px rgba(63,158,87,.3),0 0 30px rgba(63,158,87,.25); }
#tl-ca.copied #tl-ca-copy{ background:#2f7d43; color:#fff; }

/* ── Signature: the DEPLOY control — a rifle magazine that fills with rounds
      as Unity preloads; arms gold when the instance is ready. ── */
#tl-cta-row{ display:flex; align-items:center; gap:22px; flex-wrap:wrap; }

/* Quiet secondary beside DEPLOY — sends the eye to the HOW IT PAYS dossier without competing. */
#tl-howlink{
  display:inline-flex; align-items:center;
  font-size:13px; font-weight:700; letter-spacing:.14em; color:var(--tl-steel);
  transition:color .2s;
}
#tl-howlink span{ color:var(--tl-gold); margin-left:7px; }
#tl-howlink:hover{ color:var(--tl-gold); }

#tl-deploy{
  display:flex; flex-direction:column; justify-content:center; gap:9px;
  min-width:300px; padding:16px 26px 14px;
  font-family:inherit; text-align:left; cursor:progress;
  background:rgba(20,24,28,.85); color:inherit;
  border:1px solid var(--tl-line);
  clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);
  transition:background .3s,border-color .3s;
}
#tl-deploy-label{
  font-family:"Big Shoulders Stencil Text","Chakra Petch",sans-serif;
  font-size:26px; font-weight:800; letter-spacing:.12em;
  color:var(--tl-smoke); transition:color .3s;
}
#tl-mag{ display:flex; gap:5px; }
#tl-mag i{
  width:14px; height:7px; display:block;
  background:#232b31; transform:skewX(-18deg);
  transition:background .25s;
}
#tl-mag i.loaded{ background:var(--tl-gold-deep); box-shadow:0 0 6px rgba(242,193,78,.35); }
#tl-deploy-meta{
  display:flex; justify-content:space-between; gap:20px;
  font-size:10px; font-weight:600; letter-spacing:.24em; color:var(--tl-smoke);
}
#tl-deploy-pct{ color:var(--tl-steel); }

#tl-deploy.armed{
  cursor:pointer;
  background:linear-gradient(180deg,var(--tl-gold),var(--tl-gold-deep));
  border-color:var(--tl-gold);
  animation:tl-arm .45s ease-out;
}
#tl-deploy.armed #tl-deploy-label{ color:var(--tl-ink); }
#tl-deploy.armed #tl-deploy-meta,#tl-deploy.armed #tl-deploy-pct{ color:rgba(11,14,16,.75); }
#tl-deploy.armed #tl-mag i{ background:rgba(11,14,16,.62); box-shadow:none; }
#tl-deploy.armed:hover{ filter:brightness(1.06); }
@keyframes tl-arm{
  0%{ box-shadow:0 0 0 0 rgba(242,193,78,.7); }
  100%{ box-shadow:0 0 0 26px rgba(242,193,78,0); }
}
#tl-deploy.failed{ border-color:#8f3b3b; cursor:default; }
#tl-deploy.failed #tl-deploy-label{ color:#e08c74; }

#trenches-landing .tl-ghost{
  display:flex; align-items:center; padding:0 26px;
  font-size:12px; font-weight:700; letter-spacing:.2em; color:var(--tl-sand);
  border:1px solid var(--tl-line); background:rgba(11,14,16,.5);
  transition:border-color .2s,color .2s;
}
#trenches-landing .tl-ghost:hover{ border-color:var(--tl-gold); color:var(--tl-gold); }

/* ── Bottom readout: thin single-line field-report strip (LIVE leads, stats inline) ── */
#trenches-landing footer{
  display:flex; align-items:center; flex-wrap:wrap; gap:clamp(10px,1.6vw,18px);
  border-top:1px solid rgba(42,51,58,.8);
  padding-top:16px; margin-top:6px;
  font-size:12px; letter-spacing:.08em; color:var(--tl-smoke);
}
#trenches-landing .tl-fr b{ color:var(--tl-gold); font-weight:700; font-variant-numeric:tabular-nums; }
#trenches-landing .tl-fr-sep{ color:var(--tl-line); }
#tl-live{ display:flex; align-items:center; gap:9px;
  font-size:10px; font-weight:700; letter-spacing:.26em; color:var(--tl-steel); }
#tl-live i{ width:7px; height:7px; border-radius:50%; background:#74e08c;
  box-shadow:0 0 8px rgba(116,224,140,.8); animation:tl-blink 2.2s infinite; }
@keyframes tl-blink{ 0%,100%{ opacity:1; } 50%{ opacity:.35; } }

/* ── Dossier panels (Arsenal / Leaderboard / How It Pays) ── */
#trenches-landing .tl-backdrop{
  position:fixed; inset:0; z-index:10; display:none;
  align-items:center; justify-content:center;
  padding:clamp(12px,3vw,40px);
  background:rgba(5,7,8,.74); backdrop-filter:blur(5px);
}
#trenches-landing .tl-backdrop.open{ display:flex; }
#trenches-landing .tl-panel{
  width:min(1060px,96vw); max-height:88dvh;
  display:flex; flex-direction:column;
  background:rgba(16,20,24,.97); border:1px solid var(--tl-line);
  clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);
}
#trenches-landing .tl-panel-head{
  display:flex; align-items:center; justify-content:space-between;
  padding:16px 26px; border-bottom:1px solid var(--tl-line); flex:none;
}
#trenches-landing .tl-panel-title{
  font-family:"Big Shoulders Stencil Text","Chakra Petch",sans-serif;
  font-size:30px; font-weight:800; letter-spacing:.12em; color:var(--tl-gold);
}
#trenches-landing .tl-panel-title::before{
  content:""; display:inline-block; vertical-align:4px;
  width:26px; height:3px; background:var(--tl-gold); margin-right:14px;
}
#trenches-landing .tl-panel-close{
  font-family:inherit; font-size:11px; font-weight:700; letter-spacing:.18em;
  color:var(--tl-steel); background:none; border:1px solid var(--tl-line);
  padding:8px 14px; cursor:pointer; transition:color .2s,border-color .2s;
}
#trenches-landing .tl-panel-close:hover{ color:var(--tl-gold); border-color:var(--tl-gold); }
#trenches-landing .tl-panel-body{ overflow-y:auto; padding:22px 26px 30px; }

#trenches-landing .tl-sec{
  display:flex; align-items:center; gap:12px;
  font-size:11px; font-weight:700; letter-spacing:.3em; color:var(--tl-smoke);
  margin:26px 0 14px;
}
#trenches-landing .tl-sec:first-child{ margin-top:0; }
#trenches-landing .tl-sec::after{ content:""; flex:1; height:1px; background:var(--tl-line); }

#trenches-landing .tl-cards{ display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:14px; }
#trenches-landing .tl-card{
  border:1px solid var(--tl-line); background:#14181c;
  display:flex; flex-direction:column; overflow:hidden;
}
#trenches-landing .tl-card .tl-hero{
  aspect-ratio:16/10; background:#0c0f12; position:relative;
  display:flex; align-items:center; justify-content:center;
}
#trenches-landing .tl-card .tl-hero img{ width:100%; height:100%; object-fit:cover; display:block; }
#trenches-landing .tl-card .tl-hero img.contain{ object-fit:contain; background:#1a1b1d; }
#trenches-landing .tl-card .tl-hero svg.tl-op{ width:56%; height:auto; color:#39444d; }
#trenches-landing .tl-card-info{ padding:12px 14px 14px; }
#trenches-landing .tl-card h3{ font-size:13px; font-weight:700; letter-spacing:.08em; }
#trenches-landing .tl-card .tl-card-sub{ font-size:10px; color:var(--tl-smoke); letter-spacing:.12em; margin-top:3px; }
#trenches-landing .tl-card .tl-card-price{ font-size:12px; color:var(--tl-gold); margin-top:8px; font-variant-numeric:tabular-nums; }
#trenches-landing .tl-chip{
  position:absolute; top:10px; left:10px;
  font-size:9px; font-weight:700; letter-spacing:.14em; padding:4px 8px;
}
#trenches-landing .tl-chip.rare      { background:#26526b; color:#bfe3ff; }
#trenches-landing .tl-chip.epic      { background:#4b2b6e; color:#dcc2ff; }
#trenches-landing .tl-chip.legendary { background:#6e5a1c; color:#ffe9a6; }
#trenches-landing .tl-chip.godly     { background:linear-gradient(90deg,#7a2b8f,#b02f6b); color:#ffd7f4; }
#trenches-landing .tl-chip.equipped  { background:#1f6e3c; color:#d7ffe3; }
#trenches-landing .tl-card.gold-line { border-color:#6e5a1c; }

#trenches-landing .tl-card.locked .tl-hero svg.tl-op{ color:#232b31; }
#trenches-landing .tl-lock-veil{
  position:absolute; inset:0; display:flex; flex-direction:column;
  align-items:center; justify-content:center; gap:8px;
  background:rgba(8,10,12,.55);
}
#trenches-landing .tl-lock-veil svg{ width:22px; color:var(--tl-gold); }
#trenches-landing .tl-lock-veil span{ font-size:9px; font-weight:700; letter-spacing:.3em; color:var(--tl-steel); }

/* How It Pays — numbered briefing steps */
#trenches-landing .tl-steps{ display:flex; flex-direction:column; gap:14px; }
#trenches-landing .tl-step{
  display:grid; grid-template-columns:74px 1fr; gap:18px; align-items:start;
  border:1px solid var(--tl-line); background:#14181c; padding:20px 22px;
}
#trenches-landing .tl-step-num{
  font-family:"Big Shoulders Stencil Text","Chakra Petch",sans-serif;
  font-size:44px; font-weight:800; line-height:1; color:#39444d;
}
#trenches-landing .tl-step h3{ font-size:14px; font-weight:700; letter-spacing:.14em; margin-bottom:7px; }
#trenches-landing .tl-step p{ font-size:13px; line-height:1.65; color:var(--tl-steel); max-width:70ch; }
#trenches-landing .tl-step p b{ color:var(--tl-sand); font-weight:600; }
#trenches-landing .tl-step.key{ border-color:var(--tl-gold); background:#171612; }
#trenches-landing .tl-step.key .tl-step-num{ color:var(--tl-gold); }
#trenches-landing .tl-step.key h3{ color:var(--tl-gold); }

#trenches-landing .tl-rails{ display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
#trenches-landing .tl-fineprint{ margin-top:16px; font-size:11px; line-height:1.7; color:var(--tl-smoke); letter-spacing:.04em; }
#trenches-landing .tl-armory-note{
  margin-top:22px; display:flex; gap:16px; align-items:flex-start;
  border:1px solid var(--tl-line); border-left:3px solid var(--tl-gold);
  background:#14181c; padding:16px 20px;
}
#trenches-landing .tl-armory-note .tl-an-coin{
  font-family:"Big Shoulders Stencil Text","Chakra Petch",sans-serif;
  font-size:20px; font-weight:800; color:var(--tl-gold); white-space:nowrap;
}
#trenches-landing .tl-armory-note p{ font-size:12.5px; line-height:1.65; color:var(--tl-steel); }
#trenches-landing .tl-armory-note p b{ color:var(--tl-sand); font-weight:600; }

/* Leaderboard */
#trenches-landing .tl-tabs{ display:flex; gap:8px; flex-wrap:wrap; }
#trenches-landing .tl-tabs + .tl-tabs{ margin-top:10px; }
#trenches-landing .tl-tab{
  font-family:inherit; font-size:10px; font-weight:700; letter-spacing:.2em;
  color:var(--tl-steel); background:none; border:1px solid var(--tl-line);
  padding:9px 16px; cursor:pointer; transition:all .15s;
  display:flex; align-items:center; gap:8px;
}
#trenches-landing .tl-tab:hover{ border-color:var(--tl-gold); color:var(--tl-gold); }
#trenches-landing .tl-tab.active{ background:linear-gradient(180deg,var(--tl-gold),var(--tl-gold-deep)); color:var(--tl-ink); border-color:var(--tl-gold); }
#trenches-landing .tl-tab.soon{ opacity:.55; cursor:not-allowed; }
#trenches-landing .tl-tab.soon:hover{ border-color:var(--tl-line); color:var(--tl-steel); }
#trenches-landing .tl-tab.soon svg{ width:11px; color:var(--tl-gold); }

#tl-lb-table{ margin-top:20px; }
#trenches-landing .tl-lb-row{
  display:grid; grid-template-columns:52px 1fr 140px;
  align-items:center; gap:12px;
  padding:11px 14px; border-bottom:1px solid rgba(42,51,58,.6);
  font-size:13px;
}
#trenches-landing .tl-lb-row.head{
  font-size:9px; font-weight:700; letter-spacing:.26em; color:var(--tl-smoke);
  border-bottom:1px solid var(--tl-line);
}
#trenches-landing .tl-lb-rank{ font-family:"Big Shoulders Stencil Text","Chakra Petch",sans-serif; font-size:17px; font-weight:700; color:var(--tl-smoke); }
#trenches-landing .tl-lb-row.top .tl-lb-rank{ color:var(--tl-gold); }
#trenches-landing .tl-lb-name{ font-weight:600; letter-spacing:.06em; }
#trenches-landing .tl-lb-val{ text-align:right; color:var(--tl-gold); font-weight:700; font-variant-numeric:tabular-nums; }

/* ── CLIPPING CAMPAIGN ─────────────────────────────────────────────────────
   Hero callout strip only — clicking it (or the nav item) opens the
   standalone clipper console (golden-clip-view) in a new tab. */
#tl-clip-callout{
  margin-top:22px; display:flex; align-items:center; gap:14px;
  max-width:640px; padding:12px 16px;
  font-size:11px; font-weight:600; letter-spacing:.14em; color:var(--tl-steel);
  border:1px solid var(--tl-line); border-left:3px solid var(--tl-gold);
  background:rgba(11,14,16,.55);
  transition:border-color .2s;
}
#tl-clip-callout svg{ width:20px; flex:none; color:var(--tl-gold); }
#tl-clip-callout b{ color:var(--tl-sand); font-weight:700; }
#tl-clip-callout .tl-cc-go{ margin-left:auto; color:var(--tl-gold); font-weight:700; white-space:nowrap; }
#tl-clip-callout:hover{ border-color:var(--tl-gold); }

/* $TRENCH buy links — inherit their context's color, underline on hover */
#trenches-landing a.tl-buy{ color:inherit; }
#trenches-landing a.tl-buy:hover,
#trenches-landing a[data-buy]:hover{ text-decoration:underline; }
#trenches-landing .tl-armory-note p a[data-buy]{ color:var(--tl-gold); }

/* ── ARSENAL: $TRENCH buy block now lives at the top of the panel ── */
#trenches-landing .tl-panel-body > .tl-armory-note:first-child{ margin-top:0; }
#trenches-landing .tl-arsenal-buy{ margin:2px 0 8px; }
#trenches-landing .tl-arsenal-buy .tl-ghost{ display:inline-flex; padding:12px 26px; }

/* ── EARN panel cards (clipping + refer-and-earn) ── */
#trenches-landing .tl-earn-card{
  display:flex; gap:16px; align-items:flex-start; width:100%; text-align:left;
  border:1px solid var(--tl-line); border-left:3px solid var(--tl-gold);
  background:#14181c; padding:20px 22px; margin-bottom:14px;
  color:inherit; font:inherit; cursor:pointer; transition:border-color .2s;
}
#trenches-landing .tl-earn-card:hover{ border-color:var(--tl-gold); }
#trenches-landing .tl-earn-card svg{ width:26px; height:26px; flex:none; color:var(--tl-gold); margin-top:2px; }
#trenches-landing .tl-earn-card h3{ font-size:14px; font-weight:700; letter-spacing:.12em; margin-bottom:6px; }
#trenches-landing .tl-earn-card p{ font-size:12.5px; line-height:1.6; color:var(--tl-steel); margin-bottom:12px; }
#trenches-landing .tl-earn-go{ font-size:11px; font-weight:700; letter-spacing:.16em; color:var(--tl-gold); white-space:nowrap; }

@media (max-width:760px){
  #trenches-landing{ overflow-y:auto; }
  #tl-page{ min-height:100%; height:auto; }
  #trenches-landing nav{ display:none; }
  #tl-brief{ padding-top:10vh; }
  #trenches-landing footer{ flex-wrap:wrap; gap:18px 28px; }
  #tl-live{ margin-left:0; width:100%; }
}
@media (prefers-reduced-motion:reduce){
  #tl-keyart{ animation:none; }
  #tl-deploy.armed{ animation:none; }
  #tl-live i{ animation:none; }
  #tl-ca{ animation:none; }
}