/* 2026-10-09 : welcome v2 (top 10 en direct) en plein écran sur le leaderboard. Nuit, coins carrés, sans dégradé ni halo. */
.wv2-root[hidden] { display: none !important; }
.wv2-root {
  position: fixed; inset: 0; z-index: 340;
  background: #0e0e10; color: #f4f4f5;
  overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch;
  font-size: 15px; line-height: 1.6;
}
.wv2-root *, .wv2-root *::before, .wv2-root *::after { box-sizing: border-box; border-radius: 0 !important; box-shadow: none !important; }
.wv2-root a { color: inherit; text-decoration: none; }
.wv2-root a:hover { color: #ff8000; }
.wv2-root a:focus-visible, .wv2-root button:focus-visible { outline: 1px solid #ff8000; outline-offset: 2px; }
.wv2 { min-height: 100%; display: flex; flex-direction: column; outline: none; }
.wv2-bar { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 1rem; height: 4rem; padding: 0 1.5rem 0 2rem; background: #0e0e10; border-bottom: 1px solid #1a1a1e; }
.wv2-mark { font-size: 1.6rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1; color: #fff; }
.wv2-tld { color: #ff8000; }
.wv2-x { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; background: transparent; border: 1px solid #1a1a1e; color: #a1a1aa; cursor: pointer; }
.wv2-x:hover, .wv2-x:focus-visible { color: #ff8000; border-color: #ff8000; }
.wv2-grid { width: 100%; max-width: 76rem; margin: auto; padding: 2rem 2rem 1.25rem; display: grid; grid-template-columns: minmax(0, 23rem) minmax(0, 1fr); gap: 3rem; align-items: start; }
.wv2-title { font-size: 34px; line-height: 1.12; font-weight: 800; letter-spacing: -0.025em; margin: 0 0 1rem; color: #f4f4f5; }
.wv2-lead { color: #a1a1aa; margin: 0 0 1.5rem; font-size: 15px; }
.wv2-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 0.9rem; margin-bottom: 2rem; }
.wv2-btn { display: inline-flex; align-items: center; min-height: 46px; padding: 0 1.3rem; background: transparent; border: 1px solid #f4f4f5; color: #f4f4f5; font: inherit; font-weight: 600; font-size: 15px; cursor: pointer; }
.wv2-btn:hover, .wv2-btn:focus-visible { border-color: #ff8000; color: #ff8000; }
.wv2-account { margin: 0; font-size: 13.5px; color: #71717a; }
.wv2-account a { color: #d4d4d8; border-bottom: 1px solid #3f3f46; }
.wv2-root .wv2-account a:hover { color: #ff8000; border-bottom-color: #ff8000; }
.wv2-feats { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); border-top: 1px solid #1a1a1e; }
.wv2-feats a { display: flex; flex-direction: column; padding: 0.6rem 0.75rem 0.6rem 0; border-bottom: 1px solid #1a1a1e; min-width: 0; }
.wv2-feats a:nth-child(2n) { padding-left: 0.75rem; border-left: 1px solid #1a1a1e; }
.wv2-feats b { font-size: 14px; font-weight: 700; color: #f4f4f5; }
.wv2-feats span { font-size: 12.5px; line-height: 1.45; color: #71717a; }
.wv2-root .wv2-feats a:hover b { color: #ff8000; }
.wv2-board { border: 1px solid #1a1a1e; min-width: 0; }
.wv2-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.25rem 1rem; padding: 0.75rem 1rem; border-bottom: 1px solid #1a1a1e; font-size: 13px; color: #71717a; }
.wv2-head strong { color: #f4f4f5; font-weight: 600; }
.wv2-rows { list-style: none; margin: 0; padding: 0; }
.wv2-row { display: grid; grid-template-columns: 2.2rem 1.6rem minmax(0, 1fr) minmax(0, 12.5rem) 5.2rem 4.6rem; gap: 0.75rem; align-items: center; padding: 0.55rem 1rem; border-bottom: 1px solid #1a1a1e; }
.wv2-rank { font-size: 19px; font-weight: 800; color: #52525b; font-variant-numeric: tabular-nums; }
.wv2-row:nth-child(-n+3) .wv2-rank { color: #f4f4f5; }
.wv2-spec { width: 22px; height: 22px; display: inline-block; border: 1px solid #1a1a1e; background: #18181b; object-fit: cover; }
.wv2-who { min-width: 0; }
.wv2-who a { font-weight: 700; font-size: 15.5px; }
.wv2-root .wv2-who a:hover { color: #ff8000 !important; }
.wv2-who small { display: block; font-size: 12.5px; color: #71717a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wv2-cs { display: none; }
.wv2-label { font-size: 13px; color: #a1a1aa; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wv2-score { font-size: 18px; font-weight: 800; text-align: right; font-variant-numeric: tabular-nums; }
.wv2-eu { font-size: 12.5px; color: #71717a; text-align: right; font-variant-numeric: tabular-nums; }
.wv2-cut { display: grid; grid-template-columns: 1fr 1fr; }
.wv2-cut div { padding: 0.7rem 1rem; font-size: 13px; color: #a1a1aa; }
.wv2-cut div + div { border-left: 1px solid #1a1a1e; }
.wv2-cut b { font-size: 17px; margin-right: 0.45rem; font-variant-numeric: tabular-nums; }
.wv2-cut span { color: #71717a; }
.wv2-signoff { width: 100%; max-width: 76rem; margin: 0 auto; padding: 0 2rem 1.5rem; font-size: 13.5px; color: #71717a; }
@media (max-width: 1100px) {
  .wv2-grid { grid-template-columns: minmax(0, 1fr); gap: 2rem; max-width: 46rem; margin: 0 auto; }
  .wv2-signoff { max-width: 46rem; }
}
@media (max-width: 640px) {
  .wv2-bar { height: 3.5rem; padding: 0 0.75rem 0 1rem; }
  .wv2-mark { font-size: 1.45rem; }
  .wv2-grid { padding: 1.5rem 1rem 1.25rem; gap: 1rem; }
  .wv2-title { font-size: 27px; margin: 0; }
  .wv2-lead { font-size: 14.5px; margin: 0 0 0.25rem; }
  .wv2-board { margin-top: 0.75rem; }
  .wv2-feats { margin-top: 0.75rem; }
  .wv2-actions { margin-bottom: 0; }
  .wv2-btn { width: 100%; justify-content: center; }
  .wv2-intro { display: contents; }
  .wv2-feats { order: 3; }
  .wv2-board { order: 2; }
  .wv2-row { grid-template-columns: 1.6rem 1.4rem minmax(0, 1fr) 4.3rem; gap: 0.55rem; padding: 0.55rem 0.7rem; }
  .wv2-label, .wv2-eu { display: none; }
  .wv2-cs { display: inline; }
  .wv2-cs::after { content: ', '; }
  .wv2-rank { font-size: 15px; }
  .wv2-score { font-size: 16px; }
  .wv2-head { padding: 0.65rem 0.7rem; }
  .wv2-cut { grid-template-columns: minmax(0, 1fr); }
  .wv2-cut div { padding: 0.6rem 0.7rem; }
  .wv2-cut div + div { border-left: 0; border-top: 1px solid #1a1a1e; }
  .wv2-signoff { padding: 0 1rem 1.5rem; }
}
@media (prefers-reduced-motion: reduce) { .wv2-root * { transition: none !important; animation: none !important; } }
