/* copy-trader-reveal: swap card faces directly so resize/repaint never hides the full story. */
.copy-trader-reveal-root.copy-trader-reveal-root > * + * { margin-top: var(--s4); }
.copy-trader-reveal-root .copy-trader-reveal-prompt { margin: 0; font: 700 var(--fs-ui-lg)/1.35 var(--font-ui); }
.copy-trader-reveal-root .copy-trader-reveal-grid { display: grid; gap: var(--s3); grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 52rem) { .copy-trader-reveal-root .copy-trader-reveal-grid { grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); } }
.copy-trader-reveal-root .copy-trader-reveal-card { min-width: 0; }
.copy-trader-reveal-root .copy-trader-reveal-inner { display: grid; height: 100%; }
.copy-trader-reveal-root .copy-trader-reveal-face { grid-area: 1 / 1; align-content: start; gap: var(--s1); min-width: 0; padding: var(--s3); container-type: inline-size; overflow-wrap: anywhere; }
.copy-trader-reveal-root .copy-trader-reveal-back { display: none; }
.copy-trader-reveal-root .copy-trader-reveal-card.is-flipped .copy-trader-reveal-front { display: none; }
.copy-trader-reveal-root .copy-trader-reveal-card.is-flipped .copy-trader-reveal-back { display: grid; }
.copy-trader-reveal-root .copy-trader-reveal-back.is-pick { border-color: var(--ink); outline: 1px solid var(--ink); }
.copy-trader-reveal-root .copy-trader-reveal-avatar { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--ink); color: var(--on-ink); font: 700 var(--fs-small)/1 var(--font-ui); }
.copy-trader-reveal-root .copy-trader-reveal-small { font: 400 var(--fs-small)/1.3 var(--font-ui); color: var(--ink-2); }
.copy-trader-reveal-root .copy-trader-reveal-ret { max-width: 100%; font: 700 var(--fs-num-fit)/1.1 var(--font-ui); font-variant-numeric: tabular-nums; letter-spacing: -0.01em; overflow-wrap: anywhere; }
.copy-trader-reveal-root .copy-trader-reveal-you { justify-self: start; margin-top: var(--s2); padding: 2px 8px; border: 1px solid var(--line-strong); border-radius: var(--r-sm); font: 700 var(--fs-small)/1.3 var(--font-ui); color: var(--ink-2); }
.copy-trader-reveal-root .copy-trader-reveal-you.is-pick { border-color: var(--ink); background: var(--ink); color: var(--on-ink); }
.copy-trader-reveal-root .copy-trader-reveal-front { align-content: center; justify-items: start; }
.copy-trader-reveal-root .copy-trader-reveal-arrow { margin-right: var(--s1); font-size: var(--fs-small); vertical-align: 0.2em; }
.copy-trader-reveal-root .copy-trader-reveal-tags { display: flex; flex-wrap: wrap; gap: 4px; }
.copy-trader-reveal-root .copy-trader-reveal-tags:empty { display: none; }
.copy-trader-reveal-root .copy-trader-reveal-tags .w-tag { min-height: 24px; }
.copy-trader-reveal-root .copy-trader-reveal-row { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0 8px; font-size: var(--fs-small); line-height: 1.4; }
.copy-trader-reveal-root .copy-trader-reveal-row strong { font-variant-numeric: tabular-nums; }
.copy-trader-reveal-root .copy-trader-reveal-meter { display: grid; grid-template-columns: repeat(10, 1fr); gap: 2px; }
.copy-trader-reveal-root .copy-trader-reveal-meter i { height: 8px; background: var(--mist-2); }
.copy-trader-reveal-root .copy-trader-reveal-meter i.is-on { background: var(--ink); }
.copy-trader-reveal-root .copy-trader-reveal-base { stroke: var(--line-strong); stroke-width: 1; stroke-dasharray: 3 3; }
.copy-trader-reveal-root .copy-trader-reveal-line { stroke-width: 2; }
.copy-trader-reveal-root .copy-trader-reveal-fall { stroke-width: 3; }
.copy-trader-reveal-root .copy-trader-reveal-actions { display: flex; }
.copy-trader-reveal-root .copy-trader-reveal-story { padding: 2px 0; animation: copy-trader-reveal-in .4s var(--ease); }
.copy-trader-reveal-root .copy-trader-reveal-story p { margin: 0; font-size: var(--fs-ui); line-height: 1.5; }
.copy-trader-reveal-root .copy-trader-reveal-story p + p { margin-top: var(--s2); }
.copy-trader-reveal-root .copy-trader-reveal-story .copy-trader-reveal-big { font-weight: 700; font-size: var(--fs-ui-lg); }
@media (prefers-reduced-motion: reduce) { .copy-trader-reveal-root .copy-trader-reveal-story { animation: none; } }
@keyframes copy-trader-reveal-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
/* keep shared notes small even inside page rules like ".prose p" */
.copy-trader-reveal-root .w-note { margin: var(--s3) 0 0; font-size: var(--fs-small); line-height: 1.5; }