.tcard{position:relative;margin:14px 0 0;padding:0;display:flex;flex-direction:column}.tcard .cardglow{position:absolute;inset:-40px;pointer-events:none;background:radial-gradient(ellipse at 50% 40%,rgba(252,130,56,.28),transparent 60%);filter:blur(24px);opacity:0;animation:tc-fade .8s .9s forwards}.tcard .road{position:relative;flex:none;width:100%;aspect-ratio:16 / 9;border-radius:18px;overflow:hidden;background:#0e0e11;box-shadow:0 20px 50px #f10a0a40;isolation:isolate}.tcard .road .frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:hidden}.tcard .road .frame rect{fill:none;stroke-width:6;stroke-dasharray:var(--len, 1400px);stroke-dashoffset:var(--len, 1400px);animation:tc-draw .7s 1.5s var(--ease-out) forwards}@keyframes tc-draw{to{stroke-dashoffset:0}}.tcard .car{position:absolute;inset:0;animation:tc-arrive .9s var(--ease-out) both}@keyframes tc-arrive{0%{transform:translate(120%,-48%) scale(.9)}70%{transform:translate(-3%,1%) scale(1)}to{transform:none}}.tcard .car img,.tcard .car video{display:block;width:100%;height:100%;object-fit:cover}.tcard .plate{margin:14px auto 0;display:flex;align-items:center;gap:10px;background:#fff;color:#0b0b0d;border-radius:10px;padding:10px 16px;box-shadow:0 0 #fc823800;opacity:0;animation:tc-fade .3s .85s forwards,tc-plateglow .6s 1.2s forwards}@keyframes tc-plateglow{to{box-shadow:0 0 40px #fc8238a6,0 0 90px #f10a0a40}}.tcard .plate .pre{font-weight:800;font-size:22px;letter-spacing:.04em}.tcard .plate .num{display:flex;gap:2px;font-weight:800;font-size:38px;line-height:1;font-variant-numeric:tabular-nums}.tcard .digit{height:38px;overflow:hidden}.tcard .digit>span{display:block;transform:translateY(calc(var(--d) * -38px));transition:transform .7s var(--ease-out);transition-delay:calc(1s + var(--i) * .12s)}.tcard .digit b{display:block;height:38px}.tcard .when{margin:16px auto 0;text-align:center;display:flex;flex-direction:column;gap:4px;opacity:0;animation:tc-fade .5s 1.9s forwards}.tcard .when b{font-size:22px;line-height:1.1;font-weight:800;letter-spacing:-.02em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums;text-wrap:balance}.tcard .when-s{font-size:13px;color:var(--fg2);margin-top:2px}.tcard .when-l{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg3);font-weight:600}.tcard .who{margin-top:18px;padding-top:14px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px 12px;opacity:0;animation:tc-fade .5s 2s forwards}.tcard .who-main{min-width:0}.tcard .who .name{font-weight:700;font-size:16px;overflow-wrap:anywhere}.tcard .who .meta{color:var(--fg3);font-size:12px}.tcard .badge{display:inline-flex;align-items:center;gap:6px;max-width:100%;background:#ff380026;color:var(--g1);border:1px solid rgba(252,130,56,.35);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tcard .badge--long{text-transform:none;letter-spacing:0;font-size:13px;border-radius:12px;padding:8px 12px;line-height:1.3}.tcard .badge--strong{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 6px 24px #f10a0a59}@keyframes tc-fade{to{opacity:1}}.tcard--static .cardglow,.tcard--static .plate,.tcard--static .when,.tcard--static .who,.tcard--static .car{animation:none;opacity:1}.tcard--static .plate{box-shadow:0 0 40px #fc8238a6,0 0 90px #f10a0a40}.tcard--static .road .frame rect{animation:none;stroke-dashoffset:0}.tcard--static .digit>span{transition:none}@media (prefers-reduced-motion: reduce){.tcard .cardglow,.tcard .plate,.tcard .when,.tcard .who,.tcard .car{animation:none!important;opacity:1}.tcard .plate{box-shadow:0 0 40px #fc8238a6,0 0 90px #f10a0a40}.tcard .road .frame rect{animation:none!important;stroke-dashoffset:0}}
