/* TradeRange bot landing + invite wizard.
   Bauhaus plates, hard offsets, no blur, no gradients. */

/* ── Landing ─────────────────────────────────────────────────────────── */
.bot-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
  gap: 0;
  border: var(--tr-bw) solid var(--tr-line);
  box-shadow: var(--tr-shadow);
  background: var(--tr-bg-1);
  margin: 0 0 48px;
}
.bot-hero__copy {
  padding: clamp(28px, 4vw, 56px);
  background: var(--tr-yellow);
  color: var(--tr-yellow-ink);
}
.bot-hero__copy .tr-eyebrow {
  color: var(--tr-yellow-ink);
  opacity: .7;
}
.bot-hero__copy h1 {
  font-family: var(--tr-display);
  font-weight: 900;
  font-size: clamp(32px, 5vw, 64px);
  line-height: 0.95;
  letter-spacing: -.04em;
  margin: 8px 0 18px;
  max-width: 16ch;
  color: var(--tr-yellow-ink);
}
.bot-hero__lead {
  font-size: clamp(16px, 1.5vw, 19px);
  line-height: 1.45;
  max-width: 42ch;
  margin: 0 0 28px;
  color: var(--tr-yellow-ink);
}
.bot-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.bot-hero__aside {
  padding: clamp(20px, 3vw, 36px);
  background: var(--tr-bg-1);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  border-left: var(--tr-bw) solid var(--tr-line);
}
.bot-stats {
  display: grid;
  gap: 0;
}
.bot-stat {
  padding: 14px 0;
  border-bottom: var(--tr-bw) solid var(--tr-line);
}
.bot-stat:first-child { padding-top: 0; }
.bot-stat:last-child { border-bottom: 0; padding-bottom: 0; }
.bot-stat__label {
  font-family: var(--tr-mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--tr-text-3);
  margin-bottom: 6px;
}
.bot-stat__value {
  font-family: var(--tr-display);
  font-weight: 900;
  font-size: clamp(28px, 3vw, 40px);
  letter-spacing: -.03em;
  line-height: 1;
  color: var(--tr-text);
  font-variant-numeric: tabular-nums;
}
.bot-hero__note {
  font-size: 13px;
  color: var(--tr-text-2);
  line-height: 1.5;
  max-width: 36ch;
}

.bot-race {
  margin: 0 0 56px;
  background: #121212;
  color: #f0f0f0;
  border: var(--tr-bw) solid #121212;
  box-shadow: var(--tr-shadow-red);
  padding: clamp(24px, 3vw, 40px);
}
.bot-race .tr-eyebrow { color: var(--tr-yellow); }
.bot-race h2 {
  font-family: var(--tr-display);
  font-weight: 900;
  font-size: clamp(26px, 3.4vw, 40px);
  letter-spacing: -.03em;
  line-height: 1.05;
  margin: 6px 0 10px;
  color: #f0f0f0;
  max-width: 22ch;
}
.bot-race__lead {
  color: #c8c8c8;
  max-width: 52ch;
  margin: 0 0 24px;
  font-size: 16px;
  line-height: 1.5;
}
.bot-race .tr-table {
  background: #1a1a1a;
  color: #f0f0f0;
}
.bot-race .tr-table th,
.bot-race .tr-table td {
  color: #f0f0f0;
  border-color: #3a3a3a;
}
.bot-race .tr-muted { color: #a0a0a0; }
.bot-race .tr-up { color: #7dcc8a; }
.bot-race .tr-leaderboard-scroll {
  border: var(--tr-bw) solid #f0f0f0;
}
.bot-race__more {
  display: inline-flex;
  margin-top: 18px;
  color: var(--tr-yellow);
  font-family: var(--tr-mono);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-decoration: none;
}
.bot-race__more:hover { color: #fff; }
.bot-race-empty {
  padding: 20px 0 4px;
  color: #c8c8c8;
}

.bot-reasons {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: clamp(28px, 5vw, 72px);
  align-items: start;
  margin: 0 0 64px;
}
.bot-reasons__intro h2 {
  font-family: var(--tr-display);
  font-weight: 900;
  font-size: clamp(28px, 3.6vw, 44px);
  letter-spacing: -.03em;
  line-height: 1.05;
  max-width: 12ch;
  margin: 6px 0 16px;
}
.bot-reasons__intro p {
  color: var(--tr-text-2);
  max-width: 36ch;
  font-size: 16px;
  line-height: 1.55;
}
.bot-reason {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 16px;
  padding: 22px 0;
  border-top: var(--tr-bw) solid var(--tr-line);
}
.bot-reason:last-child { border-bottom: var(--tr-bw) solid var(--tr-line); }
.bot-reason__n {
  font-family: var(--tr-display);
  font-weight: 900;
  font-size: 28px;
  letter-spacing: -.04em;
  line-height: 1;
  color: var(--tr-brand);
}
.bot-reason:nth-child(1) .bot-reason__n {
  color: var(--tr-red-ink);
  background: var(--tr-brand);
  padding: 6px 8px;
  width: fit-content;
}
.bot-reason:nth-child(2) .bot-reason__n { color: var(--tr-yellow-ink); background: var(--tr-yellow); padding: 6px 8px; width: fit-content; }
.bot-reason:nth-child(3) .bot-reason__n { color: var(--tr-green-ink); background: var(--tr-green); padding: 6px 8px; width: fit-content; }
.bot-reason h3 {
  font-family: var(--tr-display);
  font-weight: 800;
  font-size: 20px;
  letter-spacing: -.02em;
  margin: 0 0 6px;
}
.bot-reason p {
  margin: 0;
  color: var(--tr-text-2);
  font-size: 15px;
  line-height: 1.55;
  max-width: 58ch;
}

.bot-feed {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 0 0 64px;
  border: var(--tr-bw) solid var(--tr-line);
  box-shadow: var(--tr-shadow);
}
.bot-feed__plate {
  padding: clamp(24px, 3vw, 40px);
}
.bot-feed__plate--red {
  background: var(--tr-brand);
  color: var(--tr-red-ink);
}
.bot-feed__plate--red .tr-eyebrow,
.bot-feed__plate--red h2,
.bot-feed__plate--red p,
.bot-feed__plate--red li { color: var(--tr-red-ink); }
.bot-feed__plate--ink {
  background: var(--tr-bg-1);
}
.bot-feed h2 {
  font-family: var(--tr-display);
  font-weight: 900;
  font-size: clamp(24px, 3vw, 36px);
  letter-spacing: -.03em;
  line-height: 1.05;
  margin: 6px 0 14px;
  max-width: 14ch;
}
.bot-feed p, .bot-feed li {
  font-size: 15px;
  line-height: 1.55;
  max-width: 48ch;
}
.bot-feed ul {
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
}
.bot-feed li {
  padding: 10px 0;
  border-top: var(--tr-bw) solid currentColor;
}
.bot-feed__plate--red li { border-color: rgba(255,255,255,.35); }

.bot-cmds {
  margin: 0 0 64px;
}
.bot-cmds h2 {
  font-family: var(--tr-display);
  font-weight: 900;
  font-size: clamp(24px, 3vw, 36px);
  letter-spacing: -.03em;
  margin: 6px 0 8px;
}
.bot-cmds__lead {
  color: var(--tr-text-2);
  max-width: 58ch;
  margin: 0 0 28px;
}
.bot-cmd-table {
  width: 100%;
  border-collapse: collapse;
}
.bot-cmd-table th {
  text-align: left;
  font-family: var(--tr-mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--tr-text-3);
  padding: 8px 12px 8px 0;
  border-bottom: var(--tr-bw) solid var(--tr-line);
}
.bot-cmd-table td {
  padding: 14px 16px 14px 0;
  border-bottom: 1px solid var(--tr-line-soft);
  vertical-align: top;
}
.bot-cmd-table code {
  font-family: var(--tr-mono);
  font-weight: 800;
  font-size: 14px;
  letter-spacing: .02em;
}
.bot-cmd-table .bot-cmd-desc {
  color: var(--tr-text-2);
  font-size: 14px;
  line-height: 1.5;
}
.bot-cmd-kicker {
  font-family: var(--tr-mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--tr-text-3);
  padding-top: 28px;
}

.bot-close {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  padding: clamp(28px, 4vw, 48px);
  background: var(--tr-green);
  color: var(--tr-green-ink);
  border: var(--tr-bw) solid var(--tr-line);
  box-shadow: var(--tr-shadow);
  margin-bottom: 8px;
}
.bot-close h2 {
  font-family: var(--tr-display);
  font-weight: 900;
  font-size: clamp(26px, 3.4vw, 42px);
  letter-spacing: -.03em;
  line-height: 1.05;
  max-width: 16ch;
  margin: 6px 0 10px;
  color: var(--tr-green-ink);
}
.bot-close p {
  max-width: 42ch;
  margin: 0;
  color: var(--tr-green-ink);
}
.bot-close .tr-eyebrow { color: var(--tr-green-ink); opacity: .75; }
.bot-close .tr-btn--ghost {
  background: transparent;
  color: var(--tr-green-ink);
  border-color: var(--tr-green-ink);
}
.bot-close .tr-btn--ghost:hover {
  background: var(--tr-yellow);
  color: var(--tr-yellow-ink);
  border-color: var(--tr-line);
}
.bot-close__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

@media (max-width: 860px) {
  .bot-hero,
  .bot-reasons,
  .bot-feed { grid-template-columns: 1fr; }
  .bot-hero__aside { border-left: 0; border-top: var(--tr-bw) solid var(--tr-line); }
  .bot-reason { grid-template-columns: 48px minmax(0, 1fr); }
}

/* ── Wizard ──────────────────────────────────────────────────────────── */
.wiz {
  min-height: calc(100dvh - 72px);
  display: grid;
  grid-template-rows: auto 1fr auto;
  background: var(--tr-bg);
}
.wiz-progress {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 0 8px;
}
.wiz-progress__track {
  display: flex;
  gap: 6px;
  flex: 1;
  list-style: none;
  margin: 0;
  padding: 0;
}
.wiz-progress__track li {
  flex: 1;
  min-width: 12px;
}
.wiz-progress__tick {
  display: block;
  width: 100%;
  height: 10px;
  padding: 0;
  background: var(--tr-bg-2);
  border: var(--tr-bw) solid var(--tr-line);
  cursor: pointer;
  appearance: none;
}
.wiz-progress__tick:hover { background: var(--tr-yellow); }
.wiz-progress__tick.is-done { background: var(--tr-text); }
.wiz-progress__tick.is-current { background: var(--tr-yellow); }
.wiz-progress__tick:focus-visible {
  outline: 3px solid var(--tr-line);
  outline-offset: 2px;
}
.wiz-progress__count {
  font-family: var(--tr-mono);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--tr-text-3);
  white-space: nowrap;
}
.wiz-skip {
  font-family: var(--tr-mono);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--tr-text-3);
  margin-left: 8px;
}
.wiz-skip:hover { color: var(--tr-brand); }

.wiz-stage {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: clamp(20px, 4vw, 56px);
  align-items: center;
  padding: clamp(8px, 2vw, 24px) 0 clamp(24px, 4vw, 48px);
  touch-action: pan-y;
}
.wiz-copy { min-width: 0; }
.wiz-kicker {
  font-family: var(--tr-mono);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--tr-brand);
  margin-bottom: 10px;
}
.wiz-copy h1 {
  font-family: var(--tr-display);
  font-weight: 900;
  font-size: clamp(32px, 5vw, 58px);
  letter-spacing: -.04em;
  line-height: 0.95;
  margin: 0 0 16px;
  max-width: 14ch;
}
.wiz-copy h1:focus { outline: none; }
.wiz-copy h1:focus-visible {
  outline: 3px solid var(--tr-line);
  outline-offset: 4px;
}
.wiz-copy .wiz-body {
  font-size: clamp(16px, 1.6vw, 19px);
  line-height: 1.5;
  color: var(--tr-text-2);
  max-width: 38ch;
  margin: 0 0 22px;
}
.wiz-points {
  list-style: none;
  margin: 0 0 8px;
  padding: 0;
  max-width: 46ch;
}
.wiz-points li {
  padding: 8px 0 8px 28px;
  position: relative;
  color: var(--tr-text);
  font-size: 15px;
  line-height: 1.45;
  border-top: 1px solid var(--tr-line-soft);
}
.wiz-points li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 14px;
  width: 12px;
  height: 12px;
  background: var(--tr-yellow);
  border: 2px solid var(--tr-line);
}

.wiz-art {
  position: relative;
  min-height: min(52vh, 420px);
  border: var(--tr-bw) solid var(--tr-line);
  box-shadow: var(--tr-shadow-lg);
  overflow: hidden;
  background: var(--tr-bg-1);
}
.wiz-art[data-step="0"] { background: var(--tr-yellow); }
.wiz-art[data-step="1"] { background: #121212; }
.wiz-art[data-step="2"] { background: var(--tr-bg-1); }
.wiz-art[data-step="3"] { background: var(--tr-brand); }
.wiz-art[data-step="4"] { background: var(--tr-green); }
.wiz-art[data-step="5"] { background: var(--tr-bg-1); }

.wiz-fig { position: absolute; inset: 0; }
.wiz-fig > * {
  position: absolute;
  border: var(--tr-bw) solid var(--tr-line);
}

/* Directory cards */
.wiz-card {
  width: 56%;
  min-height: 28%;
  background: var(--tr-bg-1);
  box-shadow: var(--tr-shadow);
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 4px;
}
.wiz-card__name {
  font-family: var(--tr-display);
  font-weight: 800;
  font-size: clamp(16px, 2vw, 22px);
  letter-spacing: -.02em;
  line-height: 1.1;
}
.wiz-card__meta {
  font-family: var(--tr-mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--tr-text-3);
}
.wiz-card__cta {
  align-self: flex-end;
  font-family: var(--tr-mono);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  border: var(--tr-bw) solid var(--tr-line);
  padding: 4px 8px;
  background: var(--tr-bg-1);
}
.wiz-card__tag {
  font-family: var(--tr-mono);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.wiz-card--a { left: 8%; top: 10%; animation: wiz-in 0.5s cubic-bezier(0.16, 1, 0.3, 1) both; }
.wiz-card--you {
  left: 28%;
  top: 34%;
  width: 62%;
  background: var(--tr-brand);
  color: var(--tr-red-ink);
  z-index: 2;
  animation: wiz-in 0.5s 0.1s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.wiz-card--you .wiz-card__meta,
.wiz-card--you .wiz-card__tag { color: var(--tr-red-ink); opacity: .85; }
.wiz-card--you .wiz-card__cta { background: var(--tr-yellow); color: var(--tr-yellow-ink); }
.wiz-card--c { left: 12%; top: 64%; animation: wiz-in 0.5s 0.18s cubic-bezier(0.16, 1, 0.3, 1) both; }

/* Rank rows */
.wiz-rank {
  left: 8%;
  width: 84%;
  height: 22%;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 16px;
  background: var(--tr-yellow);
  color: var(--tr-yellow-ink);
  transform-origin: left center;
  animation: wiz-grow 0.7s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.wiz-rank--1 { top: 12%; }
.wiz-rank--you {
  top: 40%;
  background: var(--tr-brand);
  color: var(--tr-red-ink);
  animation-delay: 0.12s;
  animation-name: wiz-climb;
}
.wiz-rank--3 { top: 68%; width: 70%; background: var(--tr-green); color: var(--tr-green-ink); animation-delay: 0.22s; }
.wiz-rank__n {
  font-family: var(--tr-display);
  font-weight: 900;
  font-size: 22px;
  letter-spacing: -.03em;
  min-width: 2.2ch;
}
.wiz-rank__name {
  flex: 1;
  font-family: var(--tr-display);
  font-weight: 800;
  font-size: clamp(16px, 2vw, 22px);
  letter-spacing: -.02em;
}
.wiz-rank__pts {
  font-family: var(--tr-mono);
  font-weight: 800;
  font-size: 13px;
}

/* Home chip stamp */
.wiz-player {
  left: 8%;
  top: 34%;
  width: 78%;
  height: 28%;
  background: var(--tr-bg-1);
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 16px;
  animation: wiz-in 0.45s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.wiz-player__rank {
  font-family: var(--tr-display);
  font-weight: 900;
  font-size: 22px;
}
.wiz-player__name {
  flex: 1;
  font-family: var(--tr-display);
  font-weight: 800;
  font-size: clamp(18px, 2.2vw, 26px);
}
.wiz-player__pts {
  font-family: var(--tr-mono);
  font-weight: 800;
  color: var(--tr-green-ink);
  background: var(--tr-green);
  padding: 4px 8px;
}
.wiz-chip {
  right: 10%;
  top: 22%;
  width: auto;
  min-width: 36%;
  height: 16%;
  padding: 0 14px;
  background: var(--tr-yellow);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--tr-mono);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  animation: wiz-stamp 0.45s 0.28s cubic-bezier(0.16, 1, 0.3, 1) both;
}

/* Feed stack */
.wiz-msg {
  left: 8%;
  width: 78%;
  min-height: 22%;
  background: var(--tr-bg-1);
  color: var(--tr-text);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  padding: 10px 14px;
  animation: wiz-stack 0.5s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.wiz-msg__time {
  font-family: var(--tr-mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: .7;
}
.wiz-msg__text {
  font-family: var(--tr-display);
  font-weight: 800;
  font-size: clamp(14px, 1.8vw, 18px);
  letter-spacing: -.02em;
  line-height: 1.15;
}
.wiz-msg--1 { top: 10%; }
.wiz-msg--2 { top: 38%; left: 14%; animation-delay: 0.12s; }
.wiz-msg--3 { top: 66%; left: 20%; animation-delay: 0.24s; background: var(--tr-yellow); color: var(--tr-yellow-ink); }

/* Slash plates */
.wiz-slash {
  left: 10%;
  width: 80%;
  height: 22%;
  background: var(--tr-bg-1);
  color: var(--tr-text);
  display: flex;
  align-items: center;
  padding: 0 8%;
  font-family: var(--tr-mono);
  font-weight: 800;
  font-size: clamp(16px, 2.2vw, 24px);
  letter-spacing: .02em;
  animation: wiz-in 0.5s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.wiz-slash--1 { top: 12%; }
.wiz-slash--2 { top: 39%; left: 16%; width: 70%; animation-delay: 0.1s; }
.wiz-slash--3 { top: 66%; left: 22%; width: 64%; animation-delay: 0.2s; background: #121212; color: #f0f0f0; }

/* Final invite square */
.wiz-final {
  inset: 10%;
  background: var(--tr-yellow);
  color: var(--tr-yellow-ink);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 8px;
  padding: 24px;
  animation: wiz-in 0.5s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.wiz-final__kicker {
  font-family: var(--tr-mono);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.wiz-final__title {
  font-family: var(--tr-display);
  font-weight: 900;
  font-size: clamp(28px, 4vw, 44px);
  letter-spacing: -.04em;
  line-height: 0.95;
}
.wiz-final__sub {
  font-size: 14px;
  max-width: 22ch;
}

.wiz-invite-wrap { margin-top: 18px; }
.wiz-invite {
  font-size: 18px !important;
  padding: 16px 28px !important;
  animation: wiz-invite-pulse 1.8s ease-in-out infinite;
}
.wiz-invite-note {
  margin: 10px 0 0;
  font-size: 13px;
  color: var(--tr-text-3);
  max-width: 36ch;
}
.wiz-hint {
  margin: 0;
  font-family: var(--tr-mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--tr-text-3);
}

.wiz-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 0 32px;
  border-top: var(--tr-bw) solid var(--tr-line);
}
.wiz-nav__btns { display: flex; gap: 10px; flex-wrap: wrap; }

@keyframes wiz-in {
  from { opacity: 0; transform: translate3d(0, 16px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
@keyframes wiz-grow {
  from { transform: scaleX(0.12); opacity: 0; }
  to { transform: scaleX(1); opacity: 1; }
}
@keyframes wiz-stamp {
  from { opacity: 0; transform: translate3d(12px, -18px, 0) rotate(-6deg); }
  to { opacity: 1; transform: translate3d(0, 0, 0) rotate(-3deg); }
}
@keyframes wiz-stack {
  from { opacity: 0; transform: translate3d(-12px, 12px, 0); }
  to { opacity: 1; transform: none; }
}
@keyframes wiz-pulse {
  0%, 100% { opacity: .35; }
  50% { opacity: 1; }
}
@keyframes wiz-climb {
  from { transform: translate3d(0, 18px, 0) scaleX(0.45); opacity: 0; }
  to { transform: translate3d(0, 0, 0) scaleX(1); opacity: 1; }
}
@keyframes wiz-invite-pulse {
  0%, 100% { transform: translate(0, 0); }
  50% { transform: translate(-3px, -3px); }
}

.wiz-copy.is-enter { animation: wiz-in 0.42s cubic-bezier(0.16, 1, 0.3, 1) both; }
.wiz-art.is-enter { animation: wiz-in 0.5s 0.04s cubic-bezier(0.16, 1, 0.3, 1) both; }

@media (max-width: 800px) {
  .wiz-stage { grid-template-columns: 1fr; }
  .wiz-art { min-height: 240px; order: -1; box-shadow: var(--tr-shadow); }
  .wiz-copy h1 { max-width: none; }
}
@media (prefers-reduced-motion: reduce) {
  .wiz-copy, .wiz-art, .wiz-fig > *, .wiz-card, .wiz-rank, .wiz-player, .wiz-chip,
  .wiz-msg, .wiz-slash, .wiz-final, .wiz-invite {
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

.tr-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 640px) {
  .bot-cmd-table .bot-cmd-hide { display: none; }
}