.xj-leaderboard-page{background:linear-gradient(180deg,#d9e1eb 0%,#cbd5e2 42%,#c5d0df 100%);color:#1d2b3f;padding:36px 0 68px;min-height:100vh}
.xj-leaderboard-page *{box-sizing:border-box}
.xj-leaderboard-page__overline{display:block;color:#456994;font-size:12px;font-weight:800;letter-spacing:.04em}
.xj-leaderboard-page__switcher{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 0 16px}
.xj-leaderboard-page__switcher h1{font-size:24px;margin:4px 0 0;font-weight:850}
.xj-leaderboard-page__tabs{display:flex;gap:5px;border:1px solid #94aac4;background:#b6c5d8;padding:5px;border-radius:13px;box-shadow:inset 0 2px 5px #4056751a}
.xj-leaderboard-page__tabs button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:116px;height:42px;border:0;border-radius:9px;background:transparent;color:#344863;font-family:inherit;font-size:14px;font-weight:800;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s,transform .2s}
.xj-leaderboard-page__tabs button:hover{background:#e4edf8}
.xj-leaderboard-page__tabs button[aria-selected=true]{background:linear-gradient(150deg,#314967,#20364e);color:#fff;box-shadow:inset 0 1px #a9c7f04a,0 3px 8px #3049643b}
.xj-leaderboard-page__tabs button span:first-child{color:#82c9ff;font-size:17px}
.xj-leaderboard-page a:focus-visible,.xj-leaderboard-page button:focus-visible{outline:3px solid #0e73d1;outline-offset:3px}
.xj-race[hidden]{display:none}
.xj-race__banner{position:relative;width:100%;aspect-ratio:3/1;overflow:hidden;border:1px solid #91acd0;border-radius:18px;background:#0a3166;box-shadow:0 22px 42px #153e7230,inset 0 1px #d2e8ff85;isolation:isolate}
.xj-race__banner:after{content:'';pointer-events:none;position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff36,inset 0 -30px 60px #051b3c35}
.xj-race__banner>img{display:block;width:100%;height:100%;object-fit:cover}
.xj-race__mobile-title{display:none}
.xj-race__clock{position:absolute;z-index:2;top:35%;left:27.8%;width:32.2%;height:31%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.2%;direction:ltr}
.xj-race__clock>div{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#123864;text-align:center;text-shadow:0 1px 0 #fff9}
.xj-race__clock strong{font:900 clamp(24px,4vw,58px)/1 Arial,sans-serif;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.xj-race__clock span{font-size:clamp(8px,1.05vw,15px);font-weight:800;margin-top:5px}
.xj-race__table-card{margin-top:16px;border-radius:18px;overflow:hidden;border:1px solid #617894;background:linear-gradient(160deg,#283a50,#1e2d40);box-shadow:0 20px 42px #334b6831,inset 0 1px #cce5ff29;color:#eff5fc}
.xj-race__table-title{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 28px 16px;border-bottom:1px solid #91b0ce30}
.xj-race__table-title>div>span{font-size:12px;color:#a8c3e1}
.xj-race__table-title h3{font-size:25px;margin:4px 0 0;line-height:1.2}
.xj-race__sample{font-size:11px;border:1px solid #a7c4e34d;background:#c8e0ff12;border-radius:99px;color:#c9d9ea;padding:6px 11px;white-space:nowrap}
.xj-race__table{width:100%;border-collapse:collapse;table-layout:fixed;direction:inherit}
.xj-race__table th{text-align:start;color:#a9bfd7;font-size:12px;font-weight:700;letter-spacing:.03em;padding:17px 24px 10px}
.xj-race__table th:first-child,.xj-race__table td:first-child{width:13%;text-align:center}
.xj-race__table th:nth-child(2){width:35%}.xj-race__table th:nth-child(3){width:26%}.xj-race__table th:nth-child(4){width:26%}
.xj-race__table td,.xj-race__table tbody tr:first-child td{background:transparent;border:0;border-top:1px solid #c3d6ec13;padding:12px 24px;font-size:14px;color:#eaf1fa}
.xj-race__table tbody tr:first-child{background:#86baf514}
.xj-race__table tbody tr:hover{background:#e4f2ff0b}
.xj-race__rank{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #819bb950;border-radius:9px;background:#99b5d315;font:800 14px/1 Arial,sans-serif;color:#d4e4f4}
.xj-race__rank-mobile{display:none}
.xj-race__table tr:first-child .xj-race__rank{background:linear-gradient(135deg,#d4ebff,#72abdf);color:#183859;border-color:#e1f3ff;box-shadow:0 0 14px #72bdff61}
.xj-race__table tr:nth-child(2) .xj-race__rank{color:#f7fafc;border-color:#b5c5d7}
.xj-race__user{display:flex;align-items:center;gap:11px;min-width:0;font-weight:750}
.xj-race__avatar{flex:none;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#5f95ca,#354c75);color:#fff;font:800 12px Arial,sans-serif;border:1px solid #8eb5de6b}
.xj-race__user bdi{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xj-race__score{font:800 14px Arial,sans-serif;color:#e9f6ff;font-variant-numeric:tabular-nums}
.xj-race__prize{display:inline-flex;align-items:center;justify-content:center;min-width:92px;border:1px solid #82a6d342;border-radius:9px;padding:8px 11px;background:#96c6fa13;color:#eaf5ff;font:800 13px Arial,sans-serif;box-shadow:inset 0 1px #c6e4ff12}
.xj-race__prize:before{content:'✦';color:#74c9ff;margin-right:8px;font-size:12px}
.xj-leaderboard-page__note{margin:18px 3px 0;color:#566c86;font-size:12px}
@media(max-width:900px){.xj-race__clock{top:34%;left:28%;width:32%;height:33%}.xj-race__clock strong{font-size:clamp(22px,4vw,40px)}.xj-race__table th,.xj-race__table td{padding-inline:15px}}
@media(max-width:700px){.xj-leaderboard-page{padding-block:25px 45px}.xj-leaderboard-page__intro{align-items:start;flex-direction:column;gap:15px}.xj-leaderboard-page__intro h1{font-size:30px}.xj-leaderboard-page__intro p{font-size:13px}.xj-leaderboard-page__switcher{align-items:center}.xj-leaderboard-page__switcher h2{font-size:20px}.xj-leaderboard-page__tabs button{min-width:78px;height:39px;font-size:12px}.xj-race__banner{aspect-ratio:auto;height:290px;border-radius:14px}.xj-race__banner>img{object-fit:cover;object-position:78% center;opacity:.92}.xj-race__banner:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#072457db,#07245718 70%),linear-gradient(0deg,#08234dba,transparent 65%)}.xj-race__mobile-title{display:block;position:absolute;top:22px;inset-inline-start:20px;z-index:2;max-width:60%;color:#fff;text-shadow:0 2px 10px #051931;font-size:clamp(19px,5vw,28px);line-height:1.35}.xj-race__clock{top:auto;left:16px;right:16px;bottom:16px;width:auto;height:70px;gap:8px}.xj-race__clock>div{border:1px solid #bfdbff9c;border-radius:10px;background:#e6f3ffed;box-shadow:0 6px 15px #041a4470;color:#103b6a;text-shadow:none}.xj-race__clock strong{font-size:29px}.xj-race__clock span{font-size:10px;margin-top:2px}.xj-race__context{font-size:11px;min-height:45px}.xj-race__table-title{padding:18px 16px 13px}.xj-race__table-title h3{font-size:20px}.xj-race__sample{font-size:9px}.xj-race__table th,.xj-race__table td{padding-inline:9px;font-size:11px}.xj-race__prize{min-width:70px;padding:7px 4px;font-size:11px}.xj-race__avatar{width:26px;height:26px}.xj-race__user{gap:5px}.xj-race__score{font-size:11px}}
@media(max-width:480px){.xj-leaderboard-page__switcher{align-items:start;flex-direction:column}.xj-leaderboard-page__tabs{width:100%}.xj-leaderboard-page__tabs button{width:50%}.xj-race__banner{height:245px}.xj-race__table-title{align-items:start;flex-direction:column;gap:9px}.xj-race__table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.xj-race__table,.xj-race__table tbody{display:block}.xj-race__table tbody tr{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;column-gap:8px;padding:9px 12px;border-top:1px solid #c3d6ec13}.xj-race__table td{border:0;padding:2px 0}.xj-race__table td:first-child{width:auto;grid-row:1/3;grid-column:1}.xj-race__table td:nth-child(2){grid-column:2;grid-row:1}.xj-race__table td:nth-child(3){grid-column:3;grid-row:1}.xj-race__table td:nth-child(4){grid-column:2/4;grid-row:2}.xj-race__prize{margin-top:3px;min-width:75px}.xj-race__user bdi{font-size:12px}.xj-race__score{font-size:11px}.xj-race__table-card{border-radius:13px}}
@media(max-width:359px){.xj-race__banner{height:225px}.xj-race__clock{height:63px;left:10px;right:10px;bottom:10px}.xj-race__clock strong{font-size:25px}.xj-race__table tbody tr{padding-inline:8px;column-gap:4px}}
@media(max-width:700px){
  .xj-leaderboard-page__switcher{align-items:stretch;flex-direction:column;gap:14px}
  .xj-leaderboard-page__switcher h1{font-size:21px}
  .xj-leaderboard-page__tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .xj-leaderboard-page__tabs button{width:100%;min-width:0;min-height:42px}
  .xj-race__mobile-title{left:18px;right:auto;inset-inline-start:auto;max-width:45%;text-align:left}
  html[dir=rtl] .xj-race__mobile-title{direction:rtl;text-align:right}
  .xj-race__table-card{margin-top:14px;border-radius:14px}
  .xj-race__table-title{align-items:flex-start;flex-direction:column;gap:8px;padding:16px 14px 12px}
  .xj-race__table-title h3{font-size:19px}
  .xj-race__table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .xj-race__table,.xj-race__table tbody{display:block;width:100%}
  .xj-race__table tbody tr{display:grid;grid-template-columns:40px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:10px;row-gap:8px;padding:12px 14px;border-top:1px solid #c3d6ec25}
  .xj-race__table tbody tr td,.xj-race__table tbody tr:first-child td{display:block;width:auto;min-width:0;padding:0;border:0;background:transparent;text-align:start}
  .xj-race__table td:first-child{grid-column:1;grid-row:1/3;text-align:center}
  .xj-race__table td:nth-child(2){grid-column:2/4;grid-row:1}
  .xj-race__table td:nth-child(3){grid-column:2;grid-row:2}
  .xj-race__table td:nth-child(4){grid-column:3;grid-row:2;text-align:end}
  .xj-race__table td:nth-child(3)::before,.xj-race__table td:nth-child(4)::before{content:attr(data-label);display:block;margin-bottom:4px;color:#a9bfd7;font-size:10px;font-weight:650;white-space:nowrap}
  .xj-race__rank{width:34px;height:34px}
  .xj-race__user{gap:8px}
  .xj-race__user bdi{font-size:13px}
  .xj-race__score{font-size:13px;white-space:nowrap}
  .xj-race__prize{min-width:76px;min-height:31px;margin:0;padding:6px 8px;font-size:12px}
}
@media(max-width:359px){
  .xj-race__table tbody tr{grid-template-columns:36px minmax(0,1fr) auto;column-gap:6px;padding-inline:9px}
  .xj-race__table td:nth-child(3)::before,.xj-race__table td:nth-child(4)::before{font-size:9px}
  .xj-race__score{font-size:12px}
  .xj-race__prize{min-width:68px;font-size:11px}
}
/* A text-only timer sits in the artwork's newly cleared center; the image has no baked-in boxes. */
.xj-race__banner .xj-race__clock{top:35%;left:27%;right:auto;bottom:auto;width:34%;height:34%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2%;direction:ltr}
.xj-race__banner .xj-race__clock>div{background:none;border:0;border-radius:0;box-shadow:none;color:#f8fcff;text-shadow:0 2px 7px #071d3e,0 0 18px #0b61b4}
.xj-race__banner .xj-race__clock strong{font:900 clamp(26px,4.4vw,58px)/1 Arial,sans-serif;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.xj-race__banner .xj-race__clock span{font-size:clamp(10px,1.1vw,15px);font-weight:850;color:#fff;text-shadow:0 2px 6px #071d3e}
@media(max-width:700px){.xj-race__banner .xj-race__clock{top:auto;left:14px;right:14px;bottom:14px;width:auto;height:67px;gap:8px}.xj-race__banner .xj-race__clock strong{font-size:30px}.xj-race__banner .xj-race__clock span{font-size:11px}}
@media(max-width:359px){.xj-race__banner .xj-race__clock{left:9px;right:9px;bottom:10px;height:60px}.xj-race__banner .xj-race__clock strong{font-size:27px}}
@media(max-width:700px){
  .xj-race__table-card{background:linear-gradient(160deg,#232335,#1c1e2d);border-color:#65748e55}
  .xj-race__table thead{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal;display:block;border:0}
  .xj-race__table thead tr{display:grid;grid-template-columns:38px minmax(0,1fr) 92px;align-items:center;gap:10px;padding:10px 12px 5px}
  .xj-race__table thead th{display:block;width:auto!important;padding:0;color:#9fb0ca;font-size:10px;font-weight:750;text-align:start}
  .xj-race__table thead th:first-child,.xj-race__table thead th:last-child{text-align:center}
  .xj-race__table thead th:nth-child(3){display:none}
  .xj-race__table tbody tr{grid-template-columns:38px minmax(0,1fr) 92px;grid-template-rows:auto auto;align-items:center;column-gap:10px;row-gap:1px;min-height:65px;padding:7px 12px;border:0;background:transparent}
  .xj-race__table tbody tr:first-child{background:transparent}
  .xj-race__table tbody tr:hover{background:#ffffff08}
  .xj-race__table tbody tr td:first-child{grid-column:1;grid-row:1/3;text-align:center}
  .xj-race__table tbody tr td:nth-child(2){grid-column:2;grid-row:1}
  .xj-race__table tbody tr td:nth-child(3){grid-column:2;grid-row:2}
  .xj-race__table tbody tr td:nth-child(4){grid-column:3;grid-row:1/3;text-align:center}
  .xj-race__table td:nth-child(3)::before,.xj-race__table td:nth-child(4)::before{content:none;display:none}
  .xj-race__avatar{display:none}
  .xj-race__user{font-weight:750}
  .xj-race__user bdi{font-size:13px}
  .xj-race__score{font-size:12px;font-weight:600;color:#98abc6}
  .xj-race__rank,.xj-race__table tr:first-child .xj-race__rank{width:38px;height:34px;gap:1px;border:0;border-radius:0;background:transparent;box-shadow:none;color:#f4f7fc;font-size:13px}
  .xj-race__rank-desktop{display:none}
  .xj-race__rank-mobile{display:inline}
  .xj-race__table tbody tr:nth-child(-n+10) .xj-race__rank::before,.xj-race__table tbody tr:nth-child(-n+10) .xj-race__rank::after{content:'';display:block;flex:none;width:8px;height:26px;background:url('assets/leaderboard-laurel.svg') center/contain no-repeat}
  .xj-race__table tbody tr:nth-child(-n+10) .xj-race__rank::after{transform:scaleX(-1)}
  .xj-race__prize{width:100%;min-width:0;min-height:36px;margin:0;padding:5px 4px;border:0;border-radius:8px;background:#2d2e42;color:#fff;font-size:12px;gap:5px;box-shadow:none}
  .xj-race__prize::before{content:'💵';margin:0;color:inherit;font-size:17px;line-height:1}
}
@media(max-width:359px){
  .xj-race__table thead tr,.xj-race__table tbody tr{grid-template-columns:34px minmax(0,1fr) 78px;column-gap:6px;padding-inline:8px}
  .xj-race__rank,.xj-race__table tr:first-child .xj-race__rank{width:34px;font-size:12px}
  .xj-race__table tbody tr:nth-child(-n+10) .xj-race__rank::before,.xj-race__table tbody tr:nth-child(-n+10) .xj-race__rank::after{width:7px;height:24px}
  .xj-race__prize{font-size:11px;gap:3px}
  .xj-race__prize::before{font-size:15px}
}