/* Ranking links open separately so an in-progress flight keeps its place. */
.flight-deck .desktop-nav a.high-scores-link {
  display:inline-flex; align-items:center; min-height:44px; padding:6px 0;
  color:#d4c08b; font:500 12px var(--body); text-decoration:none;
}
.flight-deck .desktop-nav a.high-scores-link:hover { color:#f0e2b9; }
.flight-deck .start-actions.deck-links a.high-scores-link {
  display:flex; align-items:center; justify-content:space-between; gap:8px;
  min-height:57px; padding:12px 22px; border:0; background:#c4ac6610;
  color:#e2d29e; font:500 9px var(--mono); letter-spacing:.4px;
  text-align:left; text-decoration:none;
}
.flight-deck .start-actions.deck-links a.high-scores-link span { font:18px var(--body); }
.flight-deck .start-actions.deck-links a.high-scores-link:hover { background:#c4ac6620; color:#fff0c6; }
.high-scores-link:focus-visible,.cockpit-high-scores:focus-visible { outline:2px solid #9be5d2; outline-offset:-3px; }
.cockpit-high-scores {
  display:flex; align-items:center; gap:13px; min-height:64px; margin:20px 0 14px;
  padding:14px 16px; border:1px solid #c9ad6150; border-radius:10px;
  background:linear-gradient(110deg,#352f204f,#12293280); color:#efe5c8;
  text-decoration:none;
}
.cockpit-high-scores>i { width:25px; font:24px var(--body); color:#dcc282; text-align:center; }
.cockpit-high-scores>span { flex:1; }
.cockpit-high-scores strong { display:block; font:500 13px var(--body); }
.cockpit-high-scores small { display:block; margin-top:5px; font:11px/1.4 var(--body); color:#aac0c6; }
.cockpit-high-scores>b { font:22px var(--body); color:#cbb679; }
.cockpit-high-scores:hover { border-color:#dcc282; background-color:#243b44; }
@media(max-width:1200px) { .flight-deck .desktop-nav a.high-scores-link { font-size:11px; } }
@media(max-width:900px) { .flight-deck .start-actions.deck-links a.high-scores-link { padding:14px; font-size:8px; } }
@media(max-width:720px),(pointer:coarse) and (max-width:1024px),(max-height:540px) and (max-width:1024px) {
  .flight-deck .start-actions.deck-links a.high-scores-link { min-height:50px; padding:13px 24px; font-size:8px; letter-spacing:.3px; }
  .cockpit-high-scores { padding:12px; }
}
@media(max-height:540px) and (max-width:1024px) and (orientation:landscape) {
  .flight-deck .start-actions.deck-links a.high-scores-link { padding-inline:16px; }
}
