@import url('/fx-design.css');
:root{color-scheme:dark;--ink:var(--fx-text,#eaf5f5);--muted:var(--fx-muted,#94a4b2);--acid:var(--fx-brand,#c4ff67);--cyan:var(--fx-cyan,#82e9fb);--line:#323e49;--mono:'DM Mono',monospace;--display:'Barlow Condensed',Impact,sans-serif}*{box-sizing:border-box}body{margin:0;background:#080b14;color:var(--ink);font:11px var(--mono)}a:focus-visible{outline:2px solid var(--acid);outline-offset:4px}.topbar{height:78px;margin:0 3vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px;color:var(--ink);text-decoration:none;font:900 22px/.8 var(--display);letter-spacing:.04em}.brand b,.brand-mark{color:var(--acid)}.brand small{display:block;color:#8a9caa;font:9px var(--mono);letter-spacing:.13em;margin-top:8px}.brand-mark{font:900 italic 29px var(--display)}.brand-mark span{font:900 10px var(--display)}.top-caption,.back-link{color:#9aabb6;letter-spacing:.12em;font-size:9px}.top-caption i{display:inline-block;width:6px;height:6px;background:var(--acid);border-radius:50%;margin-right:8px}.back-link{color:var(--ink);text-decoration:none;border-left:1px solid var(--line);padding:9px 0 9px 24px}.back-link:hover{color:var(--acid)}main{max-width:1600px;margin:auto;padding:42px 3vw 70px}.page-heading,.panel-head{display:flex;align-items:end;justify-content:space-between;gap:18px}.eyebrow{color:var(--acid);font-size:10px;letter-spacing:.17em;margin:0 0 12px}h1,h2,h3{font-family:var(--display);font-style:italic;text-transform:uppercase;margin:0;letter-spacing:-.02em}h1{font-size:clamp(48px,7vw,90px);line-height:.85}h2{font-size:clamp(29px,3vw,40px);line-height:.95}h3{font-size:24px}em{font-style:inherit;color:var(--acid)}.intro,.detail{color:#9dabb6;line-height:1.6}.intro{margin:18px 0 0}.heading-mark{color:#8293a1;letter-spacing:.14em}.heading-mark b{color:var(--acid)}.status{min-height:36px;padding-top:15px;color:#f2c990;letter-spacing:.06em}.board-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.panel,.records-section{background:linear-gradient(135deg,#161c29,#0e131d);border:1px solid #34404d;padding:24px}.live{border-top:2px solid var(--acid)}.badge{border:1px solid #627a4e;color:var(--acid);padding:7px 9px;font-size:9px;letter-spacing:.1em;white-space:nowrap}.badge.historical{border-color:#3c5263;color:var(--cyan)}.detail{margin:14px 0 16px;font-size:10px}.board{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.board li:not(.empty){display:grid;grid-template-columns:35px minmax(0,1fr) auto;gap:8px;align-items:center;min-height:53px;border-bottom:1px solid #293440}.rank{color:#8092a0}.board li:first-child .rank{color:var(--acid)}.pilot{font:700 18px var(--display);overflow-wrap:anywhere}.stat{text-align:right;color:#eaf5f5;font:700 17px var(--display);white-space:nowrap}.stat small{display:block;color:#8e9eaa;font:9px var(--mono);margin-top:3px}.empty{padding:20px 0;color:#8a9aa6}.records-section{margin-top:12px}.records-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.record{background:#0c141e;border:1px solid #34414d;padding:15px}.record h3{margin-bottom:12px;color:var(--cyan)}.record .board li:not(.empty){min-height:43px}.record .pilot,.record .stat{font-size:15px}@media(max-width:850px){.records-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.topbar{height:67px}.top-caption,.heading-mark{display:none}main{padding-top:30px}.board-grid,.records-grid{grid-template-columns:1fr}.panel,.records-section{padding:18px}}

/* World Time board: a race classification, with the leaders as the focal point. */
.leaderboards-page{background:var(--fx-bg,#090d0c);color:var(--fx-text,#eaf5ef)}
.leaderboards-page main{max-width:1440px}
.leaderboards-page .podium-section{padding:28px;margin-bottom:12px;background:radial-gradient(ellipse at 50% 100%,#263a251f,transparent 65%),var(--fx-surface,#111a17);border:1px solid #304139;overflow:hidden}
.leaderboards-page .podium{list-style:none;display:grid;grid-template-columns:1fr 1.12fr 1fr;align-items:end;gap:10px;padding:0;margin:28px 0 0}
.leaderboards-page .podium-place{position:relative;min-width:0;min-height:155px;padding:20px;border:1px solid #35473d;background:linear-gradient(155deg,#1a2922,#0d1512);overflow:hidden}
.leaderboards-page .place-1{grid-column:2;grid-row:1;min-height:200px;border-top:3px solid var(--fx-brand,#c4ff67);background:linear-gradient(155deg,#293c28,#101a14)}
.leaderboards-page .place-2{grid-column:1;grid-row:1}
.leaderboards-page .place-3{grid-column:3;grid-row:1}
.leaderboards-page .podium-rank{position:absolute;right:10px;bottom:-25px;color:#d2ffb50b;font:900 italic 135px/.85 var(--display);pointer-events:none}
.leaderboards-page .place-1 .podium-rank{color:#d2ffb515;font-size:180px}
.leaderboards-page .podium-content{position:relative;display:flex;min-height:112px;flex-direction:column;align-items:flex-start}
.leaderboards-page .place-1 .podium-content{min-height:157px}
.leaderboards-page .podium-caption,.leaderboards-page .podium-details,.leaderboards-page .board-labels,.leaderboards-page .circuit-control label{font:9px var(--mono);letter-spacing:.12em;color:var(--fx-muted,#94a99b)}
.leaderboards-page .podium-caption{color:var(--fx-cyan,#82e9fb);margin-bottom:14px}
.leaderboards-page .place-1 .podium-caption{color:var(--fx-brand,#c4ff67)}
.leaderboards-page .podium .pilot{font:800 italic clamp(22px,2.5vw,35px)/1 var(--display);max-width:100%;overflow-wrap:anywhere}
.leaderboards-page .podium-score{margin-top:auto;padding-top:14px;font:800 25px/1 var(--display);color:var(--fx-brand,#c4ff67)}
.leaderboards-page .podium-details{margin-top:6px}
.leaderboards-page .podium .empty{grid-column:1/-1}
.leaderboards-page .board-grid{align-items:start}
.leaderboards-page .panel,.leaderboards-page .records-section{background:var(--fx-surface,#111a17);border-color:#304139}
.leaderboards-page .board-labels{display:flex;justify-content:space-between;padding:12px 0 9px;border-bottom:1px solid #304139}
.leaderboards-page .board{border:0}
.leaderboards-page .board li:not(.empty){border-color:#2b3932}
.leaderboards-page .pilot{color:var(--fx-text,#eaf5ef);text-decoration:none}
.leaderboards-page a.pilot:hover{color:var(--fx-brand,#c4ff67);text-decoration:underline;text-underline-offset:3px}
.leaderboards-page .is-self{background:#c4ff6710;box-shadow:inset 2px 0 var(--fx-brand,#c4ff67)}
.leaderboards-page .board li.is-self{padding-left:10px;padding-right:8px}
.leaderboards-page .you{color:var(--fx-brand,#c4ff67);font:9px var(--mono);letter-spacing:.08em;vertical-align:middle}
.leaderboards-page .circuit-control{display:flex;flex-direction:column;gap:7px;min-width:min(260px,100%)}
.leaderboards-page .circuit-control select{width:100%;min-height:42px;padding:0 38px 0 12px;color:var(--fx-text,#eaf5ef);background:#0a110e;border:1px solid #52665a;font:700 14px var(--display);letter-spacing:.04em}
.leaderboards-page .circuit-control select:focus-visible{outline:2px solid var(--fx-brand,#c4ff67);outline-offset:3px}
.leaderboards-page .record{background:#0b1310;border-color:#304139;padding:20px}
.leaderboards-page .record h3{color:var(--fx-cyan,#82e9fb);font-size:30px}
.leaderboards-page .record .pilot,.leaderboards-page .record .stat{font-size:18px}
@media(max-width:650px){
  .leaderboards-page .podium-section{padding:18px}
  .leaderboards-page .podium{grid-template-columns:1fr 1fr;margin-top:20px}
  .leaderboards-page .place-1{grid-column:1/-1;grid-row:1;min-height:155px}
  .leaderboards-page .place-1 .podium-content{min-height:112px}
  .leaderboards-page .place-2{grid-column:1;grid-row:2}
  .leaderboards-page .place-3{grid-column:2;grid-row:2}
  .leaderboards-page .podium-place{padding:15px;min-height:140px}
  .leaderboards-page .podium-content{min-height:108px}
  .leaderboards-page .podium .pilot{font-size:23px}
  .leaderboards-page .podium-rank{font-size:100px}
  .leaderboards-page .records-heading{align-items:start;flex-direction:column}
  .leaderboards-page .circuit-control{width:100%}
}