.we-list { display: flex; flex-direction: column; }
.we-card { display: grid; grid-template-columns: 38px 34px minmax(0, 1fr) 150px 18px; align-items: center; gap: 12px; min-height: 82px; padding: 12px 14px; border-top: 1px solid var(--border); color: inherit; text-decoration: none; transition: background .15s, transform .15s; }
.we-card:first-child { border-top: 0; }
.we-card:hover { background: color-mix(in srgb, var(--accent) 7%, transparent); transform: translateX(2px); }
.we-rank { color: var(--text-lo); font: 700 11px var(--mono); }
.we-rank.top { color: var(--accent-2); }
.we-asset { display: grid; width: 32px; height: 32px; place-items: center; }
.we-asset img { margin: 0 !important; }
.we-main { display: flex; min-width: 0; flex-direction: column; gap: 5px; }
.we-name { display: flex; min-width: 0; align-items: baseline; gap: 8px; }
.we-name b { color: var(--text-hi); font-size: 14px; }
.we-name span { overflow: hidden; color: var(--text-lo); font: 10px var(--mono); text-overflow: ellipsis; white-space: nowrap; }
.we-proof { display:flex; min-width:0; gap:8px; overflow-x:auto; color:var(--text-md); font-size:11.5px; scrollbar-width:none; white-space:nowrap; }
.we-proof::-webkit-scrollbar { display:none; }
.we-proof b { color:var(--text-hi); font-weight:700; }
.we-proof span::before { content:'\00b7'; margin-right:8px; color:var(--text-lo); }
.we-evidence { display: flex; min-width: 0; gap: 10px; overflow-x: auto; color: var(--text-lo); font: 9.5px var(--mono); scrollbar-width: none; white-space: nowrap; }
.we-evidence::-webkit-scrollbar { display: none; }
.we-dir { color: var(--text-md); font: 700 9.5px var(--mono); letter-spacing: .35px; text-transform: uppercase; }
.we-dir.out { color: var(--flow-out); }
.we-dir.in { color: var(--flow-in); }
.we-result { display: flex; align-items: flex-end; flex-direction: column; gap: 2px; text-align: right; }
.we-result strong { color: var(--text-hi); font: 800 23px var(--mono); letter-spacing: -.05em; }
.we-result small { color: var(--text-md); font-size: 9.5px; text-transform: uppercase; }
.we-result em { color: var(--accent-2); font: 700 9.5px var(--mono); font-style: normal; }
.we-go { color: var(--text-lo); font-size: 18px; }
.we-card-locked { background: color-mix(in srgb, var(--accent) 4%, transparent); }
.we-card-locked .we-result em { display: inline-flex; align-items: center; gap: 4px; color: var(--accent-2); }
.we-card-locked .we-result em .mat-ic { font-size: 12px; }
.we-teaser-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.we-teaser { display: flex; min-width: 0; flex-direction: column; gap: 13px; padding: 15px; border: 1px solid var(--border); border-radius: 14px; background: color-mix(in srgb, var(--accent) 4%, var(--bg-card2)); color: inherit; text-decoration: none; transition: border-color .15s, transform .15s, background .15s; }
.we-teaser:hover { transform: translateY(-2px); border-color: var(--accent-border); background: color-mix(in srgb, var(--accent) 8%, var(--bg-card2)); }
.we-teaser-top { display: grid; grid-template-columns: 24px 32px minmax(0, 1fr) auto; align-items: center; gap: 8px; }
.we-teaser-top > b { overflow: hidden; color: var(--text-hi); font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }
.we-teaser-top > strong { color: var(--accent-2); font: 800 25px var(--mono); letter-spacing: -.05em; }
.we-teaser-proof { display: flex; align-items: center; gap: 7px; overflow-x: auto; color: var(--text-lo); font: 9.5px var(--mono); scrollbar-width: none; white-space: nowrap; }
.we-teaser-proof::-webkit-scrollbar { display: none; }
.we-teaser-proof b { color: var(--text-hi); font-size: 10.5px; }
.we-teaser-proof span::before { content: '·'; margin-right: 7px; color: var(--text-lo); }
.we-teaser-wallet { display: grid; grid-template-columns: 16px minmax(50px, 1fr) auto; align-items: center; gap: 8px; margin-top: auto; padding-top: 11px; border-top: 1px solid var(--border); color: var(--text-lo); }
.we-teaser-wallet .mat-ic { color: var(--accent-2); font-size: 14px; }
.we-teaser-wallet i { height: 8px; border-radius: 99px; background: linear-gradient(90deg, var(--text-lo), transparent); filter: blur(3px); opacity: .36; }
.we-teaser-wallet em { font-size: 9.5px; font-style: normal; }
.we-board-cta { display: flex; align-items: center; gap: 12px; margin-top: 11px; padding: 12px 14px; border: 1px solid var(--accent-border); border-radius: 12px; background: var(--accent-dim); color: inherit; text-decoration: none; }
.we-board-cta > span:first-child { display: flex; min-width: 0; flex: 1; flex-direction: column; gap: 2px; }
.we-board-cta b { color: var(--text-hi); font-size: 12px; }
.we-board-cta small { color: var(--text-md); font-size: 10.5px; }
.we-board-cta em { color: var(--accent-2); font-size: 11px; font-style: normal; font-weight: 700; white-space: nowrap; }
.we-board-cta > .mat-ic { color: var(--accent-2); font-size: 18px; }
.we-empty { display: flex; min-height: 180px; align-items: center; justify-content: center; flex-direction: column; gap: 7px; padding: 24px; color: var(--text-md); text-align: center; }
.we-empty .mat-ic { color: var(--accent-2); font-size: 28px; }
.we-empty b { color: var(--text-hi); font-size: 14px; }
.we-empty span:not(.mat-ic) { max-width: 540px; font-size: 11.5px; line-height: 1.5; }
.we-empty button { min-height: 40px; margin-top: 5px; padding: 8px 16px; border: 1px solid var(--accent-border); border-radius: 9px; background: var(--accent-dim); color: var(--accent-2); cursor: pointer; }
.we-skeletons { pointer-events: none; }
.we-sk-rank { width: 24px; height: 13px; }
.we-sk-main { width: min(440px, 90%); height: 42px; }
.we-sk-score { width: 90px; height: 36px; justify-self: end; }
.we-hero-overall { display:grid; grid-template-columns:minmax(190px,1.5fr) repeat(2,minmax(110px,1fr)); align-items:stretch; }
.we-hero-overall > span { display:flex; min-width:0; flex-direction:column; justify-content:center; gap:2px; padding:6px 14px; border-left:1px solid var(--border); }
.we-hero-overall > span:first-child { padding-left:2px; border-left:0; }
.we-hero-overall strong { color:var(--accent-2); font:800 31px var(--mono); letter-spacing:-.06em; }
.we-hero-overall b { color:var(--text-hi); font:800 19px var(--mono); }
.we-hero-overall small { color:var(--text-md); font-size:9.5px; line-height:1.25; text-transform:uppercase; letter-spacing:.32px; }
.we-hero-empty { display: flex; align-items: center; gap: 11px; padding: 12px; border: 1px solid var(--border); border-radius: 13px; background: var(--bg-card2); }
.we-hero-empty .mat-ic { color: var(--accent-2); font-size: 25px; }
.we-hero-empty div { display: flex; flex-direction: column; gap: 3px; }
.we-hero-empty b { color: var(--text-hi); font-size: 12px; }
.we-hero-empty span { color: var(--text-lo); font-size: 10.5px; line-height: 1.4; }
.we-hero-unlock { display: flex; align-items: center; gap: 11px; padding: 12px; border: 1px solid var(--accent-border); border-radius: 13px; background: var(--accent-dim); color: inherit; text-decoration: none; }
.we-hero-unlock > .mat-ic { color: var(--accent-2); font-size: 26px; }
.we-hero-unlock > span { display: flex; flex: 1; flex-direction: column; gap: 2px; }
.we-hero-unlock b { color: var(--text-hi); font-size: 12px; }
.we-hero-unlock small { color: var(--text-lo); font-size: 10px; }
.we-hero-unlock em { color: var(--accent-2); font-size: 10.5px; font-style: normal; font-weight: 700; }
.we-detail-intro { display: flex; align-items: flex-start; gap: 11px; margin-bottom: 12px; padding: 14px; border: 1px solid var(--accent-border); border-radius: 13px; background: var(--accent-dim); }
.we-detail-intro .mat-ic { color: var(--accent-2); }
.we-detail-intro div { display: flex; flex-direction: column; gap: 4px; }
.we-detail-intro b { color: var(--text-hi); font-size: 13px; }
.we-detail-intro span { color: var(--text-md); font-size: 11.5px; line-height: 1.45; }
.we-detail-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(310px, 1fr)); gap: 11px; }
.we-detail-card { padding: 16px; border: 1px solid var(--border); border-radius: 14px; background: var(--bg-card); }
.we-detail-card.qualified { border-color: var(--accent-border); box-shadow: inset 0 2px 0 color-mix(in srgb, var(--accent) 60%, transparent); }
.we-detail-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.we-detail-asset { display: flex; align-items: center; gap: 8px; }
.we-detail-asset b { color: var(--text-hi); font-size: 14px; }
.we-detail-answer { display: flex; align-items: baseline; gap: 9px; margin: 17px 0 13px; }
.we-detail-answer strong { color: var(--accent-2); font: 800 32px var(--mono); letter-spacing: -.06em; }
.we-detail-answer span { color: var(--text-md); font-size: 11.5px; line-height: 1.35; }
.we-detail-thesis { display: flex; align-items: center; gap: 9px; margin-top: 14px; padding: 10px; border-radius: 10px; background: var(--bg-card2); }
.we-detail-thesis > .mat-ic { color: var(--accent-2); font-size: 21px; }
.we-detail-thesis > span { display: flex; flex-direction: column; gap: 2px; }
.we-detail-thesis b { color: var(--text-hi); font-size: 11.5px; }
.we-detail-thesis small { color: var(--text-lo); font-size: 9.5px; }
.we-detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.we-detail-grid span { display: flex; flex-direction: column; gap: 2px; padding: 9px; border-radius: 9px; background: var(--bg-card2); color: var(--text-lo); font-size: 9.5px; line-height: 1.3; }
.we-detail-grid b { color: var(--text-hi); font: 700 13px var(--mono); }
.we-confidence { height: 4px; margin-top: 12px; overflow: hidden; border-radius: 99px; background: var(--bg-input); }
.we-confidence span { display: block; height: 100%; border-radius: inherit; background: var(--accent-2); }
.we-detail-card p { margin: 9px 0 0; color: var(--text-lo); font-size: 10.5px; line-height: 1.45; }
.we-detail-locked { color: inherit; text-decoration: none; }
.we-detail-locked .we-dir { display: inline-flex; align-items: center; gap: 4px; color: var(--accent-2); }
.we-detail-locked .we-dir .mat-ic { font-size: 13px; }
.we-unlock-line { display: flex; align-items: center; justify-content: space-between; margin-top: 12px; padding-top: 11px; border-top: 1px solid var(--border); color: var(--accent-2); font-size: 11px; font-weight: 700; }
.we-unlock-line .mat-ic { font-size: 17px; }
@media (max-width: 640px) {
  .we-list { gap:9px; }
  .we-card { position:relative; grid-template-columns:32px minmax(0,1fr) auto 24px; grid-template-areas:'asset main result go'; align-items:start; min-height:0; padding:12px; gap:10px; border:1px solid var(--border); border-radius:13px; background:var(--bg-card); box-shadow:0 5px 16px rgba(0,0,0,.08); }
  .we-card:first-child { border-top:1px solid var(--border); }
  .we-card:hover { transform:none; border-color:var(--accent-border); }
  .we-card .we-rank { display:none; }
  .we-card .we-asset { grid-area:asset; }
  .we-card .we-main { grid-area:main; gap:6px; }
  .we-card .we-result { grid-area:result; align-self:start; }
  .we-card .we-go { grid-area:go; display:grid; width:24px; height:24px; place-items:center; align-self:center; border-radius:50%; background:var(--accent-dim); color:var(--accent-2); font-size:17px; }
  .we-name { align-items:center; }
  .we-name b { font-size:15px; }
  .we-name span { font-size:9.5px; }
  .we-result strong { color:var(--accent-2); font-size:21px; }
  .we-result small { max-width:62px; font-size:9.5px; line-height:1.15; }
  .we-result em { display: none; }
  .we-proof { gap:7px; padding-bottom:1px; font-size:10px; }
  .we-proof span::before { margin-right:7px; }
  .we-evidence { gap:8px; padding-bottom:1px; }
  .we-evidence span:nth-child(n+3) { display:none; }
  .we-detail-list { grid-template-columns: 1fr; }
  .we-detail-card { padding: 13px; border-radius: 12px; }
  .we-teaser-grid { grid-template-columns: 1fr; gap: 9px; }
  .we-teaser { gap: 10px; padding: 12px; }
  .we-teaser-top { grid-template-columns:32px minmax(0,1fr) auto; }
  .we-teaser-top .we-rank { display:none; }
  .we-teaser-top > strong { font-size: 22px; }
  .we-board-cta { display:grid; grid-template-columns:minmax(0,1fr) 18px; align-items:center; padding:12px; }
  .we-board-cta em { grid-column:1; margin:3px 0 0; }
  .we-board-cta > .mat-ic { grid-column:2; grid-row:1 / 3; }
  .we-hero-unlock { display:grid; grid-template-columns:24px minmax(0,1fr); gap:6px 9px; padding:10px; }
  .we-hero-unlock > .mat-ic { grid-row:1 / 3; font-size:22px; }
  .we-hero-unlock em { grid-column:2; }
  .we-hero-overall { grid-template-columns:1.35fr 1fr 1fr; }
  .we-hero-overall > span { padding:4px 9px; }
  .we-hero-overall > span:first-child { padding-left:0; }
  .we-hero-overall strong { font-size:27px; }
  .we-hero-overall b { font-size:17px; }
  .we-hero-overall small { font-size:9.5px; }
  .we-empty { min-height:150px; padding:20px 14px; border:1px solid var(--border); border-radius:14px; background:var(--bg-card); }
}