.hub-nav{max-width:1100px;margin:18px auto 0;padding:0 20px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#65727d;font:600 13px/1.4 system-ui,"Microsoft YaHei",sans-serif}.hub-nav a{color:inherit;text-decoration:none}.hub-nav a:hover{color:#1d8e6f}.hub-nav span{letter-spacing:0;text-transform:none}@media(max-width:640px){.hub-nav{padding:0 12px;margin-top:12px;font-size:clamp(11px,3vw,13px)}.hub-nav span{text-align:right}}

/* Keep the pixel-game look while making Chinese controls and statistics clear. */
.overlay-title,
.overlay-hint,
.go-scores,
.go-newbest,
.chrome-btn,
.panel-title,
.stat-row,
.speed-label,
.db-badge,
.name-input,
.player-name-label,
.clear-btn,
.lb-table th,
.lb-table td,
.controls .ctrl-btn,
footer {
  font-family: system-ui, "Microsoft YaHei", sans-serif;
  letter-spacing: .02em;
}
.overlay-title { line-height: 1.55; letter-spacing: .04em; }
.overlay-hint { font-size: clamp(11px, 2.5vw, 14px); line-height: 1.8; }
.logo, .hi-label { font-family: system-ui, "Microsoft YaHei", sans-serif; letter-spacing: .02em; }
.panel-title { font-size: clamp(13px, 2vw, 16px); }
.speed-label { font-size: 12px; }
.db-badge { font-size: 11px; }
.clear-btn { font-size: 11px; padding: 5px 9px; }
.lb-table th { font-size: 12px; }
.lb-table td { font-size: clamp(13px, 2vw, 16px); }
.controls .ctrl-btn { font-size: clamp(12px, 2vw, 14px); }
.chrome-btn { font-size: clamp(12px, 2vw, 14px); }
footer { font-size: 11px; }

@media (max-width: 600px) {
  .panel-row { padding: 4px 10px 18px; }
  .panel { padding: 12px; }
  .panel-title { letter-spacing: 0; }
  .db-badge { font-size: 10px; }
}