.run-strip{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;border-bottom:1px solid var(--line);background:#171d18}
.run-strip label,.run-best>span{display:block;font:8px monospace;letter-spacing:1.3px;color:#adb89f}
.run-time{display:block;font:700 32px/1.3 monospace;letter-spacing:-1px;font-variant-numeric:tabular-nums;color:var(--lime)}
.run-strip small{display:block;font:8px/1.5 monospace;color:#9da98e;letter-spacing:.3px}
.run-best{text-align:right;min-width:0}.run-best strong{display:block;font:700 20px/1.7 monospace;color:var(--cream);font-variant-numeric:tabular-nums}
.run-strip[data-state=paused] .run-time{color:#efc38c}.run-strip[data-state=finished]{background:#2b3520}
.leaderboard{padding:19px;border:1px solid #52613e;border-top:3px solid var(--lime);border-radius:6px;background:linear-gradient(145deg,#293022,#1b211c);margin-bottom:22px;min-width:0}
.leaderboard .eyebrow{font:9px monospace;letter-spacing:1px;color:var(--lime)}
.leaderboard h2{font:800 30px/.95 'Barlow Condensed',Impact,sans-serif;margin:9px 0 18px}
.leaderboard label{display:block;font:9px monospace;color:#c6d0b7;margin-bottom:7px}.leaderboard label span{color:#95a186}
.leaderboard input{display:block;width:100%;min-width:0;border:1px solid #566348;border-radius:4px;background:#151b16;color:var(--cream);font:13px 'DM Sans',sans-serif;padding:11px 10px}
.leaderboard input:disabled{opacity:.65}.leaderboard input:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.record-rules,.record-empty,.record-storage{font:10px/1.6 'DM Sans',sans-serif;color:#aebba0;margin:9px 0 0}.record-empty{padding:18px 0;color:#dce6ca}
.record-list{list-style:none;margin:16px 0 0;padding:0;max-height:325px;overflow:auto}
.record-list li{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;padding:11px 0;border-top:1px solid #52613e66}
.record-rank{font:700 13px monospace;color:#8f9f7e}.record-player{min-width:0}.record-player b{display:block;overflow-wrap:anywhere;font-size:11px;color:#e1e8d6}.record-player small{display:block;font:8px/1.7 monospace;color:#9aa98a;margin-top:3px}.record-time{font:700 12px monospace;font-variant-numeric:tabular-nums;color:var(--cream);white-space:nowrap}
.record-list li:first-child .record-rank,.record-list li:first-child .record-time{color:var(--lime)}.record-list li.latest{background:#d5f4770b}.record-storage{padding-top:10px;border-top:1px dashed #52613e77;font-size:9px}
.result .finish-time{font:700 33px/1.2 monospace;color:var(--lime);margin:2px 0;font-variant-numeric:tabular-nums}
.result .finish-record{font:700 10px/1.5 monospace;letter-spacing:.5px;color:var(--lime);max-width:100%}.result #result-stats{max-width:340px}
@media(max-width:1100px){.leaderboard{padding:14px}.record-list li{grid-template-columns:18px minmax(0,1fr) auto;gap:5px}.record-time{font-size:11px}}
@media(max-width:760px){.leaderboard{grid-column:1/-1;margin:0;padding:20px}.leaderboard h2{font-size:34px}.record-list li{grid-template-columns:24px minmax(0,1fr) auto;gap:10px}.record-time{font-size:15px}.run-strip{padding:12px 15px}.run-time{font-size:28px}.run-best strong{font-size:18px}.result h2{font-size:48px;margin:12px 0}.result .finish-time{font-size:29px}}
@media(max-width:360px){.run-strip{gap:8px}.run-strip label,.run-best>span{font-size:7px}.run-time{font-size:24px}.run-best strong{font-size:16px}}