.runs-page { min-height: 100svh; background: #050806; }
.runs-main { padding-top: 84px; }
.runs-summary { min-height: 510px; padding: 64px clamp(24px, 6vw, 112px) 0; border-bottom: 1px solid var(--line); background-image: linear-gradient(rgba(83,223,112,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(83,223,112,.04) 1px, transparent 1px); background-size: 88px 88px; }
.runs-status { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.runs-status .kicker { margin: 0; }.runs-status .kicker b { font-weight: 700; }
.runs-status > span { display: flex; align-items: center; gap: 9px; color: var(--muted-2); font: 700 9px var(--mono); text-transform: uppercase; }
.runs-status > span i { width: 6px; height: 6px; border-radius: 50%; background: var(--amber); box-shadow: 0 0 10px rgba(231,173,88,.7); }
.runs-summary h1 { margin: 42px 0 0; font-size: 62px; font-weight: 600; line-height: 1; }
.runs-lead { margin: 18px 0 0; color: var(--muted); font-size: 16px; }
.runs-metrics { margin-top: 58px; display: grid; grid-template-columns: repeat(4,1fr); }
.runs-metrics article { min-width: 0; min-height: 138px; padding: 22px 30px; border-top: 1px solid var(--line); border-right: 1px solid var(--line); }
.runs-metrics article:first-child { padding-left: 0; }.runs-metrics article:last-child { border-right: 0; }
.runs-metrics span, .runs-metrics small { display: block; color: var(--muted-2); font: 700 8px var(--mono); text-transform: uppercase; }
.runs-metrics strong { margin: 10px 0 4px; display: block; color: var(--paper); font-size: 38px; line-height: 1; }

.runs-block { min-height: 520px; padding: 90px clamp(24px, 6vw, 112px); display: grid; grid-template-columns: 260px minmax(0,1fr); gap: 80px; border-bottom: 1px solid var(--line); }
.runs-block aside h2 { margin: 24px 0 0; font-size: 30px; line-height: 1.12; }
.runs-block aside > p:not(.section-index) { margin: 20px 0 0; color: var(--muted); font: 11px/1.75 var(--mono); }
.runs-ledger, .leaderboard-table { min-width: 0; align-self: start; border-top: 1px solid var(--line); }
.ledger-head, .ledger-row { display: grid; grid-template-columns: 110px minmax(190px,1.2fr) minmax(220px,1.5fr) minmax(120px,.7fr) 90px; align-items: center; gap: 18px; border-bottom: 1px solid var(--line); }
.ledger-head, .leaderboard-head { min-height: 44px; color: var(--muted-2); font: 700 8px var(--mono); text-transform: uppercase; }
.ledger-row { min-height: 72px; color: #b7c0ba; font: 10px var(--mono); }
.ledger-row > b { color: var(--paper); font-size: 9px; }.ledger-adapter { min-width: 0; display: grid; grid-template-columns: 24px 1fr; align-items: center; gap: 10px; }.ledger-adapter img { width: 22px; height: 18px; object-fit: contain; }.ledger-adapter span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ledger-output { display: grid; grid-template-columns: minmax(80px,110px) auto; align-items: center; gap: 11px; }.ledger-bar { height: 13px; border: 1px solid var(--line); background: repeating-linear-gradient(90deg,rgba(83,223,112,.22) 0 4px,transparent 4px 6px); }.ledger-bar i { height: 100%; display: block; background: var(--green-pale); }
.ledger-result { color: var(--green); }.ledger-result.local, .ledger-result.pending { color: var(--amber); }.ledger-time { color: var(--muted-2); text-align: right; text-transform: uppercase; }
.empty-ledger { min-height: 230px; display: grid; place-content: center; text-align: center; border-bottom: 1px solid var(--line); }.empty-ledger strong { color: var(--paper); font-size: 15px; }.empty-ledger span { margin-top: 8px; color: var(--muted-2); font: 9px var(--mono); }

.leaderboard-section { background: #070a08; }
.leaderboard-head, .leaderboard-row { display: grid; grid-template-columns: 64px minmax(220px,1.5fr) minmax(130px,.75fr) 70px minmax(110px,.6fr); align-items: center; gap: 18px; border-bottom: 1px solid var(--line); }
.leaderboard-row { min-height: 74px; color: var(--muted); font: 10px var(--mono); }.leaderboard-row > b { color: var(--green); }.leaderboard-row > span:nth-child(2) { min-width: 0; display: flex; align-items: center; gap: 12px; }.leaderboard-row img { width: 24px; height: 20px; object-fit: contain; }.leaderboard-row strong { color: var(--paper); }.leaderboard-row small { margin-top: 3px; display: block; color: var(--muted-2); text-transform: uppercase; }

.dataset-section { background: #e8eae2; color: #0a0d0b; }.dataset-section .section-index, .dataset-section aside > p:not(.section-index) { color: #4e5851; }.dataset-section .section-index::before { background: #1f8d49; }.dataset-content { max-width: 850px; align-self: start; }.dataset-content > p { max-width: 680px; margin: 0; font-size: 16px; line-height: 1.75; }.dataset-command { margin-top: 30px; padding: 22px; display: block; overflow-x: auto; border: 1px solid #aab4ac; color: #d9ffe1; background: #07100b; font: 12px var(--mono); }.dataset-actions { margin-top: 24px; display: flex; flex-wrap: wrap; gap: 12px; }.dataset-actions .button-quiet { color: #0a0d0b; border-color: #65716a; }.dataset-content > small { margin-top: 22px; display: block; color: #59635c; font: 9px var(--mono); text-transform: uppercase; }

.rewards-section { background: #080b09; }.reward-content { align-self: start; }.reward-state { padding: 24px 0; display: grid; grid-template-columns: 1fr auto; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.reward-state span, .reward-state small { color: var(--muted-2); font: 700 9px var(--mono); text-transform: uppercase; }.reward-state strong { color: var(--amber); }.reward-state small { grid-column: 1 / 3; margin-top: 10px; text-transform: none; }
.reward-tiers { margin-top: 18px; display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--line); }.reward-tiers div { min-width: 0; padding: 16px; display: flex; flex-direction: column; gap: 5px; border-right: 1px solid var(--line); }.reward-tiers div:last-child { border-right: 0; }.reward-tiers span, .reward-tiers small { color: var(--muted-2); font: 700 8px var(--mono); text-transform: uppercase; }.reward-tiers strong { color: var(--paper); font: 700 15px var(--mono); }
.reward-steps { margin: 28px 0 0; padding: 0; list-style: none; }.reward-steps li { padding: 20px 0; display: grid; grid-template-columns: 46px 1fr; border-bottom: 1px solid var(--line); }.reward-steps li > span { color: var(--green); font: 700 9px var(--mono); }.reward-steps strong { font-size: 15px; }.reward-steps p { margin: 7px 0 0; color: var(--muted); font-size: 13px; line-height: 1.6; }.reward-policy-note { margin: 22px 0 0; color: var(--muted-2); font: 9px/1.65 var(--mono); }.wallet-reward { margin-top: 28px; padding: 22px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border: 1px solid var(--line); }.wallet-reward span, .wallet-reward strong { display: block; }.wallet-reward span { color: var(--muted-2); font: 700 8px var(--mono); text-transform: uppercase; }.wallet-reward strong { margin-top: 7px; color: var(--paper); font-size: 14px; }

.device-section { min-height: 420px; }.local-actions { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 18px; }.clear-runs, .export-runs { padding: 0; border: 0; border-bottom: 1px solid currentColor; background: transparent; font: 700 9px var(--mono); text-transform: uppercase; cursor: pointer; }.clear-runs { color: #f07878; }.export-runs { color: var(--green); }
.runs-boundary { min-height: 190px; padding: 48px clamp(24px,6vw,112px); display: grid; grid-template-columns: 260px minmax(0,750px); gap: 80px; align-items: start; background: #070a08; }.runs-boundary > p:last-child { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.7; }

@media (max-width: 1100px) { .runs-page .wallet-shell { display: none; } }
@media (max-width: 980px) {
  .runs-block, .runs-boundary { grid-template-columns: 1fr; gap: 50px; }.runs-metrics { grid-template-columns: repeat(2,1fr); }.runs-metrics article:nth-child(2) { border-right: 0; }.ledger-head, .leaderboard-head { display: none; }.ledger-row { grid-template-columns: 90px 1fr auto; padding: 16px 0; }.ledger-output { grid-column: 2 / 4; grid-row: 2; }.ledger-result { grid-column: 2; }.ledger-time { grid-column: 3; }.leaderboard-row { grid-template-columns: 48px minmax(180px,1fr) auto; padding: 14px 0; }.leaderboard-row > span:nth-child(4), .leaderboard-row > span:nth-child(5) { display: none; }
}
@media (max-width: 680px) {
  .runs-main { padding-top: 68px; }.runs-page .header-run-link { display: none; }.runs-summary { min-height: 560px; padding: 48px 18px 0; }.runs-status { align-items: flex-start; flex-direction: column; }.runs-summary h1 { margin-top: 32px; font-size: 47px; }.runs-lead { max-width: 280px; }.runs-metrics { margin-top: 42px; }.runs-metrics article, .runs-metrics article:first-child { min-height: 125px; padding: 18px 10px; }.runs-metrics strong { font-size: 27px; }.runs-block { padding: 72px 18px; }.ledger-row { grid-template-columns: 74px minmax(0,1fr) auto; gap: 10px; }.ledger-output { grid-template-columns: minmax(100px,1fr) auto; }.leaderboard-row { grid-template-columns: 38px minmax(145px,1fr) auto; gap: 10px; }.dataset-actions { display: grid; }.dataset-actions .button { width: 100%; }.reward-state { grid-template-columns: 1fr; gap: 8px; }.reward-state small { grid-column: 1; }.reward-tiers { grid-template-columns: 1fr; }.reward-tiers div { border-right: 0; border-bottom: 1px solid var(--line); }.reward-tiers div:last-child { border-bottom: 0; }.wallet-reward { align-items: stretch; flex-direction: column; }.wallet-reward .button { width: 100%; }.runs-boundary { padding: 48px 18px; }
}